Курс ВЕБ-разработчик 2020 - с нуля до результата!

5

На практике научитесь создавать веб-сайты и веб-приложения с применением полученной в курсе всей необходимой теории. Дополнительных знаний не требуется. Все нужные программы установим и настроим в процессе обучения. Курс соответствует современным трендам и стандартам. Основные технологии: HTML5, CSS3, Bootstrap 4, JavaScript.

Начать обучение Регистрация

О курсе - Чему Вы научитесь?

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

Чему вы научитесь

Вы научитесь выполнять самостоятельные проекты на freelance или получите профессию веб-разработчика для работы в веб-студии и заложите базу для дальнейшего обучения. После прохождения курса “Веб-разработчик - с нуля до результата!” вы сможете освоить любую CMS, например, WordPress. Изнутри сможете понять и изучить, как работает backend часть. Создавать визуальную часть приложений, написанных на JavaScript фреймворках и библиотеках (ведь там везде используется верстка как и на обычных сайтах, в том числе и на мобильных приложениях).

Курс подходит и для начинающих и для тех кто уже знаком с веб-разработкой. Мы по шагам пройдем путь от установки редактора кода до создания собственных реальных веб-сайтов. При этом изучим все современные инструменты и технологии для этого:

  • Работу с дизайн-макетами сайтов в Photoshop
  • Другие полезные в верстке графические редакторы - Zeplin, Figma, Avocode...
  • HTML5 и CSS3 на реальных проектах
  • Библиотеку BOOTSTRAP 4 и технологию FlexBox
  • Препроцессоры Sass/Scss/Less в своих проектах
  • Мобильную адаптацию сайтов и приложений
  • Методологию БЭМ
  • JAVASCRIPT и JQuery на практике
  • Git и GitHub
  • Автоматизацию и планировщик задач Gulp
  • Оптимизацию скорости работы сайтов
  • Валидацию верстки по w3c-стандартам
  • и многое другое...
А в конце курса вы получите приятный бонус - несколько реальных макетов для верстки сайтов и самостоятельного закрепления полученных знаний.

Начать обучение

План курса

Программа обучения включает видео уроки по изучению Веб-разработки с нуля. Благодаря практическим заданиям, Вы сможете закрепить полученные знания и создать собственные сайты на практике.

развернуть все

свернуть все

Введение - О курсе Веб-разработчик 2020 - с нуля до результата!
1. Погружение в тему создания web-продуктов. Изучение основ HTML и CSS на практике
  • 1.1 Зачем нам этот модуль03:03
  • 1.2 Классификация сайтов. Этапы создания22:17
  • 1.3 Установка и настройка редактора кода Visual Studio Code08:17
  • 1.4 Работа с Adobe Photoshop в вебе21:37
  • 1.5 Работа с современными редакторами: Avocode, Zeplin, Figma20:58
  • 1.6 Бонус. Что такое "сетки" и преобразование иконок в SVG формат08:35
  • 1.7 Создаем свой первый проект. Основы HTML19:56
  • 1.8 Основные теги HTML на практике40:12
  • 1.9 Семантические теги HTML511:12
  • 1.10 Основы CSS на практике31:11
  • 1.11 Блочная модель CSS13:17
  • 1.12 Developer Tool. Что это и как с ним работать?14:01
  • 1.13 Блочная модель CSS. Часть 219:15
  • 1.14 Позиционирование элементов в CSS. Принцип карточной колоды21:38
  • 1.15 Выравнивание элементов по вертикали. Верстка таблицами и float'ами08:59
  • 1.16 Бонус. Единицы измерения CSS10:52
  • 1.17 Практика. Создаем сайт на чистом HTML и CSS08:34
  • 1.18 Технология Flexbox и применение её на макете14:17
  • 1.19 Практика. Заканчиваем сайт на чистом HTML и CSS + домашнее задание34:14
  • 1.20 Сброс стилей reset.css/normalize.css09:27
  • 1.21 Подключение шрифтов на сайт31:19
2. Ускорение работы в несколько раз - Bootstrap 4
  • 2.1 Зачем нам этот модуль01:31
  • 2.2 Библиотека Bootstrap 434:52
  • 2.3 Практика. Новый проект с использованием сетки Bootstrap 403:35
  • 2.4 Препроцессоры. SASS/SCSS/LESS31:07
  • 2.5 Если у вас ошибка при компиляции SASS кода03:18
  • 2.6 Вендорные префиксы в CSS04:30
  • 2.7 Практика. Продолжаем работу и используем препроцессор SASS32:03
  • 2.8 Псевдоклассы и псевдоэлементы в CSS17:34
  • 2.9 Практика. Используем псевдоэлементы и псевдоклассы в проекте42:55
  • 2.10 Как работать с иконками. Иконочные шрифты20:42
  • 2.11 Адаптация проектов под различные устройства18:15
  • 2.12 Pixel Perfect верстка04:07
  • 2.13 Адаптация при помощи Bootstrap11:44
  • 2.14 Практика. Адаптация проекта. Часть 142:39
  • 2.15 Практика. Адаптация проекта. Часть 245:13
  • 2.16 Локальные ссылки и favicon06:10
  • 2.17 UX. Дорабатываем мелочи06:59
  • 2.18 Публикуем сайт в интернете. Домен. Хостинг. GitHub Pages и сброс "кеша"12:42
3. Необходимые технологии для веб-разработчика и продвинутая практика
  • 3.1 Зачем нам этот модуль01:37
  • 3.2 Система контроля версий Git и сервис GitHub22:46
  • 3.3 Как работать с GitHub с разных компьютеров, gitignore и Git Kraken16:15
  • 3.4 Планировщик задач Gulp38:53
  • 3.5 Методология БЭМ14:00
  • 3.6 Практика. Создаем новый проект, используя Gulp, БЭМ37:34
  • 3.7 Если у вас не работают картинки02:33
  • 3.8 Формы на сайтах32:26
  • 3.9 Знакомимся с языком программирования JavaScript31:34
  • 3.10 Как можно освоить JavaScript?01:34
  • 3.11 Практика. Создаем слайдер на сайте. Slick-слайдер35:14
  • 3.12 Если у вас не работают скрипты03:37
  • 3.13 Практика. Альтернативные варианты слайдеров30:32
  • 3.14 Практика. Создаем табы на сайте. Часть 132:23
  • 3.15 Практика. Создаем табы на сайте. Часть 237:39
  • 3.16 Создаем интерактивные карты на сайте20:36
  • 3.17 Практика. Создаем модальные окна на сайте38:20
  • 3.18 Валидация форм23:06
  • 3.19 Маска ввода номера на сайте05:53
  • 3.20 Локальные сервера08:31
  • 3.21 Практика. Отправка писем с сайта19:08
  • 3.22 Плавный скролл по ссылкам и элемент "вверх"11:45
  • 3.23 Анимации на сайтах при помощи CSS312:29
  • 3.24 Библиотеки для работы с анимациями11:32
  • 3.25 Валидация сайта07:58
  • 3.26 Загружаем сайт на реальный хостинг. Настройка домена, что такое FTP и SSL15:12
  • 3.27 Оптимизация скорости загрузки сайта, доработка gulpfile38:34
4. Заключительная часть
  • 4.1 Что делать дальше?01:53
Завершение курса - Получение Сертификата


Студенты также изучают

online_course
new
5
  • 59 видео
  • 21 час
online_course
4.9
  • 31 видео
  • 65 заданий
  • 5 часов
online_course
5
  • 25 видео
  • 50 заданий
  • 4 часа
online_course
4.7
  • 10 видео
  • 21 заданий
  • 1 час
online_course
new
5
  • 48 видео
  • 19 часов
online_course
new
5
  • 28 видео
  • 14 часов

Отзывы студентов о курсе

Мы собрали отзывы учеников, прошедших онлайн курс. Оставьте свой отзыв после прохождения Курса Веб-разработчик - с нуля до результата.

14.01.2021
Валентин Назаров

Отличный курс! Узнал много чего нового!

12.01.2021
Данил Остапчук

Объемный курс для старта, очень хорошо ознакамливает с различными современными технологиями Вэба

28.12.2020
student_hNXqjQLE

Добрый день. Обучение по курсу прошло очень, хорошо. Курс очень удобен тем, что обучаться можно в свободное время, а также он очень доступен в финансовом отношении. Материал изложен очень понятно, даже для начинающих. Прилагаются дополнительные материалы для изучения, что очень удобно. Курсом осталась очень довольна. Главное заниматься и делать практические задания. Спасибо большое!

26.12.2020
Максим Сутягин

Отличный курс. Отличный автор с замечательной подачей материала. Все очень круто. Так держать. Пошел изучать остальные курсы. Возможно кажется, что это проплаченный какой-то отзыв. Но нет просто много эмоций и все положительные. Первый курс по ИТ, который хочется продолжать смотреть опять и опять, а не спать, как на многих. Заслуга автора безусловно.

24.12.2020
Денис Агуреев

Отличный курс! Ивану - отдельное спасибо! Придя совершенно не подготовленным, заканчиваешь с чувством, что всему можно научиться и что самое главное, ты хочешь учиться. Всем кто хочет начать учиться Веб-разработке - этот курс - отличное начало.

20.12.2020
Anton Savranskiy

Все супер!

15.12.2020
Оля Онищук

Добрый день) Хотелось написать несколько слов о курсе "ВЕБ-разработчик 2020 - с нуля до результата!". Если ты знаешь за чем идешь, то в этом курсе можно взять столько знаний и возможностей, чтобы стать сильным специалистом, только нужна практика. Информации очень много и она настолько полезна!!! Спасибо Ивану и платформе BeOnMax за такой насыщенный курс и за знания.

13.12.2020
Дмитрий Данилов

Топ курсы, всё доходчиво понятно, научился много чему благодаря вам! спасибо за такой прекрасный сайт.

08.12.2020
Даниил Родионов

Интересно информативно и очень круто, большое спасибо.

29.11.2020
Александр Вяткин

Огромное спасибо, Иван! Замечательный курс.

28.11.2020
Марина Круглякова

Иван - преподаватель от бога! Ещё никогда не видела, что бы материал был настолько хорошо и понятно преподнесён! На мой взгляд - это один из самых лучших курсов на этой площадке!

23.11.2020
student_g6EdAZpV

Превзошел все ожидания!!! Браво Иван!

23.11.2020
Serik Seidakhanov

Замечательный курс, замечательный преподаватель! Огромный объем нужной информации, четкое и понятное изложение материала, знакомство с необходимыми сервисами и ресурсами. Закладывается прочный фундамент для дальнейшего развития как верстальщика, фронтенд разработчика. Огромная благодарность Ивану Петриченко!

22.11.2020
Дмитрий Македонский

Отличный курс, цельный и логичный. Замечательный преподаватель! Иван умеет толково и понятно объяснять программирование - это очень ценно. В отличие от базового курса в этом курсе с первого раза получалось далеко не все - особенно скриптовые части (там, где я еще плохо разбираюсь). Поэтому сейчас параллельно начал курс по JS у этого же тренера. Еще выскажу респект организаторам - вы создали очень классный ресурс для самообразования. Удачи!

12.11.2020
Andrii Klochkov

Очень хороший курс и много полезной инфы, спасибо)

10.11.2020
Сергей Тихомиров

Практически все на текущий момент 10.11.2020 актуально, очень подробно и понятно, единственное gulp уже можно перезаписать по новому(более легче, т.к. вышла версия gulp 4). Спасибо за отличный курс

09.11.2020
Никита Плюснин

Самый лучший курс, Иван, большое спасибо за твой труд!

03.11.2020
Виктор Григоров

Очень полезный и информативный курс!!!

27.10.2020
Надежда Останина

Наконец-то у меня "разложились по по полочкам" все нахватанные кусками знания. Курс построен очень удобно, Иван красавчик. )) Отдельное спасибо за софт, призванный облегчить и ускорить работу.

25.10.2020
Надежда Дмитриева

Отличный курс! Самостоятельно изучала веб-разработку 2 года, но в голове был бардак. Теперь все встало на свои места. Спасибо!

21.10.2020
Виктория Боева

Хороший курс! На пять, все очень подробно рассказано) Спасибо!

18.10.2020
Сергей Ганин

Очень информативный курс со всеми подробностями и фичами. Благодарю за данный курс.

18.10.2020
Александр Плыгун

Я реально не рекламный бот, но это пожалуй самый толковый и подробный курс из всех что я видел!

17.10.2020
Ксения Демченко

Спасибо Ивану за отличный курс! Много полезных ссылок и знаний. Мотивации для дальнейшего обучения и работы хоть отбавляй!

16.10.2020
Yaroslava Provisiono...

Отличный курс, отличная подача от автора. Сначала прошла курс по js, но потом узнала о курсе автора по верстке и вернулась, что-бы пройти и его. Пока лучший видео курс, что я встречала. Без старой информации, все актуально, сразу даются все ссылки на доп сервисы и показывают как с ними работать.

12.10.2020
Елизавета Богомолова

Большое спасибо за курс, было интересно, познавательно, а главное полезно и очень просто.

08.10.2020
Екатерина Петровская

Очень полезный пошаговый курс, ни один курс из интернета и рядом не стоит. Я очень довольна!!! Очень много нового узнала!!! Просто крутой курс, слов нету!!! Спасибо огромное!!!

06.10.2020
Максим Владимирович

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

28.09.2020
Victor Stupitsyn

супер!

25.09.2020
Алексей Петров

Отличный курс!

24.09.2020
Даниил Мишарин

очень хороший, курс, замечательный куратор

09.09.2020
Shahzod Pardaboyev

Thank you very much!!! Very useful lessons.

08.09.2020
Вероника Акулова

Очень понравился курс! Больше всего понравилось след.: 1- информация преподносилась понятно и структурировано, 2- ознакомили с большим количеством полезных ресурсов, кот. в дальнейшем обязательно буду пользоваться. За период обучения я прошла путь от полного 0 до начинающего специалиста. Чувствую в себе силы и желание работать и развиваться в сфере веба! Новым участникам я бы рекомендовала не лениться, самостоятельно выполнять все задания, конспектировать, сохранять полезные ссылки!

29.08.2020
Александр Тараев

Курс хороший. Хорошо продуманы различные нюансы. Я получил огромное удовольствие, изучая курс.

29.08.2020
Jasur Rakhmanov

Не жалею что дошел до конца... Урок был очень интересным Спасибо тебе Иван ... Благодарю всех Вас

27.08.2020
Олег Любченко

Курс понравился очень. Всё ясно и понятно. Рекомендую!

26.08.2020
Amir Abdullaev

Очееень очень круто! Замечательный преподаватель!

26.08.2020
Радик Сабирьянов

Очень полезно, полученные знания очень пригодились!

22.08.2020
Роман

Спасибо огромное! Отличный курс

20.08.2020
Кирилл Тихонов

Обучение прошло без проблем, всё было понятно. Этот курс мне понравился тем, что очень преподаватель, который хорошо обучает, учит тем вещам, которые действительно могут пригодится при создании сайта. Как результат я научился создавать сайты, а так же адаптировать их под все устройства. Новым участникам курса я бы порекомендовал не бросать всё если что-то не получается, постоянно практиковаться и развиваться в данной сфере. Спасибо большое за курс!

20.08.2020
Yasin Abdurakhmanov

Супер!!!

16.08.2020
Павел Рудометкин

Очень много полезной информации. Теперь нужно все переварить.

14.08.2020
Павел Бочеров

Отличный курс, все рассказывается в подробных деталях. Полные объяснения всех действий не дают образоваться каше в голове.

13.08.2020
Марат Гайфуллин

Обучение понравилось, автор очень подробно и доходчиво объяснял и показывал учебный материал. В целом понравился живой, динамичный стиль данного курса, было не скучно, что отличает данный курс от многих в интернете. Получил базовые знания, которые позволят дальше развиваться и через короткое время начать зарабатывать на этом. Новым ученикам порекомендую не терять время и приложить усилия для быстрого освоения программы курса.

05.08.2020
Нияз Ахметгариев

Ваня Петриченко просто крутейший преподаватель, все доступным языком, "пережевывает" и кладет в рот, остается только проглотить знания))) Спасибо огромное за данный твой труд в виде курса. Двигаемся дальше! Удачи тебе в работе и обучении!!!

29.07.2020
Грачев Илья Александ...

Обучение прошло успешно. Курс очень захватывающий, наставник грамотный, к своему делу подходит ответственно. Не было плана и цели. Курс решил все эти проблемы и сберег мое время и предотвратил мое желание сдаться. Набил руку, получил опыт и начал думать, как программист - это кайф. Новым ученикам рекомендую слушать внимательно наставника и делать все, что он говорит - это поможет избежать серьезной головной боли и истерик, в кратчайшие сроки находить решение своих проблем в ходе обучения.

29.07.2020
Sergey Melnikov

Отличный курс. Доступная подача информации. Курс достаточно сложный, но я это считаю плюсом. Новым ученикам рекомендую больше практиковаться.

24.07.2020
Viktoria Zubchenko

Мне очень понравился курс, он ответил на все мои вопросы по верстке, абсолютно всё, что я хотела научиться реализовывать, было объяснено в полной мере. В качестве практики, одновременно с прохождением курса, я находила и пыталась "повторить" красивые одностраничные сайты, и ближе к последнему уроку, моментов, которые я бы не смогла воплотить практически не осталось. Большое спасибо за курс, я в восторге.

22.07.2020
Гульзат Элебесова

Супер!!! Масса полезных информаций, самый лучший и опытный, грамотный преподаватель это - ИВАН ПЕТРИЧЕНКО!!!

22.07.2020
Максим Ошурков

Начальник с работы сказал, что хорошо бы если получится пока карантин сделать сайт, я и так давно хотел этим заняться, профессия с программированием вообще никак не связана, и нужен будет сертификат для отчёта, набрел в поисковике на этот сайт, очень всем доволен, за такую цену так хорошо структурировать информацию, спасибо.

21.07.2020
Николай Тюрников

отличный курс..пять звезд

19.07.2020
Андрей Мартынов

Курс замечательный. До этого изучал самостоятельно, но многие вопросы занимали порой недели поиска ответов. Здесь в двух словах услышал очень простые и верные решения, которые ранее так и не смог найти. Спасибо.

16.07.2020
Андрей Головизнин

Один из лучших курсов, которые вообще проходил. Иван - профи как в разработке, так и в обучении и подаче материала. 23 часа уроков пролетели незаметно! Однозначно рекомендую!

15.07.2020
Мария Морозова

Огромное спасибо Ивану за профессионализм и ответственный подход к созданию такого полезного ресурса! Теперь буду рекомендовать Вас всем, кто нуждается в хороших знаниях на первых порах. Приступаю к изучению остальных курсов))

11.07.2020
Дмитрий Шаповалов

Отличный курс!!! Узнал много нового и полезного. Теперь буду практиковаться дальше и буду брать свой первый заказ на фриланс бирже. Ивану Огромная Благодарность!!! Все понятно и грамотно обьясняет!!!

08.07.2020
Александр Павленко

Спасибо Ивану. Информации было много, но её подача была такой, что всё было понятно и сразу осваивалась. Подача информации очень лёгкая. Благодаря этому курсу, планирую дальше изучать Front-End.

07.07.2020
Николай Панов

Отличный курс! Иван Петриченко хороший преподаватель, очень многое разжевал и положил в рот! Спасибо за работу!

03.07.2020
Анна Абражеева

Это лучший курс, который я встречала в интернете. Очень крутой преподаватель! Методика преподавания просто идеальная. В уроках все очень понятно рассказано по этапам с самого начала. Большое спасибо за курс!

02.07.2020
Вася Пупкин

Отличный курс, но чувствую не раз буду возвращаться как к шпаргалке.

01.07.2020
Евгений Катухин

Отличный курс! Огромный респект автору! Узнал много нового, а главное все попробовал на практике!

Начать обучение

Преподаватель

Course Author
Иван Петриченко

О преподавателе курса

  • Практикующий frontend-разработчик и консультант
  • Более 3х лет профессионально занимается frontend-разработкой и создает сайты "под ключ". Обучает этому взрослых и детей, организовывает и проводит мероприятия. Проводит консалтинг и аудит сайтов.

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

Я фрилансер и очень люблю путешествовать и выступать на различных конференциях."