Веб-разработчик

Курс по веб-разработке 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 (сохранение имени и приветствие при входе, слайдер с индикаторами нуля, таймеры, добавление новых фильмов, фильтрация и сортировка кинотеки и т.д.) Проекты на курсе в ваше портфолио: WEB FLY многостраничный проект первого модуля. Сделан полностью на блочной модели. Якорные ссылки, позиционирование, параллакс эффект Dreamplanner адаптивный проект 2-4 модулей. Разрабатываем дизайн. Используем БЭМ, Flexbox. Верстаем форму, модальное окно и добавляем видео WEB BIKE адаптивный проект 4 модуля со сложной сеткой, которая перестраивается на разной ширине экрана. Вы сверстаете его, используя модель Grid WEB FILMS выпускной проект 5 модуля, на котором вы отточите навыки программирования JavaScript, реализовав таймеры, слайдеры, модальные окна, сортировку, фильтрацию и многое другое А также вас ждёт множество минипроектов и собственные уникальные проекты, которые вы разработаете сами от идеи и дизайна до вёрстки и программирования. Автор Никита Щегольков Обучаю сайтам более 5 лет Выпустил более 1 000 учеников. Младшему 9 лет, старшему 60 Основатель школы веб-разработки WEB PRO и автор YouTube канала Более 120 000 руб. зарабатывал в месяц на веб-разработке, работая 2 дня в неделю Более 6 лет программирую. Окончил университет по программированию Тариф Интенсивный Начало обучения с любого доступного модуля Последовательный доступ к урокам Цена 25000 руб. Скрытая ссылка