№1. Основы
Задача — придумать идею для реализации
- Введение
- Установка и настройка необходимых инструментов
- Продвинутая настройка Cursor
- Основы веб-дизайна
- Основы вёрстки (html, css)
- Основы программирования (JavaScript, Node.js)
- Фреймворки и шаблонизаторы
- Практика по основному проекту
Вайб-разработка
- Второй подход
- Библиотека шаблонов
- Практика в n8n
Шаблоны и ссылки на материалы
Домашнее задание
№2. Figma
Задача — создать дизайн
- Введение
- Разработка структуры макета
- Цвета
- Шрифты
- Компоненты и автолейауты
- Создание кнопок и других повторяющихся компонентов
- Графика
- Создание всех страниц в Figma
- Практика по основному проекту
Вайб-разработка
- Создание дизайна на автомате по референсам
- Практика в n8n и Next.js
Шаблоны и ссылки на материалы
Домашнее задание
№3. Вёрстка
Задача — перенести дизайн в вёрстку
- Введение
- Знакомство с Flexbox-вёрсткой
- Перенос всех страниц в html и css
- Практика по основному проекту
Вайб-разработка
- Деплой приложения Next.js на Vercel
- Практика в n8n и Next.js
Шаблоны и ссылки на материалы
Домашнее задание
№4. Программирование
Задача — понять основы программирования
- Введение
- Переменные
- Типы данных
- Ветвления if / else / switch
- Циклы
- Функции
- Отладка
- Рекурсия
- Промисы и асинхронность
- Практика по основному проекту
Вайб-разработка
- Next.js: реализация авторизации пользователей
- Next.js: подключение к базам данных
- Next.js: ORM для баз данных
Шаблоны и ссылки на материалы
Домашнее задание
№5. Node.js
Задача — добавить функционал
- Введение
- Логика серверной части
- Установка и настройка проекта
- Менеджер пакетов и установка модулей
- Path
- Http
- Nodemon
- Запуск сервера
- Express (partials, nav)
- Handlebars
- Переменные и шаблоны
- Роутинг и POST-запросы
- Вывод в цикле
- MySQL: подключение базы данных
- MySQL: создание таблиц
- MySQL: удалённый сервер
- MySQL: добавление, обновление и удаление данных
- MySQL: вывод данных
- Сессии и авторизация
- Защита роутов
- Реализация регистрации и авторизации пользователей
- Шифрование и защита токеном
- Email: подключение, отправка писем, восстановление пароля
- Работа с изображениями
- Создание собственного API
- Перенос (деплой) проекта на домен
- Практика по основному проекту
Вайб-разработка
- Роутинг в Next.js
- Проектирование архитектуры фронтенда с помощью AI
- Footer и Header в Next.js
- Практика в n8n и Next.js
Шаблоны и ссылки на материалы
Домашнее задание
№6. Разработка приложений Android и iOS
Задача — создать приложения на основе главного проекта
- Перенос и адаптация Node.js-приложения под Android и iOS
Вайб-разработка
- Перенос и адаптация Next.js-приложения под Android и iOS
Шаблоны и ссылки на материалы
Домашнее задание
Тариф «Базовый»
- Модули с 1 по 5 включительно
- Шаблоны и ссылки
