Fullstack N8N. Тариф Базовый (Константин Лукша)

​

Программа:

№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 включительно
• Шаблоны и ссылки