Стек MEAN

#5 - Добавляем Angular CLI к проекту

#5 - Добавляем Angular CLI к проекту

Начиная с этого урока мы приступим к разработке Front-end части веб сайта. Мы установим Angular CLI, а также создадим шапку и несколько страниц на веб сайте.

Видеоурок

В стеке MEAN для создания внешнего дизайна сайта используется библиотека Angular JS. В уроке мы установили версию Angular CLI и создали несколько компонентов для отображения различных страниц на сайте. Инструкция по установке Angular CLI находится на их официальном сайте.

Структура Angular проекта

Любой Angular проект состоит из множества компонентов, каждый из которых вмещает в себе:

  • файл со стилями;
  • файл с HTML;
  • файл с настройками;
  • файл с настройками модуля.

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


Вам стоит разбивать компоненты на более мелкие составляющие, так как создание крупных компонентов это не наилучший вариант.

Курс по Angular

Разобраться с Angular JS, если вы ни разу до этого с ним не работали будет сложно. Мы рекомендуем вам пройти небольшой курс по Angular у нас на сайте и после этого возвращаться обратно к уроку.


Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

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

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

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

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

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

Создание приложения на React JS / Использование API
7 уроков
Уроки Angular для начинающих
7 уроков
Уроки Node JS и Express для начинающих
17 уроков
Изучение MongoDB / Работа с базой данных
8 уроков
Курс по React JS для начинающих
14 уроков
Комментарии для сайта Cackle