Fullstack-разработчик на JavaScript от Нетологии

Вёрстка сайта на HTML и CSS

Вы научитесь верстать сайты на HTML и CSS, а также вносить изменения в существующую вёрстку. По итогам этого модуля самостоятельно сверстаете лендинг.

• Теги для вёрстки контента страницы
• Теги для вёрстки структуры страницы
• Селекторы CSS
• Определение контекста элементов
• Блочная модель
• Позиционирование элементов
• Оформление текста
• Оформление декоративных элементов
• Состояние интерактивных элементов

Адаптивная и мобильная вёрстка 

Научитесь создавать вёрстку под любой тип устройств — компьютер, планшет, смартфон. Это позволит вашему сайту быть адаптивным и корректно работать на любых устройствах.

• Вёрстка резинового макета
• Введение в медиазапросы
• Медиа-функции
• Вёрстка адаптивного макета
• Breakpoints

Основы программирования на JavaScript

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

• Алгоритмы
• Переменные, числа и строки
• Логика и математика
• Ветвление кода
• Алгоритм с множественным выбором
• Ошибки в коде
• Массивы
• Циклы
• Подпрограмма, функция
• Объекты
• Синхронное и асинхронное выполнение алгоритма

Система контроля версий Git

Каждый разработчик должен знать основы работы с системой Git — на данный момент это практически стандарт по управлению исходным кодом. За три занятия вы научитесь работать с этой системой и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио.    

• Предназначение системы контроля версий
• Основные операции: фиксация и откат изменений, поиск, история
• Работа с сервисом GitHub
• Ветки, слияние веток и разрешение конфликтов
• Командная работа

Основы работы с JavaScript

Глубже погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса и узнаете, что такое ООП, исключения, замыкания, асинхронность. 

• Базовый синтаксис
• Расширенный синтаксис в JavaScript
• Типы данных
• Функции и объекты
• Прототип и конструктор объекта
• ООП в JavaScript (ES6)
• Обработка исключений и замыкания
• Прототип массива, функции высшего порядка
• Асинхронность

Разработка на JavaScript в браузере

Узнаете о дополнительных возможностях, которые даёт браузер — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ «живым»: изменять его и реагировать на действия пользователя.

• Возможности JavaScript в браузере
• Способы поиска нужного HTML-элемента
• Объект события
• DOM — Document object model
• Работа с HTML-формами
• Изменение структуры HTML-документа
• Асинхронные запросы
• Хранение состояния на клиенте и отправка на сервер

Профессиональная работа с JavaScript

Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: прототипной моделью, promises и асинхронными программированием — async/await. Всё это позволит вам выйти на новый уровень в сфере веб-разработки. 

• Стандарты и версии
• Рабочее окружение
• Модули
• Unit-тестирование
• Синтаксические конструкции (try-catch, delete), функции и замыкания
• Свойства объекта, for-in, обёртки для примитивов
• Прототипы, конструкторы
• Классы, наследование
• Контейнеры
• Объект Math, класс RegExp, ArrayBuffer
• Promises, async/await
• Символы, итераторы, генераторы

Frontend-разработка на React 

Освоите одну из самых популярных библиотек на JavaScript — React. С помощью неё вы сможете создавать интерактивные пользовательские интерфейсы. Вам достаточно описать, как части интерфейса приложения выглядят в разных состояниях, а React будет своевременно их обновлять, когда данные изменяются. Вы сможете создавать инкапсулированные компоненты с собственным состоянием, а затем объединять их в сложные пользовательские интерфейсы. 

• Компоненты
• События и состояния
• Props
• Формы
• Композиция компонентов
• Жизненный цикл и работа с HTTP
• HOC
• Hooks, Context API
• React Router
• Redux
• Redux и Redux Thunk
• Redux Saga

Введение в Node.js

Познакомитесь с рабочей средой Node.js и инструментами разработки. По итогам модуля вы создадите консольное приложение для обработки файлов с помощью потоков.

• Особенности работы с Node.js, установка и настройка рабочей среды
• Менеджер пакетов, IO libuv
• Работа с консолью, циклы событий, асинхронность
• Модули Node.js и инструменты разработки
• Стримы (потоки)
• Node.js HTTP-module. HTTP-stream. Встроенный низкоуровневый веб-сервер

Библиотека Express.js

Познакомитесь с библиотекой Express.js, развернёте приложение на сервере, освоите Docker, подключите базу данных MongoDB для хранения данных и passport.js для аутентификации пользователей, настроите обмен данными между клиентом и сервером — с этим помогут websocket и socket.io.

• Библиотеки Node.js для веб-разработки. Express.js
• Middleware. Паттерн «Цепочка обязанностей»
• Шаблонизаторы. Отрисовка контента (рендер на сервере). Библиотеки ejs
• Развертывание приложения на сервере (heroku)
• Docker, установка и настройка. Контейнеризация приложения. Развертывание через Docker
• Что такое база данных, хранение данных. Сравнение реляционных и объектных БД
• Запуск локальной MongoDB в Docker. Подключение MongoDB в Тode.js приложение. Установка библиотек и настройка соединения. Знакомство с библиотекой Mongoose
• Аутентификация. PassportJS
• Realtime взаимодействие с сервером, протокол websocket. Библиотеки WS и socket.io

TypeScript 

Изучите принципы ООП для TypeScript, установите и настроите TypeScript в проекте. Добавите в проект правила проверки кода eslint и типы из модуля библиотеки Node.js.

• Node.js и TypeScript: настройка окружения, возможности
• Динамическая типизация JavaScript vs статическая типизация TypeScript. Инструментарий tsc, tslint/eslint. Настройка проекта
• Система типов TypeScript. Основные принципы ООП. SOLID
• Библиотека reflect-metadata. LoC-контейнеры — type-di, inversify
• TS: перенос и интеграция JS-проекта на примере пройденных материалов
• Организация проекта и кодовой базы. Разделение приложения на слои: инфраструктура, внешнее API, сервисы с логикой, работа с базой данных

Nest.js

Изучите фреймворк Nest.js и основные понятия. Создадите проект на Node.js, реализуете функциональность из блока TypeScript на модули Nest.js, подключите базы данных (модуль для MongoDB). Научитесь подключать аутентификацию по модулям Nest.js и добавите тестирование кода в свой проект.

• Фреймворк Nest.js. Создание проекта Nest.js. Основные понятия: модули, контроллеры, сервисы. MVC-архитектура
• Погружение в Nest.js: инверсия зависимостей, провайдеры, Middleware
• Подключение базы данных к Nest.js — модуль для MongoDB. Сервисы, репозитории, примеры
• Потоки RxJs
• Валидация и обработка ошибок. Interceptors, pipes
• Аутентификация в Nest.js, passportjs. Guards
• Тестирование. Библиотека Jest. Unit-тесты, интеграционные и приёмочные тесты
• Вебсокеты в Nest.js

Firebase 

Вы создадите аккаунт firebase, внедрите функциональность проекта «Книги» на cloud-функции и подключите облачную базу данных для хранения данных из cloud-функций.

• Cloud Firestore, Realtime Database
• Cloud Functions, Hosting
• Firebase Authentication

Дипломный проект. Сайт-агрегатор для просмотра и бронирования отелей 

В конце обучения вы создадите сайт-агрегатор для просмотра и бронирования отелей. Для выполнения итоговой работы разработаете публичный API, API пользователя, API администратора и чат для консультанта. В проекте вы задействуете технологии Node.js, Nest.js, MongoDB и Websocket.