Fullstack developer

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

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

Тема 2: Version Control

Тема 3: Почему html - это не язык программирования

Тема 4: CSS: история стилей

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

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

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

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

Тема 9: Selector priority

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

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

Тема 2: Flexbox layout

Тема 3: Grid layout

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

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

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

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

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

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

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

Тема 4: Анимации CSS

Вы научитесь структурировать код по стилям и использовать сторонние библиотеки, освоите Tailwind и Bootstrap.

Тема 1: Номенклатура

Тема 2: Bootstrap

Тема 3: Tailwind

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

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

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

Тема 2: Настройка окружения для верстки

Тема 3: Установка Webpack

Тема 4: Автоматизация процессов

Тема 5: Оптимизация ассетов

Тема 6: Деплой страницы

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

Тема 8: Аналитика и поддержка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тема 1: Структура HTML документа, семантика и основы разметки страницы

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

Тема 3: Стилизация страницы, позиционирование элементов

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

Тема 5: Основные подходы к позиционированию элементов. Основные проблемы и решения при работе со стилями, модульность

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

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

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

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

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

Тема 5: ООП в JavaScript

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

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

Тема 8: Расширенные возможности типизации

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

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

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

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

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

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

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

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

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

Модуль посвящен разработке одностраничных приложений, работе с клиентским роутингом. В ходе модуля разбираются необходимые части 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: Консультация по ДЗ

Тема 3: Создание сервера приложений с использованием Node.js

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

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

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

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

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

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

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

Тема 1: Введение в курс Modern JavaScript Frameworks + тест по подготовительному курсу

Тема 2: Асинхронные и ООП паттерны в JavaScript

Тема 3: Работа с браузером, DOM API

Тема 4: Введение в Node - Пакетный менеджер NPM и возможности package.json

Тема 5: Test Driven Development

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

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

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

Тема 3: Node Best Practices - Streams - Processes

Тема 4: HTTP Server

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

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

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

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

Тема 9: Сборка проекта, CI

Тема 10: Деплой проекта, CD

В этом блоке мы рассматриваем свежие, но уже зарекомендовавшие себя темы из мира JavaScript. Познакомимся со спецификацией Web Components, и научимся использовать библиотеку Lit-Element, построенную вокруг этой технологии. SvelteJS - новая большая вещь в мире фронтенда, и мы обязательно должны ее попробовать. TypeScript - стандарт отрасли, поэтому мы начинаем его изучать и практиковать как можно раньше в курсе в FullStack JavaScript разработчик.

Тема 1: Web Components

Тема 2: Webpack

Тема 3: Service Workers

Тема 4: PWA

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

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

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

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

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

Тема 1: Основы React и JSX

Тема 2: Компоненты React - Lifecycle, State & Props

Тема 3: Паттерны проектирования React (Higher-Order Components)

Тема 4: Обзор современных возможностей React

Тема 5: Состояние приложения - Flux и Redux

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

Тема 7: Подготовка React Приложения к Production, Best Practices

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

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

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

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

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

Тема 3: Observables - RxJS

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

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

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

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

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

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

Тема 3: Компоненты, шаблонизатор и формы

Тема 4: Routing и Vue3

Тема 5: Advanced Vue - Vuex

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

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

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

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