1

Step 1

Блок 1. Теория. Введение и установка

2

Step 2

БЛОК 2. Теория. СИНТАКСИС

3

Step 3

БЛОК 3. Теория. КОМПОНЕНТЫ

4

Step 4

БЛОК 4. Теория. ДИРЕКТИВЫ

5

Step 5

БЛОК 5. Теория. ПАЙПЫ

6

Step 6

БЛОК 6.Теория. Сервисы

7

Step 7

БЛОК 7. Теория. Формы

8

Step 8

БЛОК 10.Теория. Модули

9

Step 9

БЛОК 9.Теория. Роутинг

10

Step 10

БЛОК 8.Теория. HTTP

11

Step 11

БЛОК 11.Теория. Анимации

12

Step 12

БЛОК 12.Теория. Юнит тесты

1

Step 1

Блок 1. Теория. Введение и установка

2

Step 2

БЛОК 2. Теория. СИНТАКСИС

3

Step 3

БЛОК 3. Теория. КОМПОНЕНТЫ

4

Step 4

БЛОК 4. Теория. ДИРЕКТИВЫ

5

Step 5

БЛОК 5. Теория. ПАЙПЫ

6

Step 6

БЛОК 6.Теория. Сервисы

7

Step 7

БЛОК 7. Теория. Формы

8

Step 8

БЛОК 10.Теория. Модули

9

Step 9

БЛОК 9.Теория. Роутинг

10

Step 10

БЛОК 8.Теория. HTTP

11

Step 11

БЛОК 11.Теория. Анимации

12

Step 12

БЛОК 12.Теория. Юнит тесты

12 October 2017 31 December 2017
completed_date
Career & Work

Angular 4 c нуля до профи

Что самое главное в профессии Front-End разработчика?

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

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

Здесь можно привести пример с развитием Front-End разработки.

Раньше веб-страницы были очень простыми, верстались с помощью таблиц. Потом получила развитие блочная верстка и внедрение JavaScript на страницу… Потом начали появляться JavaScript библиотеки jQuery, MooTools и другие... После этого возникла необходимость в адаптивной верстке... Появились HTML5 и CSS3, препроцессоры и постпроцессоры...

Это разделение на этапы, конечно, грубое и условное. Можно добавить еще промежуточные этапы: например, появление HTML-, CSS- и JavaScript-фреймворков. Таких как Bootstrap, jQuery и десятки других…

Каждый этап можно расписать еще более детально, но я этим примером хотел показать, что веб-разработка непрерывно развивается. И есть все основания полагать, что в дальнейшем специализация подобных продвинутых инструментов только будет усиливаться, а сами инструменты – эволюционировать!

Уже сегодня верстальщики, которые не умеют делать адаптивную верстку, верстают, наверное, только для себя, и практически уже не востребованы на рынке веб-разработки…

То же касается и Front-End разработки в целом…

Уже для всех сегодня становится очевидным, что, Front-End разработчики, не владеющие СОВРЕМЕННЫМИ продвинутыми знаниями, включая топовые актуальные фреймворки и препроцессоры, уже сегодня вынуждены либо в срочном порядке переучиваться (и постоянно обновлять свои знания), либо… уйти с рынка.

  1. Блок 1. Теория. Введение и установка

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

    1. Урок 1. Что такое Angular

    2. Урок 2. Установка Angular

    3. Урок 3. Обзор структуры проекта

  2. БЛОК 2. Теория. СИНТАКСИС

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

    1. Урок 1. Создание компонента

    2. Урок 2. Шаблоны и стили компонента

    3. Урок 3. Селекторы в компонентах

    4. Урок 4. Связка компонента и шаблона. Свойства

    5. Урок 5. Связка компонента и шаблона. События

    6. Урок 6. Связка компонента и шаблона. Двухстороннее связывание

    7. Урок 7. Директива ngIf else

    8. Урок 8. Директива ngFor

    9. Урок 9. Директивы ngStyle и ngClass

    10. Урок 10. Пайпы

  3. БЛОК 3. Теория. КОМПОНЕНТЫ

    С этого блока, мы начнем детальное изучение каждой из сущности Angular.

    Данный блок посвящен компонентам – одной из самых основных сущностей фреймворка.

    1. Урок 1. Передача параметров в компонент

    2. Урок 2. Получение данных из компонента

    3. Урок 3. Область видимости CSS

    4. Урок 4. Доступ к DOM элементам

    5. Урок 5. Передача HTML-кода компоненту

    6. Урок 6. Жизненный цикл компонента

  4. БЛОК 4. Теория. ДИРЕКТИВЫ

    В этом блоке вы детально познакомитесь с директивами.

    1. Урок 1. Создание директивы

    2. Урок 2. Использование Renderer

    3. Урок 3. Работа с событиями

    4. Урок 4. Передача параметров

    5. Урок 5. Директива ngSwitch

  5. БЛОК 5. Теория. ПАЙПЫ

    1. Урок 1. Использование пайпов

    2. Урок 2. Создание своего пайпа

    3. Урок 3. Создание динамического фильтра

    4. Урок 4. Оптимизация пайпов

    5. Урок 5. Async пайп

  6. БЛОК 6.Теория. Сервисы

    1. Урок 1. Создание сервиса

    2. Урок 2. Связь компонентов через сервис

    3. Урок 3. Использование сервиса в сервисе

  7. БЛОК 7. Теория. Формы

    1. Урок 1. Вводный

    2. Урок 2. TD Создание формы

    3. Урок 3. TD Валидация формы. Часть 1

    4. Урок 4. TD Валидация формы. Часть 2

    5. Урок 5. TD Значения по умолчанию

    6. Урок 6. TD Группировка форм

    7. Урок 7. TD Динамическое изменение формы

    8. Урок 8. R Создание формы

    9. Урок 9. R Валидация формы

    10. Урок 10. R Группировка форм

    11. Урок 11. R Создание валидатора

    12. Урок 12. R Создание асинхронного валидатора

  8. БЛОК 10.Теория. Модули

    1. Урок 1. Создание модуля

    2. Урок 2. Создание общего модуля

    3. Урок 3. Ленивая загрузка

    4. Урок 4. Предзагрузка модулей

  9. БЛОК 9.Теория. Роутинг

    1. Урок 1. Создание роутов

    2. Урок 2. Создание роутинг модуля

    3. Урок 3. Навигация между страницами

    4. Урок 4. Программная навигация

    5. Урок 5. Параметры адресной строки. Часть 1

    6. Урок 6. Параметры адресной строки. Часть 2

    7. Урок 7. Встроенные роуты

    8. Урок 8. Редирект и обработка ошибок

    9. Урок 9. Защищенные роуты

  10. БЛОК 8.Теория. HTTP

    1. Урок 1. Настройка сервера

    2. Урок 2. Получение данных. Метод GET

    3. Урок 3. Вывод данных в шаблон

    4. Урок 4. Добавление элементов. Метод POST

    5. Урок 5. Изменение элементов. Метод PUT

    6. Урок 6. Удаление элементов. Метод DELETE

    7. Урок 7. Добавление хедеров

    8. Урок 8. Обработка ошибок

    9. Урок 9. Async пайп

  11. БЛОК 11.Теория. Анимации

    1. Урок 1. Создание анимации

    2. Урок 2. Множество состояний

    3. Урок 3. Сложный переход

    4. Урок 4. Пустое состояние

    5. Урок 5. Специальные символы

    6. Урок 6. Детальное управление анимацией

    7. Урок 7. События

  12. БЛОК 12.Теория. Юнит тесты

    1. Урок 1. Запуск тестов

    2. Урок 2. Тестирование компонента

    3. Урок 3. Тестирование сервиса. Инъекция

    4. Урок 4. Тестирование методов сервиса

    5. Урок 5. Асинхронное тестирование

    6. Урок 6. Тестирование пайпа

    7. Урок 7. Тестирование директивы

  • 1294
  • 12 October 2017, 19:37
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?