Уроки Angular для начинающих

7 уроков Консультации
/ Видеокурсы / Уроки Angular для начинающих / #2 - Файлы и создание компонента

#2 - Файлы и создание компонента

#2 - Файлы и создание компонента


AngularJavaScript

При создании Angular приложения создается очень много разных файлов и скриптов. В ходе урока мы рассмотрим какие файлы за что отвечают, а также создадим новый компонент, с которым будем работать на протяжении курса.

Видео урок:

Любое новое приложение построенное на Angular будет иметь множество файлов, скриптов и других материалов, с которыми изначально сложно справиться. На самом деле структура Angular приложения довольно проста и понятна. Рассмотрим её на примере ниже:



Все файлы, которые принадлежат конкретно к проекту находятся в папке src. В ней есть основной файл index.html и style.css, а также дополнительные файлы в папке app, которая вмещает в себе все компоненты и главный файл со всеми модулями и компонентами.


В проекте всегда будет файл package.json, отвечающий за все настройки в приложении. В него входят характеристики приложения и различные зависимости для добавления модулей в приложение.


Папка e2e отвечает за тестирование в приложении и в ходе данного курса рассматриваться не будет, так как не является очень важной.

Компоненты

Компоненты отыгрывают важнейшую роль. Каждый компонент представляет из себя определенную страницу, на которую вы можете перейти. Такая страница будет иметь собственные стили, свой HTML шаблон, а также файлик со всеми функциями и переменными, которые можно будет передавать внутрь HTML шаблона. 


Создавать компоненты можно вручную или же при помощи терминала (командной строки). Всегда лучше пользоваться вторым вариантом. 


Чтобы сгенерировать новый компонент пропишите следующую инструкцию:

ng g component путь_и_название_компонента

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям!

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы получить большое задание. Такие задания есть к каждому курсу. В них входит задание, методика решения, а также "Готовое решение".
PS: подобные задания доступны при подписке от 1 месяца!


AngularJavaScript

Также стоит посмотреть