Frontend разработчик с нуля
О чём курс
О курсе
Пошаговое руководство по веб-разработке для начинающих охватывает путь от основ создания веб-страниц до сборки портфолио и изучения современных инструментов индустрии. Внутри — непрерывное закрепление теории на практике через тесты, домашние задания и создание мини-проектов.
Что внутри
Программа охватывает полный цикл начальной подготовки веб-разработчика:
- основы разметки и оформления страниц с помощью HTML и CSS, построение сеток на Flexbox;
- принципы создания адаптивной вёрстки и работа с макетами из Figma и Pixso, включая оптимизацию графики в современных форматах WebP и AVIF;
- контроль версий и размещение проектов в сети с использованием Git и GitHub;
- базовые концепции языка JavaScript, управление событиями и добавление интерактивности;
- отправка запросов и получение данных через API, а также обработка формата JSON;
- обзор современного стека технологий: Node.js, NPM, Vite, TypeScript, React, Vue, ESLint и применение инструментов искусственного интеллекта;
- подготовка резюме, оформление портфолио и дальнейшие ориентиры для поиска работы или выхода на фриланс.
Для кого
Курс разработан для новичков без опыта программирования и навыков работы с терминалом. Для старта достаточно компьютера или ноутбука с доступом в интернет и готовности регулярно выполнять практические задания.
Материалы курса
В дополнение к основной программе предоставляются вспомогательные методические материалы в формате PDF:
- обзор более 40 нейросетей и сервисов на базе ИИ;
- чек-лист с рекомендациями по прохождению собеседований;
- чек-лист по эффективному обучению;
- гайд по применению метода Кайдзен;
- руководство о способах поддержания мотивации.
Программа обучения
- База
- Введение
- Что такое сайт и как он работает
- Кто такой Frontend-разработчик
- Как устроен браузер и для чего он нужен
- Установка браузера и обзор DevTools
- Установка редактор кода VS Code
- Итоги модуля
- HTML
- Что такое HTML
- Структура страницы
- Заголовки и параграф
- Списки
- Ссылки
- Изображения
- Формы
- ДЗ: Страница "О себе"
- Итоги модуля
- CSS
- Что такое CSS
- Как подключать стили
- Цвета, текст, шрифты
- Отступы и границы
- Размеры элементов
- Классы и Flexbox
- Оформление страницы
- ДЗ: Страница "Резюме"
- Итоги модуля
- Адаптивность
- Что такое адаптив
- Медиа-запросы
- Два подхода в верстке
- ДЗ: Сделать страницу удобной на телефоне
- Итоги модуля
- Практика и AI
- Мини-проект: Меню
- Мини-проект: Карточки товаров
- Меню и шрифты
- ChatGPT и DeepSeek
- Заголовок и кнопки
- Flexbox для иконок
- Картинки webp и avif
- Товары
- Градиент в футере
- Адаптивная версия
- ДЗ: Лендинг
- Итоги модуля
- Git и GitHub
- Что такое Git
- Как сохранить проект
- Как загрузить на GitHub
- Итоги модуля
- JavaScript
- Как подключить JS к странице
- Переменные
- Числа и строки
- Условия
- Циклы
- Функции
- Обработчики событий
- Мини-проект: Кнопка "показать текст"
- Мини-проект: Переключатель темы
- Мини-проект: Счётчик
- Мини-проект: To-do список
- Мини-проект: Простое модальное окно
- Итоги модуля
- Работа с API
- Что такое JSON
- Что такое API
- Работаем с API
- Мини-проект: Вывести список постов
- ДЗ: Вывести карточки пользователей
- Итоги модуля
- Инструменты
- Node.js и NPM
- Сборщики и Vite
- AI и Агенты
- TypeScript
- React
- Vue
- ESLint
- Итоги модуля
- Софт-скилы
- Резюме и портфолио
- Фриланс и работа
- Что учить дальше
- Итоги модуля
- Итоги курса
Теги курса
Другие материалы автора 11
ИУ Исмаил Усеинов Все материалыОтзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.