Angular 5 Tutorials From Scratch | Explore Angular structure

안녕하세요 친구, 환영 각도 다섯 시리즈를 Bitfumes 마지막에하는 에피소드 우리는 각 프로젝트를 다운로드 한이 에피소드에서 우리는 가고있다 우리가 그와 함께 있도록 설치 한 각 프로젝트의 구조를 볼 수 있습니다 나는 호스트 사르 탁이고이 후 다양한 내용을 얻을 것이다 채널입니다 일 웹 개발과 관련된 당신이 가입하지 않은 경우하시기 바랍니다 가입 및 페이스 북 트위터와 인스 타 그램에 BitFumes 같은하자 이 무엇인지 확인하고 그 전에하는 것은 그냥 우리의 각도에 대한 서버를 시작하자 이 프로젝트는 그래서 터미널 열리고 터미널에서 I 봉사 NG 말할 것이다 – 개방 그것은 모든 것을 컴파일이 먼저 열립니다 Enter 키를 누르 후는 것 4200과 : 우리의 크롬 브라우저에서 열린 그래서 우리는이 로컬 호스트이 그래서이 모든 일이 얼마나 보자되는 그래 여기에 몇 시간을 기다려야 우리의 각 응용 프로그램에 위치하고 우리는 단지이 소스 폴더에 대해 집중해야 소스 폴더의 모든 것을이기 때문에 나는 당신이 알고 있다고 생각하는 그래서 모든 프로젝트 시작 인덱스 도트 HTML로 등 때문에 각도와 당신은 제목의 DOCTYPE HTML이 그래 좋은 각도 제목과 다른 것들하지만이 페이지의 이상한 부분 HTML 페이지는이 응용 프로그램입니다 – 어떤 루트이 실제로 각도이며,이 구성 요소와 나는 몇 초에 보여 만하는 요소가 무엇인지하지만, 분명히 이것은 당신이 사용자 정의라고 말할 수있는 적절한 HTML 태그 아니다 이것은 우리의 프로젝트에 위치해 그렇게 할 때 각도에 의해 생성 된 HTML 속성 그의는 우리의 소스 폴더 안에이 응용 프로그램 디렉토리로 이동하자 당신은 그래서 지금 내가 가면 너무 좋아 손실되지 파일 다섯 개 파일을 많이 볼 수에 응용 프로그램 점은 구성 요소 도트 TS는의이 파일을 열 수 있도록 여기에 그냥 가져 오는 것 각 코어의 구성 요소와 우리는 그렇게 구성 요소의 세부 사항을 설정하는 먼저 선택기 응용 프로그램입니다 – 루트이 정확히 우리가 본 우리의 인덱스 도트 HTML 파일 정확히 같은 그래서 이것은 여기에서오고 그래서 하나를하자 일이의이 옵션을 선택하자 내가 말할 것입니다 내 내 내가 콘솔을 열면 우리는이 오류가 발생합니다 지금 가면 그 좋은 나는 우리가 내 뿌리를 사용하고 있기 때문에 루트가 좋은 모든 요소와 일치하지 않는이 우리는 내가 루트 그래서 그냥 그래서 지금 내 루트로 변경하자하자가 정의한 그냥이를 저장하고 크롬과 짧은 시간 내에 이동 그것은 그래서 이것은 우리가 의미 다시 원래 상태로 다시 상쾌입니다 올바른 경로 우리는이 기기 선택기 이름이 실제로 있다고 우리 이 좋은 그러나이 모든 일이 수단에 위치해 곳 있도록 준 이 로고이가는 꼬리는 구성 요소에서 볼 수있는 링크입니다 이름은 루트 2 좋지만 템플릿 URL 템플릿 URL 템플릿에 대해 생각 이 모든 일이이 구성 요소의 HTML의 일부로서 URL 젤 그것은 같은 폴더 안에이 점이 앞으로 있다고 말한다 있도록 위치 슬래시는이 응용 프로그램의 도트 구성 요소를 가지고, 그래서 우리가 같은 디렉토리에 찾고 의미 응용 프로그램 폴더에있는 TS 그래서 우리는 같은에서 템플릿 URL을 찾아 가고있다 폴더 다음이 응용 프로그램은 파일 이름 appcomponent

HTML이다 의이을 열 수 있도록 componentHTML 및 여기에 우리가 이러한 것들을 아래에 제시된 모든 볼 그래서 먼저 좋은 H1 태그 환영의 중심에 뭔가를 스타일링 내가 여기에이 일에 돌아올 것이다 제목은 실제로 로고 각도 로고 나는 새 탭을 열 경우이 로고 base64로는 당신이 볼 수있는이 하나의 데이터입니다 64 기수는 좋네요 이제 모든 일이 링크가 여기에 있습니다 변환 나는 영화가 좋아 블로그 비트 여기서 말하는 경우에 그래서 비트에 변경된 짧은 시간 내에 있도록 필드가 아주 좋은 차단 그래서 당신이 구성 요소가 갖는 점을 얻을 생각 선택기이하지만처럼 템플릿 URL을 의미하는 이름 이것에 대해이 중괄호 제목에 오신 것을 환영받을 수 없음은 환영에 말한다 응용 프로그램은 그래서이 제목은 소리가 나는 여기에 변수를 사용하여처럼 어디에서 왔는지 그 때문에의를 다시 열고 appcomponentts을하자 당신은 말한다 볼 수 있습니다처럼 수출 클래스 응용 프로그램 구성 요소에 대한 구성 요소 및 여기에 제목 변수는 할당 나는 환영 말할 그래서 만약 응용 프로그램라는 문자열의 그 각도 자습서를 bitfumes하기 내가 가서 새로 고침 있다면 아주 좋은 – 2 각 비트 림에 오신 것을 환영합니다 – 그건 멋진 큰 그래서 다음은 각하지만 세 번째로 재생할 수있는 일이 있습니다 것은 우리가 실제로 분리 또는 한 바로 HTML 부분처럼 CSS 스타일의 URL입니다 그래서 다시 논문 부분을 분리 한 각 이것은 CSS 부분이지만입니다 빈 그래서 그냥 당신을 나는거야 하나 개의 태그를 한 것은 미친 일을하자 좋은 그린이 ​​H1 태그 색상 때문에 저장이 여기 당신은 할 수 문제는이 HTML 또는 단순히 수단 있도록이 H1 지금 녹색을 데 참조 이 구성 요소의 스타일이 여기에 내부이고, 당신이 만약 한 가지 더 많은 일을 할 수 있습니다 당신은 다른 구성 요소를 가지고 있고 스타일 적용을 의미 전역 스타일을 원한다 응용 프로그램의 모든 구성 요소의 각에 당신은이에 가야 나는이를 열 경우입니다 소스 폴더 SRC 폴더 안에 CSS 스타일 빈하지만 난 붙여 넣으면이 저장하고 다시 당신이 녹색을 보내고 볼 수 있습니다 이것은 당신이 중 하나를 글로벌 CSS를 정의 할 수 있습니다 의미 색 또는 개인을 정의 할 수 있습니다 좋다 CSS하거나 구성 요소를 기반으로 CSS 그래서이 에피소드에서이 모든 것을하지만 우리는이 각도에 대한 아주 멀리 갈 것입니다 시리즈와는 Bitfumes에서 무언가를 배운 당신은 지원하려는 경우 patreon

com의 후원자가 당신이 원하는대로 $ 1 이상을 기부 할 수 있습니다 될 그렇지 않으면 당신은이 채널을 구독 할 수 있습니다 비트를 좋아하는 전달하지 않는다 페이스 북 트위터와 인스 타 그램에 연기 우리는 다음 에피소드까지 만날 것 다음 작별 인사

Angular 5 Tutorials From Scratch | How to start with Angular 5

우리는 것이다 처음부터 BitFumes 각 5 자습서 안녕하세요 친구 오신 것을 환영합니다 각도의 깊이에 가서 우리가 각 5 방법을 시작하는 방법을 참조 그것을 위해 나는이에 갈 수 있도록 우리는 각 간단한 프로젝트를 생성합니다 angulario 웹 사이트와의 그냥 시작하자 우리가 필요로 시작 첫째 Node

js를하다 실제로 우리를 nodejs되지 Nodejs를 뭔가를 단지 물건의 NPM의 종류를 원하는 때문에 NPM에서 관리하는 모든 패키지 당신 때문에 nodejsorg로 이동하고 바로 여기이 다운로드 탭으로 이동해야 여기 운영 체제에 따라하는 것은 단지 이들 중 하나를 잡고 그래서 이것은 당신을 줄 것이다 이것이 내가 가면 그렇게 노드 줄 것이다 설치 유형 노드와 당신이 여기 내가 만약 그렇다면 점 종료 괜찮 말하는 경우에 볼 수 있습니다 Enter 키를 누르십시오 나는 노드를 말한다 – V는 노드 버전은 여기 분명히 NPM -v입니다 볼 수 있습니다 이를 설치 한 후이 nodejs 있다는 뜻 그래서 우리는 NPM 버전을 얻을 것이다 당신은 터미널 또는 명령 프롬프트에서이 모든 기능을 얻을 것이다 이 당신의 각도를 설치하는 데 도움이됩니다 있기 때문에이 충분하지 않습니다 프로젝트, 당신은 우리의 명령 줄을 참조 각도 필요한 각 프로젝트를 설치합니다 인터페이스는 장인과 같은 laravel 명령 줄 인터페이스를 가지고처럼 그렇게 의이 하나를 잡아 보자는 여기에 몇 가지를 많이 다운로드합니다를 입력 히트 붙여 넣기 도움이 될 것입니다 NPM에서 일이 너무 많이 만들 수 있습니다 그리고 할 마법의 일이 그래서 이것은 그래서 지금 당신이 할 수있는 완료 될 때까지 그냥 기다릴 수 있도록 우리의 각도 CLI 그래서 그냥이 그래서 난 단지 겨 말할 것이다 테스트하게 여기보고, 당신은 -v가이 작업을 수행하므로 겨 NG처럼 우리가 많이와 명령을 많이 가지고있다 볼 수 있습니다 작품은 어떤 공간 그것을 예치를 할 수 있습니다 당신은 볼 수 없습니다 그는 – 우리는 각 제공 CLI 및 각 버전 노드 단어와 사물의 많은 여기에 각 아니다 각 CLI 버전의 작품 그래서 우리는 이제 새로운 프로젝트를 만들어야합니다 그냥 그렇게 입력 새로운 각도 타격을 겨 새로운 각도 확인을 겨 가정 해 봅시다 어떤 새로운 프로젝트 그리고 지금 우리를 위해 각 패키지를 다운로드합니다 그렇다면이 모든 일이 켜져 지금 그래서 내 맥은 여기에 우리는 우리가 다운로드 한이 각 폴더가 다운로드 그냥이 또한 대기하자 이제 당신의 그냥하자 우리의 각 프로젝트가 성공적으로 이렇게 설치되어 볼 수 있습니다 폴더에 CD는 그래서 각 히트 입력하고 지금 말할 것이다 그러나 지금 우리는에 있습니다 우리의 서버를 시작 그래서 서버를 겨 가정 해 봅시다 그러나 이것은 새로운를 열 않을 것입니다 그래서 만약 우리의 크롬 창 나는 -o의 플래그를 제공하거나 수행 할 수 있습니다 또한 NG 히트 -o 역할을, 그래서 그냥 O와 함께 머물 개방 할 말 이 각도에 대한 모든 컴파일 입력 한 후이 모든 열립니다 크롬의 일이 그래서 그냥 시작이 기다릴 수 있도록 우리가 여기에 대기하고 예 당신은 로컬 호스트와 함께 우리의 새로운 창을 볼 수 있습니다 4200은 지금 시작 그냥 어떤 이유로로드 및 예 축 하 우리 각 응용 프로그램은 우리가에 깊은 다이빙을 갈 것입니다 다음 에피소드에서, 그래서 여기에있다 각 프로젝트는 우리가 방금 설치하고 의심이 있으면 부담없이 한 나에게 말을 언급 메시지가 페이스 북 트위터와 인스 타 그램에 나를 따르라 우리는 다음 작별 인사까지 다음 에피소드에서 만나 가입 잊었하지 않습니다