Fullstack-разработчик

Изучим основы HTML и CSS: семантическую разметку, стилизацию, блочную модель, позиционирование и построение макетов с помощью Flexbox и Grid. Также разберем адаптивную верстку, формы, SVG и закрепим навыки создания структурированных веб-страниц.

Тема 1: Теги и семантика HTML, структура документа

Тема 2: CSS: базовая стилизация, фоны

Тема 3: Box model, декоративные элементы, позиционирование

Тема 4: Flexbox, Grid

Тема 5: Адаптивная/резиновая верстка, media queries

Тема 6: Формы, SVG, поведение

Тема 7: Подведение итогов модуля

Тема 8: Консультация по пройденному материалу

Изучение основ языка (как писать самые простые программы) и подготовка перед стартом интенсивного обучения. Разберем базу: переменные, циклы, условия, функции и объекты. Изучим предзаписаный курс: решим ряд задач и разберем возникшие вопросы.

Тема 1: Консультация №1 по итогам просмотра первой части подготовительного курса

Тема 2: Консультация №2 по итогам просмотра первой части подготовительного курса

Тема 3: Введение в курс + основы JS и практика

Тема 4: Тестирование кода как часть процесса разработки

Более глубокое погружение в базовый синтаксис (нюансы работы с циклами и функциями), затронем прототипное наследование. Потренируемся решать задачи, отработаем навыки на codewars.

Тема 1: Базовый синтаксис JavaScript: основы, базовые операции, ветвления и базовая алгоритмизация

Тема 2: Объектная модель в JavaScript

Разбираемся с инструментами, которые важны в современной разработке: как работать с git, что такое линтеры и для чего они нужны, как работать с зависимостями и проверять свой код на CI/CD. Научимся деплоить свои приложения на Github Pages, а также закрепим знания из прошлого модуля с новыми практиками и подходами.

Тема 1: Использование СКВ: задачи и решения

Тема 2: Типовой порядок разработки с использованием Git

Тема 3: Код как «проект» - артефакты работы разработчика. Зависимости и утилиты в стеке JavaScript

Тема 4: Современный инструментарий при разработке приложений

Тема 5: Консультация по ДЗ

Тема 6: Документирование кода - работа с типами и JSDoc. TypeScript

Тема 7: CI/CD проекта - линтинг, тесты и деплой

Тема 8: Консультация по ДЗ

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

Тема 1: Базовое использование API и JavaScript. Как работать с DOM и другими доступными API

Тема 2: Базовое использование асинхронных API в Javascript

Тема 3: Базовая работа с сетью: методы HTTP, куки, заголовки, WS

Тема 4: Консультация. Разбор сложных моментов в выполнении домашних заданий

Как работать с синхронностью и зачем она нужна. Погружаемся в функции и их контекст, узнаем как это связано с объектной моделью в JS.

Тема 1: Контекст при работе с функциями

Тема 2: Прототипное наследование и функции-конструкторы

Тема 3: Работа с асинхронным кодом

Тема 4: Итоги по синтаксису JS. Что делать, если что-то не работает? Где искать документацию и помощь. Решение вопросов по текущим домашним заданиям

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

Тема 1: Разделение логики и представления (шаблонизация, сервисный слой)

Тема 2: Разбиение кода на модули (чистые функции, внедрение зависимостей, принцип единственной ответственности)

Тема 3: Связь модулей - от интерфейсов до EventBus

Тема 4: Консультация по ДЗ

Тема 5: Многостраничные и одностраничные приложения - работа с URL

Тема 6: Использование клиентского роутинга для создания одностраничных приложений. Деплой одностраничных приложений

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

Тема 1: Различие между стандартами языка, инструменты транспиляции, проблемы типизации

Тема 2: Что такое React, JSX, настройка окружения

Тема 3: Hooks в React: useState, useEffect, useCallback, useMemo

Тема 4: Переиспользование кода с кастомными хуками

Тема 5: Подключение дополнительных библиотек в экосистеме React на примере роутинга и визуальных компонентов

Тема 6: Разделение состояния между компонентами - подъем состояния, useContext, State managers

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

Тема 1: Организация проектной работы: на что обратить внимание при защите. Консультация

Тема 2: Защита проектных работ

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

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

Тема 2: ООП в JavaScript

Тема 3: Основы функциональной разработки

Тема 4: Введение в TypeScript: базовые типы, интерфейсы, перечисления, настройка окружения

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

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

Тема 2: Клиентский роутинг, построение SPA

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

Тема 4: Build tools: Vite, Webpack, Rollup, Web Components

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

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

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

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

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

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

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

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

Тема 8: Консультация по ДЗ

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

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

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

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

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

Тема 5: Консультация по ДЗ

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

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

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

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

Тема 1: Разработка собственного API

Тема 2: REST, RPC и сетевые запросы

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

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

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

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

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

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

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

Тема 2: Карьерная консультация

Тема 3: Защита проектных работ