Веб-разработчик [Тариф Интенсивный] [Никита Щегольков]

Складчина: Веб-разработчик [Тариф Интенсивный] [Никита Щегольков]

Курс по веб-разработке Web Pro.

Это про вас?

Вы посмотрели миллионы роликов на ютубе, тысячи бесплатных прямых эфиров и вебинаров, а в голове каша и результата нет?

• Мечтаете сменить работу на более востребованную
• Ищете высокооплачиваемую и перспективную профессию
• Хотите выйти на фриланс и создать доп. заработок
• Думаете с чего начать изучать программирование

Как проходит обучение:

• Проверка знаний
  Выполнение практических заданий и тестов на понимание теории после каждого урока и модуля
• Гибкий формат
  Обучение можно начать с любого доступного модуля. Если вам знакомы темы каких-либо модулей — пропускайте их и начинайте обучение с новых знаний
• Безлимитный доступ
  Курс записан в формате видеоуроков, а значит вы не привязаны ко времени прохождения и легко можете пересмотреть любой доступный вам урок

Программа:

Можно начать с любого доступного модуля.

Модуль 0. Настройка рабочей среды:

• Знакомство с платформой
• Установка и настройка редактора кода, расширений, а также других программ для прохождения курса

Модуль 1. Основы HTML и CSS:

• Основные теги в html. Их виды и значения. Структура страницы
• Семантика и её важность
• Основные стили в CSS. Наследование и селекторы
• Создание ссылок, многостраничных сайтов и тёмная тема на сайте
• Работа с инструментом разработчика в браузере
• Блочная модель. Размеры, отступы, стандартные стили и центрирование элементов
• Ускорение вёрстки с помощью Emmet
• Работа с фоном. Добавление фоновой картинки. Параллакс эффект
• Поток документа. Позиционирование элементов. Фиксирование шапки. Теги-пустышки

Проекты на данном модуле:

• Личный сайт-визитка
• Личный сайт-блог
• Совместная вёрстка многостраничного сайта WEB FLY

Модуль 2. Дизайн сайта. Figma:

• Основы дизайна. Принципы UI и UX дизайна
• Разница коммерческих и информационных сайтов. Определение ЦА
• Законы дизайна. Понимание психологии пользователя
• Виды графики. Отличие растровой графики от векторной
• Работа в Figma. Разработка UI kit, стилей и компонентов
• Создание интерактива в прототипе макета

Дизайн проектов на данном модуле:

• Совместный сайт Dreamplanner под 3 экрана (мобильное устройство, планшет и компьютер)
• Индивидуальный сайт под 3 экрана

Модуль 3. Современная вёрстка:

• Методология БЭМ
• Отличие кнопки от ссылки
• Модель flexbox
• Псевдоклассы и псевдоэлементы на сайте
• Взаимодействие с элементами при наведении, клике
• Создание градиентов и тени
• Трансформация, переходы и анимация

Проекты на данном модуле:

• Совместная вёрстка десктопной версии Dreamplanner
• Вёрстка индивидуального сайта под десктоп

Модуль 4. Адаптивная вёрстка и Гриды:

• Резиновая и адаптивная вёрстки
• Виды медиазапросов. Вёрстка под Mobile first и Desktop first
• Breakpoints. Как искать точки перелома. Работа с инспектором
• Новые единицы измерения vh, vw
• Создание и программирование бургер меню
• Добавление видео и аудио. Создание видеофона
• Создание и программирование модального окна с формой
• Модель Grid. Теория по линиям и областям

Проекты на данном модуле:

• Адаптация Dreamplanner (вёрстка и программирование видео, формы и бургер меню)
• Вёрстка и адаптив на гридах WEB BIKE
• Адаптация индивидуального проекта с предыдущего модуля

Модуль 5. Программирование на JS:

• Знакомство с JS: способы подключения, консоль, типы данных, переменные, математические действия
• Модальные окна, приведение типов данных и конкатенация
• Условия if..else, сравнение и булева логика
• Тернарный оператор, конструкция switch case
• Функции и область видимости
• Получение случайных чисел, отработка клика по элементам
• Циклы while, do..while, for. Рекурсия
• Массивы: перебор, добавление и удаление элементов, поиск элемента, копирование массива. Работа с многомерными массивами
• Объекты: ключи и значения, методы и контекст this, прототипирование
• Работа с DOM: навигация по элементам на странице, стилизация, работа с классами и атрибутами, работа с контентом, создание и удаление элементов на странице
• События и обработчики: отслеживаем и ловим клики, перемещения мышки, нажатие клавиатуры и т.д., знакомимся с объектом event
• Сохранение данных с помощью Local Storage, Session Storage. Знакомство с форматом JSON
• Планирование (таймаут и интервал) и работа с датами
• Разные способы объявлений функций. Стрелочные функции

Проекты на данном модуле:

• Совместное и самостоятельное программирование планировщика дел WebToDo (добавление и удаление задач, фильтрация задач, сохранение данных и т.д.)
• Минипроекты: генератор случайных цветов, счётчик символов, несколько разных кликеров на скорость и на время, а также несколько вариантов игры угадай число
• Программирование онлайн-кинотеки WebFilms (сохранение имени и приветствие при входе, слайдер с индикаторами нуля, таймеры, добавление новых фильмов, фильтрация и сортировка кинотеки и т.д.)

Проекты на курсе в ваше портфолио:

1. Web fly
   многостраничный проект первого модуля. Сделан полностью на блочной модели. Якорные ссылки, позиционирование, параллакс эффект
2. Dreamplanner
   адаптивный проект 2-4 модулей. Разрабатываем дизайн. Используем БЭМ, Flexbox. Верстаем форму, модальное окно и добавляем видео
3. Web bike
   адаптивный проект 4 модуля со сложной сеткой, которая перестраивается на разной ширине экрана. Вы сверстаете его, используя модель Grid
4. Web films
   выпускной проект 5 модуля, на котором вы отточите навыки программирования JavaScript, реализовав таймеры, слайдеры, модальные окна, сортировку, фильтрацию и многое другое

А также вас ждёт множество минипроектов и собственные уникальные проекты, которые вы разработаете сами от идеи и дизайна до вёрстки и программирования.

Автор Никита Щегольков

• Обучаю сайтам более 5 лет
• Выпустил более 1 000 учеников. Младшему 9 лет, старшему 60
• Основатель школы веб-разработки WEB PRO и автор YouTube канала
• Более 120 000 руб. зарабатывал в месяц на веб-разработке, работая 2 дня в неделю
• Более 6 лет программирую. Окончил университет по программированию

Тариф Интенсивный

• Начало обучения с любого доступного модуля
• Последовательный доступ к урокам

Цена 25000 руб.
Скрытая ссылка