Программа:
№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 включительно
Шаблоны и ссылки
Скачать:
Для просмотра содержимого вам необходимо авторизоваться