Fullstack developer

В это модуле познакомимся с базой верстки.

Тема 1: Введение в Web

Тема 2: Version Control

Тема 3: Основы HTML, семантичность

Тема 4: Основы CSS

Тема 5: Типографика

Тема 6: Box model в деталях

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

Тема 8: Selector priority

Вы научитесь создавать макеты под любой дизайн, пройдетесь по разным типажам разметки - от table, float, flex и grid, посмотрите на нюансы работы с дизайном.

Тема 1: Layout: введение, основы

Тема 2: Позиционирование элементов в деталях

Тема 3: Flexbox layout

Тема 4: Grid layout

Тема 5: Workshop по сеткам

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

Тема 7: Поддержка браузеров, новые технологии и fallbacks

Вы научитесь работать с мобильной версткой - все, что вам надо знать о мобильном дизайне, узнаете, как подходить к верстке с mobile first approach.

Тема 1: Введение в media queries

Тема 2: Mobile-first vs desktop-first

Тема 3: Особенности мобильной верстки

Вы научитесь структурировать код стилей, использовать препроцессоры, работать с микро-сетками и добавлять декоративные эффекты. Изучите работу с формами обратной связи. Добавите анимаций и попробуете использовать сторонние библиотеки.

Тема 1: Организация кода по БЭМ

Тема 2: Препроцессоры

Тема 3: Всплывающие элементы

Тема 4: Разметка форм

Тема 5: Микро-сетки и декоративные элементы

Тема 6: Стилизация элементов форм

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

Тема 8: Анимации CSS: transition.

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

Тема 1: Анимации CSS: animation

Тема 2: Компонентный подход в Bootstrap

Тема 3: Атомарные классы в Tailwind

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

Тема 1: Консультация по ДЗ и проектной работе

Тема 2: Выбор темы и организация проектной работы

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

Модуль посвящен базовым конструкциям языка javascript (таким как функции, циклы, ветвления), базовым процессам разработки (система контроля версий, код ревью, тестирование и деплой кода) и настройке среды разработки (сборщики, линтеры, скрипты автоматизации).

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

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

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

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

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

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

Тема 7: Консультация и практическое занятие

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

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

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

Тема 11: Пример применения тестирования к домашним заданиям

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

Тема 13: Выбор темы и организация проектной работы

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

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

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

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

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

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

Тема 20: Современный инструментарий при разработке клиентских (и не только приложений)

Модуль посвящен работе с разметкой страницы (HTML) и ее стилизацией (CSS). Так же рассматриваются вспомогательные инструменты (такие как препроцессоры и шаблонизаторы) и практики по разработке интерактивных страниц (работа с виджетами, тестирование верстки и тп).

Тема 1: Инструменты разработки. Тестирование верстки, использование медиазапросов

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

Рассматривается применение Typescript для разработки сложных приложений. Разбираются вопросы работы вспомогательным кодом (утилиты и шаблонизаторы), базовые правила разработки программных интерфейсов, вопросы организации слоя представлений в приложениях на jvascript.

Тема 1: Создание подключаемых плагинов

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

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

Тема 4: Настройка окружения для современной разработки на TS, использование документации, настройка тестового окружения

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

Тема 6: ООП в JavaScript

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

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

Тема 9: Разбор базовых приемов разработки на Typescript - типы, интерфейсы, перечисления и прочее

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

Тема 11: Разработка шаблонизатора

Тема 12: Консультации

Раскрывается тема управления состоянием приложения.

Тема 1: Mediator и EventEmitter как инструмент организации кода

Тема 2: Управление состоянием приложения, разработка redux

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

Тема 4: Работа с асинхронными actions в redux

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

Тема 1: Клиентский роутинг, как строится одностраничное приложение

Тема 2: «Особенности деплоя и сборки одностраничных приложений»

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

Тема 4: Использование redux для хранения состояния приложения, использование селекторов для отвязки роутов от redux

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

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

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

Тема 2: Умные и глупые компоненты в разрезе React

Тема 3: Жизненный цикл классовых компонентов

Тема 4: Функциональные компоненты

Тема 5: Совместное использование React и redux

Тема 6: Роутинг и ленивая загрузка страниц при работе с React

Модуль посвящен освновным вопросам разработки кода на Node.js. Раскрываются вопросы написания серверных API и консольных программ.

Тема 1: Сферы применения Node.js, отличия от разработки в браузере

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

Модуль посвящен документированию кода, работе с унаследованным кодом (когда приходится иметь дело с кодом, написанным до нас) и чек-листам при подключении на новый проект.

Тема 1: Презентация работы - что сделать, чтобы было хорошо

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

Тема 3: Консультация по ДЗ и проектной работе

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

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

Мы рассмотрим основные возможности современного и традиционного JavaScript, стандарт EcmaScript 6+, Templates, асинхронные паттерны Promise, Async Await, переменные, замыкания, функции, наследование и классы. Разберем особенности браузерного API и спецификаций Web Components на примере библиотеки Lit-HTML. Обсудим главные принципы и возможности Node.js, а также NPM для управления зависимостями и автоматизации задач. Мы научимся использовать Test-Driven Development при решении практических задач.

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

Тема 2: Новинки стандарта

Тема 3: Асинхронные паттерны

Тема 4: Введение в Node.js и NPM

Тема 5: Функциональное программирование

Тема 6: Работа с браузером

Тема 7: Web Components

Тема 8: Bulid tools: Vite, Webpack, Rollup

Этот модуль о серверной среде JavaScript. Мы разберем ключевые особенности Node.js - EventLoop, модули и потоки. Мы научимся строить API, используя фреймворк Express, подходы REST и GraphQL. Поговорим о WebAssembly и общих практиках при работе с процессами и ошибками. В конце мы подведем резюме стэка технологий Node.js

Тема 1: Основные концепции Node - Modules

Тема 2: Стандартная библиотека Node - EventLoop - Timers

Тема 3: Работка с потоками - Streams

Тема 4: HTTP Server

Тема 5: Web-сервер с Express

Тема 6: Построение Rest API с Express

Тема 7: Введение в TypeScript

Тема 8: Особенности TypeScript

Тема 9: Web-сервер с Nest.js

Тема 10: Введение в язык SQL, PostgreSQL

Тема 11: Работа с PostgreSQL и TypeORM

Тема 12: Node.js и Docker

Тема 13: Сборка и деплой проекта, CI/CD

В этом блоке мы рассматриваем паттерны разработки и архитектуры FrontEnd приложений. Обсудим технологии входящие в Progressive Web Apps; преимущества и недостатки, и практические аспекты сервер сайд рендеринга. Поговорим о Svelte как альтернативе стандартным FrontEnd фреймворкам.

Тема 1: Инструменты и технологии JS тестирования, BDD (Behavior-Driven Development )

Тема 2: Service Workers и PWA

Тема 3: Архитектура фронтенд приложений - микрофронтенды

Тема 4: Современные рендеринг фреймворки и аспекты SSR

Тема 5: Альтернатива большим фреймворкам - Обзор SvelteJS

Тема 6: Функциональное программирование

Мы подробно изучим стэк технологий React. Рассмотрим особенности синтаксической шаблонизации JSX, особенности передачи данных и хранения состояния с помощью state и props. Разберем свойства компонентного подхода для декомпозиции React приложений, жизненный цикл и типы компонент, например, High-Order Components. Изучим шаблон проектирования Flux и его реализацию на примере библиотеки Redux. Будем настраивать и оптимизировать приложения с Server-Side Rendering.

Тема 1: Обзор React

Тема 2: Hooks в React

Тема 3: Higher-Order Components, Custom Hooks и другие паттерны React

Тема 4: Состояние приложения с Redux и Mobx

Тема 5: Routing в React - Оптимизация приложения

Подробно изучим язык TypeScript и преимущества его использования. Разберем паттерн проектирования Observable на базе библиотеки RxJS. Научимся работать с фреймворком Angular - создавать компоненты и формы, управлять Routing, использовать Dependency Injection для сервисов, а также тестировать и собирать приложения с помощью Webpack.

Тема 1: Введение в Angular

Тема 2: Компоненты и директивы

Тема 3: Signals

Тема 4: Создание и управление формами в Angular

Тема 5: Observables - RxJS

Тема 6: Сервисы и состояние приложения

Тема 7: Routing, тестирование и сборка в Angular

В этом модуле мы сосредоточимся на Vue - современном и популярном FrontEnd фреймворке. Мы рассмотрим особенности шаблонизации и создания динамических приложений на Vue. Разберем возможности и жизненный цикл компонент, хранения состояния. Изучим инструменты Vuex и Vue CLI. Будем настраивать и оптимизировать сборку приложений с Server-Side Rendering.

Тема 1: Основы Vue

Тема 2: Компоненты и шаблоны

Тема 3: Управление компонентами

Тема 4: Состояние приложения - Vuex и Pinia

Тема 5: Routing

Тема 6: Advanced Vue

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

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

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

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