Освоите полный цикл создания сайтов и веб-приложений: будете писать код для бэкенда на JavaScript и создавать интерфейсы на HTML и CSS.
- HTML, CSS, JavaScript. Вы узнаете, как устроены программа и обучение. Ознакомитесь с организационными деталями. Изучите базовый синтаксис HTML и CSS. Научитесь размещать блоки на веб-странице, менять шрифт и цвета. Напишите простую программу на JavaScript и сделаете страницу интерактивной.
- HTML и CSS: лейаут, доступность и интерактив. Научитесь работать со шрифтами в вебе. Разберётесь, как писать код, корректный для браузеров и поисковых систем. Изучите все способы организации каркаса вашей страницы. Научитесь настраивать страницы для поисковых роботов. Поработаете с видео-, аудио- и другими интерактивными элементами страниц. Поймёте, как и с какими событиями на странице может работать CSS. Разберётесь, какие элементы на странице может создавать язык стилей. Научитесь стилизовать элементы в разных состояниях и в разных ситуациях (например, в зависимости от порядка их появления). Разберётесь в основных принципах и инструментах создания доступных веб-страниц.
- Дизайн, адаптивная вёрстка и декорирование. Научитесь комплексу приёмов, которые позволят корректно отображать страницы на разных устройствах и с разными настройками. Подготовите графику для работы с разными экранами. Научитесь организовывать код для создания цветовой темы сайта. Разберёте инструменты декорирования ваших страниц. Градиенты, тени, фильтры, режимы смешивания — всё это здесь. Научитесь использовать векторную графику на страницах и пользоваться интерактивными инструментами, которые встроены в HTML. Вишенка на торте спринта — анимации страниц.
- Базовый JavaScript. Создадите интерактивную веб-страницу: сначала сверстаете основу, а затем шаг за шагом добавите JavaScript-логику. Научитесь работать с пользовательскими действиями — кликами, формами, вводом данных. Пропишете поведение элементов страницы, разделите код на модули и соберёте проект с помощью современного инструмента Vite.
- Продвинутый JavaScript. Научитесь делать запросы к серверу, обрабатывать ответы и строить взаимодействие интерфейса с реальными данными. Создадите формы с валидацией, подключите пагинацию, реализуете логику, при которой пользователь получает обратную связь от сервера и видит результат своих действий на странице. В финале соберёте полноценную таблицу, которая умеет загружать данные с сервера, обрабатывать ввод и обновляться без перезагрузки.
- TypeScript и объектно-ориентированное программирование. Разработаете с нуля полноценное клиентское веб-приложение WEB-ларёк. Сначала перепишете привычный JavaScript-код с использованием TypeScript, структурируете его с помощью классов и интерфейсов, а затем добавите архитектуру и паттерны проектирования и подготовите окружение для масштабируемой разработки. В результате вы получите хорошо организованное приложение с чистым кодом, строгой типизацией и продуманной структурой.
- Интерфейсы с использованием React. Реализуете страницу блога с настраиваемым через CSS-переменные дизайном. Изучите библиотеку React и её экосистему. Научитесь создавать и структурировать проекты на React, создавать компоненты и управлять потоками данных. Освоите функциональный подход к разработке на React и научитесь писать эффективный производительный код с помощью хуков.
- Роутинг и авторизация. Реализуете глобальное состояние, роутинг и авторизацию. Научитесь ускорять работу React-приложений, проводить их тестирование, выводить их в продакшени и релизить на собственном удалённом сервере.
- Тестирование React-приложений. Покроете своё приложение юнит-тестами, а также интеграционными тестами с помощью библиотек Jest и Cypress. Научитесь ускорять работу React-приложений, проводить их тестирование, выводить их в продавцев и релизить на собственном удалённом сервере.
- Основы Node.js, Express и MongoDB. Разработаете бэкенд для ранее созданного фронтенда интернет-магазина. Реализуете его на TypeScript с использованием Express и хранением данных в MongoDB. Познакомитесь со средой выполнения серверного кода на JavaScript. Освоите сторонние библиотеки и научитесь добавлять их в проект с помощью менеджера NPM. Научитесь работать с фреймворком Express. Воспользуетесь гибкой производительной noSQL базой данных MongoDB.
- PostgreSQL и Nest.js. Разработаете бэкенд с модульным API и выделенным слоем данных для одновременной поддержки двух баз данных — МопgoDB и PostgreSQL. А ещё вы сможете сами выбрать, с каким фреймворком работать — Express или Nest.js. Освоите фреймворк Nest.js: основные компоненты, авторизация и логирование, концепции внедрения зависимостей. Познакомитесь с реляционными базами данных и языком SQL. Подключите базу данных PostgreSQL к проекту с использованием библиотеки TypeORM.
- Тестирование, деплой и автоматизация. Задеплогите веб-сервис на сервере с использованием Docker-контейнеров. Научитесь создавать удалённый сервер, запускать на нём приложения и автоматизировать доставку изменений кода. Создадите собственный Docker-контейнер, опубликуете его в хранилище Docker Hub и запустите на вашем сервере. Познакомитесь с Docker Compose, который позволяет управлять группой контейнеров как единым приложением.
- Обеспечение безопасности приложения. Поработаете с рефакторингом готового кода, у которого отсутствует валидация данных и есть ошибки безопасности. Узнаете основные виды угроз для веб-приложений: SQLинъекции, XSS, CSRF. Освоите инструменты и технологии, которые используются для обеспечения безопасности приложений. Разберёте основы сетевых протоколов HTTPS и SSL/TLS. Поймёте, как безопасно работать с базами данных.
