Уроки Angular

7 уроков
Консультации
#2 - Файлы и создание компонента

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

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

Видеоурок

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



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


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


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

Компоненты

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


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


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

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

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

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

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

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

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

Изучение Python до профи / Основы, Django, TKinter
Изучение HTML5 от нуля до гуру!
21 урок
Создание динамического веб сайта
22 урока
Создание игры Unity 5 | Начало
9 уроков