[javascript.ninja] Базовый JavaScript 2021 [Илья Климов]

[javascript.ninja] Базовый JavaScript 2021 [Илья Климов]

5 причин выбрать наш курс

✅1️⃣ Преподаватель. >15 лет опыта в JavaScript, 8 лет педагогического опыта, практикующий инженер и докладчик на конференциях
✅2️⃣ Курс представляет собой целенаправленное “вождение по граблям”, собранными за время работы на реальных проектах. Подобно курсу молодого бойца - это максимальное количество “боли” от технологии в кратчайшее время для быстрейшего обучения
✅3️⃣ В курсе используются инструменты и практики, с которыми вы столкнетесь в реальной жизни: Git, GitLab, CI (для тестов) и т.д. Вы не работаете в специально адаптированном окружении, а привыкаете к реалиям реальной реальности
✅4️⃣ Система автоматизированного тестирования учитывает большинство пограничных сценариев решения задачи, обучая Вас двум важным навыкам: не игнорировать ничего, из того, что написано в условиях задачи, и не добавлять в своем восприятии условия к озвученным в тексте задачи
✅5️⃣ Теоретическая часть курса фокусируется не столько на вопросе “как?”, ответ на который есть в огромном количестве источников (в том числе в литературе, рекомендованной после каждого блока материалов), сколько на вопросе “почему?”, поясняя логику выбора тех или иных подходов. JavaScript - язык, в котором зачастую одну и ту же задачу можно решить огромным количеством подходов и понимание принципов выбора между этими подходами является залогом эффективного развития как специалиста

Спойлер: Программа курса

Современный JavaScript очень сильно отличается от того языка, который учили тренера проекта. Это - серьезная проблема для тех, кто пытается начать изучать JavaScript. Программа подобрана так, чтобы сфокусироваться на современном языке, облегчая потом вхождение в мир любого из выбранных framework’ов, не оставляя в стороне “типичные” вопросы собеседований.

Неделя 1: Введение в современный JS
Цели:

• познакомить со структурой курса, очертить цели и задачи курса для студентов;
• познакомить с базовыми примитивными блоками мира JS;
• научить пользоваться основными инструментами разработки и примитивными (и наиболее часто используемыми) методами отладки;
• пояснить и опробовать на себе принципы проверки заданий на курсе.

Темы:

• Современный JavaScript
• О базовых принципах написания надежного кода
• Основные инструменты JS-разработчика
• Типы данных в JS
• Функции в JS
• Замыкания
• Массивы

Неделя 2: Продвинутые элементы JS
Цели:

• познакомить с нюансами основных структур данных и особенностями "реального" JS.

Темы:

• Объекты
• this
• Классы
• Трагедия JS на фронтенде
• Модули
• Обзор структуры “простейшего” проекта на JS
• Тестирование и дополнительные инструменты

Неделя 3: DOM
Цель:

• пояснить как работать с DOM-узлами
• научить обрабатывать события

Темы:

• DOM встречает JS
• Изменение DOM
• События
• DOM и отладка
• Компонентный подход

Неделя 4: LiveCoding

Неделя 5: Асинхронность и общение с внешним миром
Цель:

• познакомить с понятием асинхронности
• научить отлаживать асинхронность, понимать порядок вызова функций
• познакомить с концепцией Event Loop
• научить базовому AJAX

Темы:

• Асинхронность: главная “фишка” и главное проклятие JS
• Event Loop: как это работает под капотом
• XHR
• Ошибки в асинхронных функциях: когда всё идет не по плану
• CORS
• Отладка XHR в браузере

Неделя 6: Промисы и новые методы общения с внешним миром (будет круто, я обещаю)
Цель:

• познакомить и обеспечить максимально полное понимание самого главного асинхронного примитива в JS
• показать применение промисов в реальных ситуациях

Темы:

• Промисы и какие проблемы они решают
• Статические методы Promise
• async / await
• WebSockets
• Server-side events
• Работа с формами и файлами в JS

Неделя 7: LiveCoding

Неделя 8: Архитектура
Цель:

• познакомить с общими архитектурными принципами современных JS-приложений

Темы:

• Типичные “слои” JS-приложения
• MVVM
• Event-driven architecture
• Single Source of Truth как фундаментальная концепция
• Концепция SPA
• Роутинг

Неделя 9: Что еще нужно знать?
Цель:

• дать обзорное знакомство с важными темами в JS-экосистеме, рассмотрение которых выходит за рамки базового курса

Темы:

• Векторная графика: SVG
• Canvas
• Ленивая загрузка и code splitting
• Базовый анализ производительности приложений

Неделя 10: LiveCoding

Спойлер: Полная информация о курсе

ТУТ