Придбаний [loftschool] Продвинутый курс по веб-разработке 2019

[Gadzhi]

[loftschool] Продвинутый курс по веб-разработке 2019

Записывайтесь и за 6 недель освойте продвинутые навыки веб-разработчика, и получите SPA-проект в портфолио.

За 6 недель вы научитесь:
​

Учебная программа:
Неделя 1 — Workflow
Открытие курса

• Знакомство с курсом.
• Технологии, изучаемые на курсе.
• Организация рабочего процесса.
• Советы для успешного прохождения обучения.
• Административные вопросы.

Workflow
Видеокурс

• Git, Terminal.
• Npm, Node.js.
• Модули в JS.
• Webpack, Npm-скрипты.
• Github и Github Pages.
• Webpack сборка.
• Npm-скрипты.
• CommonJS-модули.

Yarn
Видеокурс

• Yarn – пакетный менеджер.
• Yarn, как альтернатива npm. Преимущества Yarn перед npm.
• Установка и использование Yarn.

Pug
Видеокурс

• Pug – препроцессор HTML и шаблонизатор.
• Использование алгоритмической структуры Pug.
• Написание собственных примесей.
• Построение универсального шаблона.
• БЭМ-нейминг.
• Организация файловой структуры проекта.
• Рендеринг данных из JSON.

Компонентный подход
Практический вебинар

• Сборка проекта.
• Компонентная вёрстка.
• Структура проекта.
• Модификация компонентов.

Неделя 2 — Vue.js, анимации, CSS GRID
JavaScript — Vue.js
Видеокурс

• Взаимодействие Vue с DOM.
• Прослушка событий при помощи Vue.js.
• Использование директив условий и циклов.
• Подключение препроцессоров.
• Vue CLI – создание боевого воркфлоу с Vue.js.

CSS GRID
Видеокурс

• Основные понятия и термины.
• Построение лейаута.
• Область применения.
• Использование совместно с Flexbox.
• Решение нетривиальных задач при реализации адаптива.

Анимации (Parallax)
Видеокурс

• 3 реализации параллакс-эффектов.
• Скролл-эффекты.
• Неочевидные вещи в CSS-анимациях.

Реализация виджетов
Практический вебинар

• Реализация интерактивных элементов из домашнего проекта.
• Применение Vue.js на практике.
• Компонентный подход к написанию виджетов.

Неделя 3 — Нативный JavaScript
JavaScript — ES6
Видеокурс

• Интерполяция строк.
• Короткая запись методов.
• Стрелочные функции.
• Аргументы по умолчанию.
• Деструктуризация: Массивы и объекты.
• О новых возможностях в старых браузерах.

Асинхронность в JavaScript
Видеокурс

• Работа с Ajax.
• Асинхронность в JavaScript.
• Промисы, как способ организации асинхронного кода.

Тестирование компонентов
Видеокурс

• Тестирование верстки.
• Написание Unit-тестов.
• Написание End to End-тестов.

Практика JavaScript
Практический вебинар, 25.10.2019, 20:00 (мск)

• Ответы на вопросы.
• Применение знаний на практике.

Неделя 4 — Vue.js, SPA
Работа с api для проекта портфолио
Практический вебинар

• Схемы авторизации для проекта: стандартная авторизация и JWT-авторизация.
• Работа с системой авторизации к проекту. Подсказки и пояснения.

Javascript — Vue.js
Видеокурс

• Введение в компоненты.
• Взаимодействие между компонентами.
• Роутинг в Vue.js.
• Анимации и переходы во Vue.
• Взаимодействие с сервером из компонента.

Javascript — Vue.js
Видеокурс

• Практический вебинар.
• Пишем frontend админ-панели на Vue.js.
• Работа Vue.js c формами.
• Отправка данных при помощи vue-resource.

Написание SPA
Практический вебинар, 01.11.2019, 20:00 (мск)

• Написание админ-панели.
• Реализация SPA.
• Настройка роутов.
• Подгрузка данных.

Неделя 5 — Практика
Практика
Практический вебинар

• Ответы на накопившиеся вопросы по проекту.

Неделя 6 — Завершение работы над проектом
Выпускной
Практический вебинар

• Подведение итогов.
• Что делать дальше?
• Трудоустройство, стажировки.
• Компании-партнёры.

Начало обучения: 07.10.2019

Сайт курса:

Скрытое содержимое.

https://loftschool.com/course/web-development/