Уроки Angular

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

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

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

Видеоурок

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



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


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


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

Компоненты

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


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


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

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

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

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

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

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

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

Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Комментарии для сайта Cackle