Уроки Angular

7 уроков
Консультации
Уроки Angular для начинающих / #1 - Введение в Angular

Уроки Angular для начинающих / #1 - Введение в Angular

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

Видеоурок

Полезные ссылки:

  1. Установка Node JS;
  2. Установка редактора кода Atom;
  3. Установка Angular CLI.


Немного информация про Angular

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


Библиотека является частью стека MEAN. Стек разделяется на следующие технологии:

  • MongoDB - база данных;
  • Express JS - дополнительная библиотека для Node JS. Позволяет отслеживать URL адреса;
  • Angular - библиотека отвечающая за создание внешнего дизайна сайта;
  • Node JS - основная платформа, на которой происходит всё построение веб сайта. Обеспечивает все функции и работу с сервером.


Angular принято использовать для крупных проектов, так как она позволяет гибко и быстро взаимодействовать с пользователем, а в стеке MEAN и вовсе полностью осуществлять всю работу с пользователем на сайте.


Сразу стоит сказать, Angular вовсе не является простой библиотекой и она на порядок сложнее чем React и не говоря уже про VueJS библиотеку. Тем не менее, эта сложность оправдана, так как ни одна другая библиотека не представляет такой гигантский набор функций и возможностей. Благодаря этому проектов на Angular в 5, а то и в 6 раз больше нежели у её конкурентов.


Сложность Angular заключается даже в многочисленном количестве её версий. Новички попросту теряются, ибо есть Angular JS, Angular 2, Angular 3, Angular 4, Angular 5, Angular 6 и сейчас Angular 7 и 8. При этом ведется разработка Angular 9 и, вполне возможно что скоро будет Angular 10.


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


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


План курса

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


Этот видеокурс не рассчитан на новичков. Технология сложная и вам необходимо знать хотя бы: HTML, CSS,  JavaScript и Node JS. Курсы по всем этим технологиям есть у нас на сайте, поэтому если что-либо не знаете, то лучше сперва доучить, дабы на протяжении курса по Angular не получились дополнительные вопросы.


Установка Angular

Для установки Angular необходим пакетный менеджер npm. Его можно получить установив Node JS на ваш компьютер. 


После перейдите на сайт Angular CLI и следуйте командам, которые позволят установить библиотеку, а также запустить локальный сервер.

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

Установите все необходимое

Выполните установку Node JS, а также Angular. Создайте проект и откройте его в текстовом редакторе.

Посмотреть ответ

Чтобы выполнить задание, вам лишь необходимо следовать инструкциям из видео.


Сперва скачайте Node JS и после установите Angular при помощи пакетного менеджера npm.

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

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

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

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