Образовательная программа

Академия IT DMS

Название курса: Полный путь web-разработчика: HTML, CSS, JavaScript, [Link], SQL, APIs, Full-Stack
проекты & AI

Название учебной программы: web-разработчик полного цикла (full-stack)

Форма обучения: дистанционная.

Документы, выдаваемые после обучения: диплом о профессиональной переподготовке; удостоверение о

повышении квалификации; диплом об освоении дополнительной общеразвивающей программы; сертификат
о прохождении обучения
 Полный путь web-разработчика: HTML, CSS, JavaScript, [Link], SQL,
APIs, Full-Stack проекты & AI

Часть 1

Темы

Урок 1. Введение в мир web-разработки (нажмите для просмотра образца урока)

Инструменты, необходимые для веб-разработки

Настройка редактора кода

Урок 2. Основы web-разработки

Как работает интернет?

Общий принцип работы веб-приложений

Frontend, backend и APIs

Урок 3. HTML. Язык гипертекстовой разметки

Что такое HTML?

Эммет, заголовки, block против inline

Таблицы и формы в HTML

Мультимедиа и ARIA в HTML

Практические задания по теме HTML

Создать простой заголовок

Создать абзац со ссылкой

Создать подсказку при наведении

Создать кнопку

Создать неупорядоченный список

Создать простую таблицу

Создать форму с полями ввода

Создать форму с выпадающим меню

Создать изображение с альтернативным текстом

Создать гиперссылку, которая открывается в новой вкладке

Создать индикатор выполнения

Урок 4. CSS – каскадные таблицы стилей, часть 1

Введение в CSS

CSS можно писать в 3-х разных местах

Создание веб-проекта - страница входа (нажмите для просмотра образца урока)

Мастер-класс по селекторам CSS

Box модель, элементы inline и block

Проект Navbar с псевдоэлементом

Панель навигации в стиле Twitter в CSS

Раскрывающиеся навигационные панели и позиции

Урок 5. CSS – каскадные таблицы стилей, часть 2

Создание индивидуального шаблона проекта «Скоро в продаже»

Мастер-класс Flexbox

Знакомство с grid layout в CSS

Мастер-класс по grid

Задание по созданию карточек из codepen

Точки останова для мобильных планшетов и веб-сайтов

Практические советы по интеграции Bootstrap

Задание — создать полноценную страницу с конкретным дизайном

Практические задания по теме CSS

Измените цвет текста

Создайте стиль для кнопки

Добавьте пунктирную границу с радиусом

Стилизуйте текст с помощью свойств шрифта

Создайте блок с отступами и полями

Создайте круг, используя Border Radius

Добавьте тень к элементу

Выполните позиционирование элемента с помощью CSS

Создайте адаптивный макет Flexbox

Создайте макет сетки 3x3

Урок 6. Изучение Tailwind CSS

Настройка Tailwind с CDN и NodeJS

Проект страницы входа в систему

Полный потенциал CSS Tailwind

Как создать адаптивный дизайн в Tailwind

Мастер-класс по созданию макета с помощью Tailwind

Практические задания по теме Tailwind CSS

Создайте стиль для кнопки с помощью Tailwind CSS

Отцентрируйте Div с помощью Flexbox

Создайте базовую сетку макета

Добавьте тени к карточке с помощью Tailwind CSS

Создайте форму пончика с помощью Tailwind CSS

Добавьте эффект размытия к изображению

Создайте кнопку с градиентным цветом с помощью Tailwind CSS

Создайте вращающийся квадратный ящик с помощью Tailwind CSS

Урок 7. Основы JavaScript, часть 1

История Javascript — от консоли до движка v8

Как Javascript выполняет код — за кулисами

Типы данных, переменные и константы в Javascript

Операции в JavaScript

Примитивы в JavaScript

Не примитивы в Javascript

Пять задач на условия в JavaScript

Урок 8. Основы JavaScript, часть 2

Десять проблем в массивах (array) и методах

Введение в циклы в JavaScript

Решите 6 задач с циклами на JavaScript

Десять циклических задач для изучения всех видов циклов в JavaScript

Функция, стрелочная функция, THIS и контекст в JavaScript

Функция высшего порядка и вложенные функции в JavaScript

Практические задания по основам JavaScript

Работа с типами
Работа с переменными

Массивы и методы

Функции высшего порядка и стрелочные функции

Вложенные функции и контекст

Урок 9. JavaScript - OOPS

Мастер-класс по прототипам в JavaScript

Функциональный конструктор и ошибки

Классы Объекты и наследование в JavaScript

Инкапсуляция, полиморфизм, абстракция и геттеры-сеттеры

Практические задания по JavaScript - OOPS

Прототипы в JavaScript

Функциональный конструктор и ошибки

Классы, объекты и наследование

Инкапсуляция, полиморфизм, абстракция и геттеры/сеттеры

Урок 10. JavaScript в браузере – DOM и BOM

Основы DOM и BOM в JavaScript

Решение 5 проблем DOM

Финал DOM с еще 5 испытаниями

Урок 11. Продвинутый JavaScript

Асинхронный JavaScript с циклом событий

Замыкания в JavaScript

Обещания и цепочка обещаний

Прототипное наследование в JavaScript

THIS и обязательный контекст

Aync-await и Promise all

Итераторы и генераторы в JavaScript

Модули ES6 и CommonJS

Практические задания по продвинутому JavaScript

Асинхронный JavaScript с циклом событий

Замыкания в JavaScript

Прототипное наследование в JavaScript

THIS и контекст привязки

Async-Await и [Link]

Итераторы и генераторы в JavaScript

Урок 12. Проекты на JavaScrpt, часть 1

Проект Todo с локальным хранилищем

Добавление задачи в массив

Обработка локального хранилища и событий DOM

Всплывающие события и операции CRUD

Проект обработки API

Обработка любого типа API в вашем коде

Урок 13. Проекты на JavaScrpt, часть 2 (нажмите для просмотра образца урока)

Приложение Ecommerce

Создание страницы корзины электронной коммерции

Проект «трекер расходов»

Трекер расходов с локальным хранилищем и делегированием событий

Проект «приложение-викторина»

Создание полноценного приложения-викторины

Урок 14. Git и Github - мастер контроля версий, часть 1

Введение в серию GIT

Git init и скрытая папка

Коммиты и логи Git

Внутренняя работа и конфигурации Git

Урок 15. Git и Github - мастер контроля версий, часть 2

Слияние Git и конфликты Git

Git Diff и сохранение

Git rebase не так уж и страшен

Взгляд на процесс размещения кода на github

Как сделать запрос на извлечение и внести вклад в Open Source

Урок 16. Путешествие по backend с NodeJS

Бэкэнд - NodeJS LibUV и исходный код

Обработка файлов в NodeJS

Создание собственного сервера Nginx с помощью NodeJS

Архитектура, управляемая событиями — создайте свой собственный регистратор

Часть 2

Темы

Урок 1. Введение в базы данных

Введение в базы данных

Базы данных SQL и NOSQL

Краткий обзор MongoDB

Урок 2. Мегапроект в бэкэнде с MongoDB, часть 1

Создание веб-сервера с помощью Node и Bun

Экспресс-курс с тестированием Postman

Написание тестов и документации с помощью Postman и развертывания

Продвинутое журналирование с morgan и winston

От идеи до проектирования базы данных

Урок 3. Мегапроект в бэкэнде с MongoDB, часть 2

Проектирование базы данных для VideoTube

Структура бэкэнд-проекта

Профессиональное подключение базы данных в MERN

Стандартизированная ошибка и ответ сервера в MERN

APIs для проверки работоспособности и тестирования с Postman

Руководство по построению моделей в MongoDB с плагином агрегации

Хуки и методы в Mongoose с JWT

Как работать с файлами в приложении MERN

Урок 4. Мегапроект в бэкэнде с MongoDB, часть 3

Регистрация в Ultimate Debaging and Refractoring

Как написать контроллер входа в бэкэнд MERN

Как сгенерировать новый токен обновления в бэкэнде MERN

Как написать промежуточное программное обеспечение в бэкэнде MERN

Практика CRUD в бэкэнде MERN

Как получить сложные данные с помощью конвейера агрегации в MongoDB

Задание на Postman, посвященное тестированию и настройке маршрутов в бэкенд-
приложении
Домашнее задание по текущему мегапроекту.

Урок 5. Усовершенствованные конвейеры агрегации MangoDB

Настройка соглашения MongoDB

Группировка в MongoDB

Групповая сумма

Работа с массивами при агрегации

Соответствие и проектный конвейер

Сопоставления всех операторов агрегации

Поиск в агрегации MongoDB

Урок 6. Мега-урок по React с 10 проектами, часть 1

Дорожная карта React

Создание проектов React

Понимание потока и структуры React

Создание своей собственной библиотеки React и JSX

Зачем вам нужны хуки

Виртуальный DOM, оптоволокно и согласование

Урок 7. Мега-урок по React с 10 проектами, часть 2

Tailwind и Props в ReactJS

Создание проекта React bgChanger

useEffect, useRef и useCallback с 1 проектом

Пользовательские хуки в React | Проект Currency

Урок 8. Мега-урок по React с 10 проектами, часть 3

Экспресс-курс по маршрутизатору React

12 контекстный API в React | get the concept

Создание темный режим и светлый режим в ReactJS с помощью API контекста

Контекстный API с локальным хранилищем

Урок 9. Создание полнофункциональной системы аутентификации с помощью
MongoDB в NextJS, часть 1
Полностековая аутентификация в [Link]

Регистрация и вход в систему

Урок 10. Создание полнофункциональной системы аутентификации с помощью
MongoDB в NextJS, часть 2
Промежуточное ПО (Middleware) в [Link]
Проверка пользователя по электронной почте в [Link]

Развертывание [Link] на Vercel

Урок 11. Создание полнофункциональной системы QnA с помощью NextJS и Appwrite,
часть 1
Создание клона Stack Overflow с использованием [Link] и Appwrite

Настройка Appwrite и [Link] для полностекового проекта

Моделирование данных в Appwrite с помощью Node SDK

Zustand в [Link] с постоянным хранилищем

Краткий курс по аутентификации с Appwrite, [Link] и Zustand

Урок 12. Создание полнофункциональной системы QnA с помощью NextJS и Appwrite,
часть 2
Управление пользовательскими настройками в Appwrite

Сложная система голосования (за и против), обзор компонентов для Stack Overflow, проект

Урок 13. Размещение проектов в производственных средах (развёртывание)

Как настроить VPC для развертывания

Как настроить Nginx на VPS в первый раз

Как добавить ограничение скорости в Nginx

Как настроить домен на VPS

Как установить SSL на Nginx в Ubuntu

Как развернуть Node API с Nginx на VPS

Ваш собственный Vercel на VPS - Coolify

Урок 14. Построение ИИ-управляемого SAAS с помощью NextJS, Prisma и NeonDB

Давайте создадим ИИ-платформу SAAS с помощью [Link] и Cloudinary

Как настроить промежуточное ПО для аутентификации Clerk

Как настроить аутентификацию Clerk в [Link]

Настройка Prisma с NeonDB для вашего SAAS

Как загружать что угодно в Cloudinary

Всё, что вам нужно знать о компоненте изображений Cloudinary для [Link]

Как обрабатывать загрузку видео в [Link]

Умный предпросмотр видео с помощью ИИ Cloudinary

Итоговое обобщение и рекомендации по будущим функциям

Урок 15. SQL для web-разработчиков. MySQL и PostgreSQL, часть 1 (нажмите для
просмотра образца урока)
Введение в SQL для веб-разработчиков

Терминология SQL

MySQL, PostgreSQL и SQLite в реальном мире

Как установить PostgreSQL на локальную машину

Обзор PGAdmin 4 для PostgreSQL

Установка и обзор MySQL и MySQL Workbench

SQL-расширение для VSCode

Полный краткий курс по операциям CRUD

Диаграммы отношений сущностей (ERD) в деталях

DDL - CREATE, ALTER, DROP, TRUNCATE и RENAME

Урок 16. SQL для web-разработчиков. MySQL и PostgreSQL, часть 2

DML - INSERT, UPDATE, DELETE и SELECT

DCL - GRANT и REVOKE доступ к базе данных

TCL - BEGIN, COMMIT, ROLLBACK и SAVEPOINT

DTO и DQL в SQL

Первая нормальная форма базы данных

Вторая и третья нормальные формы

Концепция JOIN и INNER JOIN

LEFT, RIGHT, OUTER и CROSS Joins теперь так просты

Агрегатные функции и вложенные запросы

Переход к ORM - PRISMA и DRIZZLE

Урок 17. Событийно-ориентированная архитектура - полностековый проект, часть 1

Создание стартового шаблона SAAS с Clerk и NextJS

Событийно-ориентированная архитектура - руководство по вебхукам Clerk

Работа с NeonDB (PostgreSQL) в NextJS

Как обрабатывать пользовательский процесс регистрации в Clerk

Руководство по промежуточному ПО Clerk для ролевого доступа

Урок 18. Событийно-ориентированная архитектура - полностековый проект, часть 2

Краткий курс по обработке вебхуков - вебхуки Clerk

Краткий курс по CRUD и пагинации в Prisma

Обработка API-вызовов во фронтенде в NextJS

Урок 19. Освоение фреймворка Fastify путем создания полноценного бэкенда с
аутентификацией
Полный бэкенд-проект на Fastify

Совместное чтение документации Fastify

Сервер Fastify и экосистема плагинов

Создание собственных плагинов в Fastify

Аутентификация пользователей и плагины Fastify JWT с промежуточным ПО

Изучение потоков в [Link] и обработка файлов в Fastify

Урок 20. Защищенная LMS с платежным шлюзом для опытных разработчиков, часть
1
Задание по построению логики

Файл кода для задания

Файл кода решения

Создание защищенной LMS с платежным шлюзом

Режимы разработки, стейджинга и продакшена

Добавление продакшен-уровня логгеров и обработчиков ошибок

Защита вашего приложения от SQL-инъекций, XSS и других атак

Управление подключением к базе данных как опытный разработчик

Урок 21. Защищенная LMS с платежным шлюзом для опытных разработчиков, часть
2
Mongoose с виртуальными полями и хуками

Модели курсов и лекций с хуками и виртуальными полями

Индексирование полей документов в MongoDB

Multer, Cloudinary и JSON Web Tokens

Маршруты проверки работоспособности важны для балансировщиков нагрузки AWS

Populate, промежуточное ПО и виртуальные поля

Урок 22. Защищенная LMS с платежным шлюзом для опытных разработчиков, часть
3
Централизованные валидации в бэкенде

Теория интеграции платежного шлюза

Создание и проверка заказов Razorpay