[javascript.ninja] Базовый JavaScript 2021 [Илья Климов]
5 причин выбрать наш курс
Преподаватель. >15 лет опыта в JavaScript, 8 лет педагогического опыта, практикующий инженер и
Курс представляет собой целенаправленное “вождение по граблям”, собранными за время работы на реальных проектах. Подобно курсу молодого бойца - это максимальное количество “боли” от технологии в кратчайшее время для быстрейшего обучения
В курсе используются инструменты и практики, с которыми вы столкнетесь в реальной жизни: Git, GitLab, CI (для тестов) и т.д. Вы не работаете в специально адаптированном окружении, а привыкаете к реалиям реальной реальности
Система автоматизированного тестирования учитывает большинство пограничных сценариев решения задачи, обучая Вас двум важным навыкам: не игнорировать ничего, из того, что написано в условиях задачи, и не добавлять в своем восприятии условия к озвученным в тексте задачи
Теоретическая часть курса фокусируется не столько на вопросе “как?”, ответ на который есть в огромном количестве источников (в том числе в литературе, рекомендованной после каждого блока материалов), сколько на вопросе “почему?”, поясняя логику выбора тех или иных подходов. JavaScript - язык, в котором зачастую одну и ту же задачу можно решить огромным количеством подходов и понимание принципов выбора между этими подходами является залогом эффективного развития как специалиста
5 причин выбрать наш курс
Преподаватель. >15 лет опыта в JavaScript, 8 лет педагогического опыта, практикующий инженер и Курс представляет собой целенаправленное “вождение по граблям”, собранными за время работы на реальных проектах. Подобно курсу молодого бойца - это максимальное количество “боли” от технологии в кратчайшее время для быстрейшего обучения В курсе используются инструменты и практики, с которыми вы столкнетесь в реальной жизни: Git, GitLab, CI (для тестов) и т.д. Вы не работаете в специально адаптированном окружении, а привыкаете к реалиям реальной реальности Система автоматизированного тестирования учитывает большинство пограничных сценариев решения задачи, обучая Вас двум важным навыкам: не игнорировать ничего, из того, что написано в условиях задачи, и не добавлять в своем восприятии условия к озвученным в тексте задачи Теоретическая часть курса фокусируется не столько на вопросе “как?”, ответ на который есть в огромном количестве источников (в том числе в литературе, рекомендованной после каждого блока материалов), сколько на вопросе “почему?”, поясняя логику выбора тех или иных подходов. JavaScript - язык, в котором зачастую одну и ту же задачу можно решить огромным количеством подходов и понимание принципов выбора между этими подходами является залогом эффективного развития как специалистаСовременный JavaScript очень сильно отличается от того языка, который учили тренера проекта. Это - серьезная проблема для тех, кто пытается начать изучать JavaScript. Программа подобрана так, чтобы сфокусироваться на современном языке, облегчая потом вхождение в мир любого из выбранных framework’ов, не оставляя в стороне “типичные” вопросы собеседований.
Неделя 1: Введение в современный JS
Цели:
Цели:
Цель:
Неделя 5: Асинхронность и общение с внешним миром
Цель:
Цель:
Неделя 8: Архитектура
Цель:
Цель:
Неделя 1: Введение в современный JS
Цели:
- познакомить со структурой курса, очертить цели и задачи курса для студентов;
- познакомить с базовыми примитивными блоками мира JS;
- научить пользоваться основными инструментами разработки и примитивными (и наиболее часто используемыми) методами отладки;
- пояснить и опробовать на себе принципы проверки заданий на курсе.
- Современный JavaScript
- О базовых принципах написания надежного кода
- Основные инструменты JS-разработчика
- Типы данных в JS
- Функции в JS
- Замыкания
- Массивы
Цели:
- познакомить с нюансами основных структур данных и особенностями "реального" JS.
- Объекты
- this
- Классы
- Трагедия JS на фронтенде
- Модули
- Обзор структуры “простейшего” проекта на JS
- Тестирование и дополнительные инструменты
Цель:
- пояснить как работать с DOM-узлами
- научить обрабатывать события
- DOM встречает JS
- Изменение DOM
- События
- DOM и отладка
- Компонентный подход
Неделя 5: Асинхронность и общение с внешним миром
Цель:
- познакомить с понятием асинхронности
- научить отлаживать асинхронность, понимать порядок вызова функций
- познакомить с концепцией Event Loop
- научить базовому AJAX
- Асинхронность: главная “фишка” и главное проклятие JS
- Event Loop: как это работает под капотом
- XHR
- Ошибки в асинхронных функциях: когда всё идет не по плану
- CORS
- Отладка XHR в браузере
Цель:
- познакомить и обеспечить максимально полное понимание самого главного асинхронного примитива в JS
- показать применение промисов в реальных ситуациях
- Промисы и какие проблемы они решают
- Статические методы Promise
- async / await
- WebSockets
- Server-side events
- Работа с формами и файлами в JS
Неделя 8: Архитектура
Цель:
- познакомить с общими архитектурными принципами современных JS-приложений
- Типичные “слои” JS-приложения
- MVVM
- Event-driven architecture
- Single Source of Truth как фундаментальная концепция
- Концепция SPA
- Роутинг
Цель:
- дать обзорное знакомство с важными темами в JS-экосистеме, рассмотрение которых выходит за рамки базового курса
- Векторная графика: SVG
- Canvas
- Ленивая загрузка и code splitting
- Базовый анализ производительности приложений
Современный JavaScript очень сильно отличается от того языка, который учили тренера проекта. Это - серьезная проблема для тех, кто пытается начать изучать JavaScript. Программа подобрана так, чтобы сфокусироваться на современном языке, облегчая потом вхождение в мир любого из выбранных framework’ов, не оставляя в стороне “типичные” вопросы собеседований.
Неделя 1: Введение в современный JS
Цели:
Цели:
Цель:
Неделя 5: Асинхронность и общение с внешним миром
Цель:
Цель:
Неделя 8: Архитектура
Цель:
Цель:
Неделя 1: Введение в современный JS
Цели:
- познакомить со структурой курса, очертить цели и задачи курса для студентов;
- познакомить с базовыми примитивными блоками мира JS;
- научить пользоваться основными инструментами разработки и примитивными (и наиболее часто используемыми) методами отладки;
- пояснить и опробовать на себе принципы проверки заданий на курсе.
- Современный JavaScript
- О базовых принципах написания надежного кода
- Основные инструменты JS-разработчика
- Типы данных в JS
- Функции в JS
- Замыкания
- Массивы
Цели:
- познакомить с нюансами основных структур данных и особенностями "реального" JS.
- Объекты
- this
- Классы
- Трагедия JS на фронтенде
- Модули
- Обзор структуры “простейшего” проекта на JS
- Тестирование и дополнительные инструменты
Цель:
- пояснить как работать с DOM-узлами
- научить обрабатывать события
- DOM встречает JS
- Изменение DOM
- События
- DOM и отладка
- Компонентный подход
Неделя 5: Асинхронность и общение с внешним миром
Цель:
- познакомить с понятием асинхронности
- научить отлаживать асинхронность, понимать порядок вызова функций
- познакомить с концепцией Event Loop
- научить базовому AJAX
- Асинхронность: главная “фишка” и главное проклятие JS
- Event Loop: как это работает под капотом
- XHR
- Ошибки в асинхронных функциях: когда всё идет не по плану
- CORS
- Отладка XHR в браузере
Цель:
- познакомить и обеспечить максимально полное понимание самого главного асинхронного примитива в JS
- показать применение промисов в реальных ситуациях
- Промисы и какие проблемы они решают
- Статические методы Promise
- async / await
- WebSockets
- Server-side events
- Работа с формами и файлами в JS
Неделя 8: Архитектура
Цель:
- познакомить с общими архитектурными принципами современных JS-приложений
- Типичные “слои” JS-приложения
- MVVM
- Event-driven architecture
- Single Source of Truth как фундаментальная концепция
- Концепция SPA
- Роутинг
Цель:
- дать обзорное знакомство с важными темами в JS-экосистеме, рассмотрение которых выходит за рамки базового курса
- Векторная графика: SVG
- Canvas
- Ленивая загрузка и code splitting
- Базовый анализ производительности приложений
goto/post?id=8217843#post-8217843