Angular 4 c нуля до профи
Что самое главное в профессии Front-End разработчика?
На мой взгляд, самое важное – это постоянная актуализация своих знаний и изучение появляющихся новых технологий, полезных фреймворков, актуальных библиотек.
Веб-мастера, которые игнорируют появление новых технологий, рискуют отстать от современной веб-разработки и стать невостребованными на этом конкурентном рынке.
Здесь можно привести пример с развитием Front-End разработки.
Раньше веб-страницы были очень простыми, верстались с помощью таблиц. Потом получила развитие блочная верстка и внедрение JavaScript на страницу… Потом начали появляться JavaScript библиотеки jQuery, MooTools и другие... После этого возникла необходимость в адаптивной верстке... Появились HTML5 и CSS3, препроцессоры и постпроцессоры...
Это разделение на этапы, конечно, грубое и условное. Можно добавить еще промежуточные этапы: например, появление HTML-, CSS- и JavaScript-фреймворков. Таких как Bootstrap, jQuery и десятки других…
Каждый этап можно расписать еще более детально, но я этим примером хотел показать, что веб-разработка непрерывно развивается. И есть все основания полагать, что в дальнейшем специализация подобных продвинутых инструментов только будет усиливаться, а сами инструменты – эволюционировать!
Уже сегодня верстальщики, которые не умеют делать адаптивную верстку, верстают, наверное, только для себя, и практически уже не востребованы на рынке веб-разработки…
То же касается и Front-End разработки в целом…
Уже для всех сегодня становится очевидным, что, Front-End разработчики, не владеющие СОВРЕМЕННЫМИ продвинутыми знаниями, включая топовые актуальные фреймворки и препроцессоры, уже сегодня вынуждены либо в срочном порядке переучиваться (и постоянно обновлять свои знания), либо… уйти с рынка.
-
Блок 1. Теория. Введение и установка
Это первый вступительный блок в курс по Angular где вы познакомитесь с базовыми знаниями и понятиями, которые будут использоваться в курсе.
-
Урок 1. Что такое Angular
-
Урок 2. Установка Angular
-
Урок 3. Обзор структуры проекта
-
-
БЛОК 2. Теория. СИНТАКСИС
В данном блоке вы познакомитесь с базовыми понятиями и структурами, которые есть во фреймворке Angular.
-
Урок 1. Создание компонента
-
Урок 2. Шаблоны и стили компонента
-
Урок 3. Селекторы в компонентах
-
Урок 4. Связка компонента и шаблона. Свойства
-
Урок 5. Связка компонента и шаблона. События
-
Урок 6. Связка компонента и шаблона. Двухстороннее связывание
-
Урок 7. Директива ngIf else
-
Урок 8. Директива ngFor
-
Урок 9. Директивы ngStyle и ngClass
-
Урок 10. Пайпы
-
-
БЛОК 3. Теория. КОМПОНЕНТЫ
С этого блока, мы начнем детальное изучение каждой из сущности Angular.
Данный блок посвящен компонентам – одной из самых основных сущностей фреймворка.
-
Урок 1. Передача параметров в компонент
-
Урок 2. Получение данных из компонента
-
Урок 3. Область видимости CSS
-
Урок 4. Доступ к DOM элементам
-
Урок 5. Передача HTML-кода компоненту
-
Урок 6. Жизненный цикл компонента
-
-
БЛОК 4. Теория. ДИРЕКТИВЫ
В этом блоке вы детально познакомитесь с директивами.
-
Урок 1. Создание директивы
-
Урок 2. Использование Renderer
-
Урок 3. Работа с событиями
-
Урок 4. Передача параметров
-
Урок 5. Директива ngSwitch
-
-
БЛОК 5. Теория. ПАЙПЫ
-
Урок 1. Использование пайпов
-
Урок 2. Создание своего пайпа
-
Урок 3. Создание динамического фильтра
-
Урок 4. Оптимизация пайпов
-
Урок 5. Async пайп
-
-
БЛОК 6.Теория. Сервисы
-
Урок 1. Создание сервиса
-
Урок 2. Связь компонентов через сервис
-
Урок 3. Использование сервиса в сервисе
-
-
БЛОК 7. Теория. Формы
-
Урок 1. Вводный
-
Урок 2. TD Создание формы
-
Урок 3. TD Валидация формы. Часть 1
-
Урок 4. TD Валидация формы. Часть 2
-
Урок 5. TD Значения по умолчанию
-
Урок 6. TD Группировка форм
-
Урок 7. TD Динамическое изменение формы
-
Урок 8. R Создание формы
-
Урок 9. R Валидация формы
-
Урок 10. R Группировка форм
-
Урок 11. R Создание валидатора
-
Урок 12. R Создание асинхронного валидатора
-
-
БЛОК 10.Теория. Модули
-
Урок 1. Создание модуля
-
Урок 2. Создание общего модуля
-
Урок 3. Ленивая загрузка
-
Урок 4. Предзагрузка модулей
-
-
БЛОК 9.Теория. Роутинг
-
Урок 1. Создание роутов
-
Урок 2. Создание роутинг модуля
-
Урок 3. Навигация между страницами
-
Урок 4. Программная навигация
-
Урок 5. Параметры адресной строки. Часть 1
-
Урок 6. Параметры адресной строки. Часть 2
-
Урок 7. Встроенные роуты
-
Урок 8. Редирект и обработка ошибок
-
Урок 9. Защищенные роуты
-
-
БЛОК 8.Теория. HTTP
-
Урок 1. Настройка сервера
-
Урок 2. Получение данных. Метод GET
-
Урок 3. Вывод данных в шаблон
-
Урок 4. Добавление элементов. Метод POST
-
Урок 5. Изменение элементов. Метод PUT
-
Урок 6. Удаление элементов. Метод DELETE
-
Урок 7. Добавление хедеров
-
Урок 8. Обработка ошибок
-
Урок 9. Async пайп
-
-
БЛОК 11.Теория. Анимации
-
Урок 1. Создание анимации
-
Урок 2. Множество состояний
-
Урок 3. Сложный переход
-
Урок 4. Пустое состояние
-
Урок 5. Специальные символы
-
Урок 6. Детальное управление анимацией
-
Урок 7. События
-
-
БЛОК 12.Теория. Юнит тесты
-
Урок 1. Запуск тестов
-
Урок 2. Тестирование компонента
-
Урок 3. Тестирование сервиса. Инъекция
-
Урок 4. Тестирование методов сервиса
-
Урок 5. Асинхронное тестирование
-
Урок 6. Тестирование пайпа
-
Урок 7. Тестирование директивы
-
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением
