Проходил 21 февраля 2018 года в 20:00

Открытый вебинар
Особенности языка JavaScript

Открытый вебинар онлайн

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

Рассматриваем отличия JavaScript от других языков программирования. Также изучаем устоявшиеся идиомы языка, знания которых позволят читать и писать компактный код на JavaScript.

Запись

О курсе

JavaScript Developer. Professional

135 000 ₽

4 месяца

Начало 31 октября

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

Для кого этот курс?

Курс подойдет разработчикам с опытом программирования на JS, которые знакомы с основами верстки на HTML и CSS. Знания помогут …

Подробнее о курсе Пройти тестирование

Программа курса

Модуль 1
Продвинутые основы JavaScript и TypeScript

Модуль 2
Инфраструктура фронтенда и базовые подходы

Модуль 3
React и экосистема

Модуль 4
Vue и экосистема

Модуль 5
Архитектура и SSR

Модуль 6
Backend, серверные технологии и контейнеризация

Модуль 7
Проектная работа

Продвинутые основы JavaScript и TypeScript

Погружаемся в продвинутые концепции JS: объектно-ориентированное программирование и функциональные подходы. Осваиваем TypeScript – типизацию, интерфейсы, настройку окружения.

Введение в курс: знакомство с программой, командой курса

познакомиться с преподавателем и с программой курса;
вспомнить основы JS.

31 октября, 20:00 — 21:30

Лектор: Алексей Кадочников

ООП в JavaScript

познакомиться с основами объектно-ориентированного программирования в JavaScript.

7 ноября, 20:00 — 21:30

Домашние задания: 1

ДЗ

Глубокое сравнение объектов (deepEqual). Реализовать **функцию глубокого сравнения объектов deepEqual** с использованием принципов ООП (классы и прототипы). Функция должна корректно сравнивать любые вложенные объекты, массивы, примитивы, а также корректно обрабатывать случаи с циклическими ссылками.

Задачи:
1. Создать класс или набор классов, реализующих логику глубокого сравнения объектов.
2. Использовать наследование и/или прототипы для расширения функциональности при необходимости.
3. Покрыть функцию тестами (минимум 5 тестов на разные случаи: примитивы, массивы, вложенные объекты, циклические ссылки, сравнение разных типов).

Основы функциональной разработки

освоить базовые концепции функционального программирования в JavaScript.

10 ноября, 20:00 — 21:30

Введение в TypeScript: базовые типы, интерфейсы, функции

изучить основы типизации в TypeScript;
освоить типы, интерфейсы и функции.

14 ноября, 20:00 — 21:30

Домашние задания: 1

ДЗ

Глубокое сравнение объектов (deepEqual) на TypeScript. Переписать (или дополнить) функцию глубокого сравнения объектов deepEqual, реализованную ранее на JavaScript, **с использованием TypeScript.** Необходимо добавить строгую типизацию, использовать интерфейсы для описания структур данных и аннотации типов для всех аргументов и возвращаемых значений.

Задачи:
1. Переписать функцию deepEqual на TypeScript, добавить аннотации типов для всех параметров и возвращаемых значений.
2. Использовать интерфейсы или типы для описания структур сравниваемых объектов.
3. Покрыть функцию тестами (минимум 5 тестов на разные случаи: примитивы, массивы, вложенные объекты, циклические ссылки, сравнение разных типов).
4. Оформить пример использования функции с разными типами данных.

Инфраструктура фронтенда и базовые подходы

Разбираем управление состоянием (Redux), клиентский роутинг и принципы построения SPA. Учимся деплоить и настраивать сборку проектов с Webpack, Vite и Rollup.

Управление состоянием приложения, Redux и работа с actions (исторический контекст)

освоить Redux Toolkit.

17 ноября, 20:00 — 21:30

Клиентский роутинг, построение SPA

изучить роутинг и SPA.

21 ноября, 20:00 — 21:30

Домашние задания: 1

Особенности деплоя и сборки SPA (CI/CD, Vercel, Netlify)

освоить сборку и деплой фронтенда.

24 ноября, 20:00 — 21:30

Build tools: Vite, Webpack, Rollup, Web Components

изучить инструменты сборки.

28 ноября, 20:00 — 21:30

Домашние задания: 1

React и экосистема

Изучаем React глубже: работа с хуками, паттернами проектирования и глобальным состоянием (Redux Toolkit, Zustand, React Query). Оптимизация, ленивая загрузка и тестирование React-приложений.

Что такое React, JSX, настройка окружения (повторение ключевых основ)

повторить основы React и JSX.

1 декабря, 20:00 — 21:30

Hooks в React: углубляемся в детали useState, useEffect, useContext и кастомных хуков

изучить продвинутые хуки React.

5 декабря, 20:00 — 21:30

Современные паттерны в React: (HOC, Render Props — исторический контекст, фокус на кастомных хуках)

начать использовать паттерны React-разработки.

8 декабря, 20:00 — 21:30

Домашние задания: 1

TypeScript в React: типизация компонентов, пропсов и хуков

изучить TypeScript в React.

12 декабря, 20:00 — 21:30

Состояние приложения в React: Redux Toolkit, Zustand, React Query

научиться управлять состоянием React-приложений.

15 декабря, 20:00 — 21:30

React Router, ленивая загрузка компонентов, Suspense, оптимизация React-приложения

освоить роутинг и оптимизацию.

19 декабря, 20:00 — 21:30

Домашние задания: 1

Тестирование React-приложений: React Testing Library, Jest (упоминание E2E-тестирования)

изучить тестирование React-компонентов.

22 декабря, 20:00 — 21:30

Домашние задания: 1

Консультация по ДЗ

получить ответы на вопросы по ДЗ и по курсу.

26 декабря, 20:00 — 21:30

Vue и экосистема

Знакомимся с Vue 3: компоненты, реактивность, управление состоянием через Pinia, динамические маршруты и SSR с Nuxt.

Основы Vue3: компоненты, реактивность

изучить Vue-компоненты.

12 января, 20:00 — 21:30

Управление компонентами во Vue: Composition API

изучить Composition API.

16 января, 20:00 — 21:30

Домашние задания: 1

Состояние приложения во Vue: Pinia (Vuex — исторический контекст)

освоить состояние с Pinia.

19 января, 20:00 — 21:30

Routing и Advanced Vue: динамические маршруты, Nuxt (SSR)

изучить продвинутый роутинг Vue.

23 января, 20:00 — 21:30

Домашние задания: 1

Консультация по ДЗ

получить ответы на вопросы по ДЗ и по курсу.

26 января, 20:00 — 21:30

Архитектура и SSR

Изучаем современные подходы к архитектуре фронтенда: микрофронтенды, Monorepo, SSR/SSG. Осваиваем Next.js, Nuxt 3 и другие рендеринг-фреймворки.

Архитектура фронтенд-приложений: микрофронтенды, Monorepo (Nx, Turborepo), принципы SOLID

изучить микрофронтенды, Monorepo и SOLID.

30 января, 20:00 — 21:30

Современные рендеринг-фреймворки и SSR: Next.js, Nuxt 3, SvelteKit, SSG/ISR

освоить серверный рендеринг (SSR).

2 февраля, 20:00 — 21:30

Домашние задания: 1

Backend, серверные технологии и контейнеризация

Создаём API, работаем с REST и RPC, осваиваем Node.js и Nest.js. Подключаем базы данных через PostgreSQL, ORM и Prisma. Интегрируем контейнеризацию с Docker и CI/CD.

Разработка собственного API

создать собственный API.

6 февраля, 20:00 — 21:30

REST, RPC и сетевые запросы

освоить сетевые запросы и протоколы.

9 февраля, 20:00 — 21:30

Домашние задания: 1

Введение в Node.js и NPM, работа с браузером

освоить Node.js и NPM.

13 февраля, 20:00 — 21:30

Под капотом Node.js: Event Loop, Timers, модули

изучить внутреннюю работу Node.js.

16 февраля, 20:00 — 21:30

Продвинутая серверная разработка на Nest.js

освоить Nest.js.

20 февраля, 20:00 — 21:30

Базы данных и ORM: PostgreSQL, TypeORM или Prisma в связке с Nest.js

освоить работу с базами данных и ORM.

27 февраля, 20:00 — 21:30

Домашние задания: 1

Контейнеризация (Docker) и интеграция с CI/CD

освоить контейнеризацию и CI/CD.

2 марта, 20:00 — 21:30

Проектная работа

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

Проект должен стать примером кода, который можно показывать потенциальным работодателям.

Вводное занятие по проектной работе. Обзор пройденных фреймворков и технологий

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

6 марта, 20:00 — 21:30

Лектор: Алексей Кадочников

Домашние задания: 1

ДЗ

Проектная работа. Проектный модуль (3 занятия):
1. Выбрать тему (индивидуально/команда 2–3) и подтвердить её в чате.
2. После подтверждения — приступить к реализации и сдать готовый проект по согласованному MVP в рамках этого ДЗ.

**Задачи:**

- Выбрать тему и кратко описать ценность/MVP (2–3 предложения). Сообщить в чат для подтверждения.
- Реализовать согласованный MVP (1–2 ключевых пользовательских сценария минимум).
- Подготовить репозиторий: рабочий код и краткий README (цель, стек, запуск).
- Настроить инструменты качества: ESLint/Prettier (линт без ошибок).

**Что нужно сдать (deliverables):**

- Ссылка на репозиторий GitHub (публичный) с готовым проектом по согласованному MVP.
- README: краткая цель, используемые технологии из курса, точные команды запуска (dev/build/serve); при необходимости — .env.example.
- Короткий список реализованных сценариев (1–2 ключевых).
- Настроенные инструменты качества: ESLint/Prettier; проект проходит линт без ошибок.

Карьерная консультация

подготовиться к собеседованиям.

20 марта, 20:00 — 21:30

Лектор: Алексей Кадочников

Защита проектных работ

защитить проект и получить рекомендации экспертов.

6 апреля, 20:00 — 21:30

Лектор: Алексей Кадочников