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

5

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

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

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

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

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

Вы научитесь выполнять самостоятельные проекты на freelance или получите профессию веб-разработчика для работы в веб-студии и заложите базу для дальнейшего обучения. После прохождения курса “Веб-разработчик 2019” вы сможете освоить любую 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
4.9
  • 31 видео
  • 65 заданий
  • 5 часов
online_course
new
4.9
  • 8 видео
  • 3 часа
online_course
new
5
  • 59 видео
  • 21 час
online_course
5
  • 25 видео
  • 50 заданий
  • 4 часа
online_course
new
4.9
  • 38 видео
  • 15 часов

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

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

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
Евгений Катухин

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

12.06.2020
Алексей Фещук

Весьма очень Благодарен вам Иван Петриченко)) !! Вы создали очень познавательный и продуктивный курс. РЕСПЕКТ ))) !!!

10.06.2020
Андрей

Отличный курс, много информации, все подробно разжевано. Минус - лектор говорит очень быстро, иногда приходилось ставить на медленную скорость видео. Спасибо!

09.06.2020
Валерий Бикбулатов

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

05.06.2020
Дмитрий DimanDOS

Выражаю огромную благодарность Ивану Петреченко за такой курс! Обучение прошло на ура! Мне удалось создать свой собственный сайт, и это невероятно круто! Курсы beONmax намного превосходят курсы на других платформах, т. к.: а) нет воды и лишней информации, всё по теме б) динамичный формат в) только актуальная информация г) лёгкость восприятия Курс произвёл на меня огромное впечатление. Уверенно считаю курсы beONmax лучшими из всех, с которым я сталкивался и советую знакомым! Спасибо!

05.06.2020
Татьяна Васильева

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

31.05.2020
Кайнар Толеубаев

Курс отличный! Прошел на одном дыхании!!!

27.05.2020
Иван Глебов

Спасибо! Курс - огонь! структурировано, актуально. очень подробно!

21.05.2020
Санжар Туктибаев

Приветствую Иван! Курс просто офигенный! Узнал много нового и полезного. Нашел ответы на большинство своих вопросов. Спасибо большое! Буду ждать дополнительных курсов для усовершенствования знания!

19.05.2020
Валентина Милосердов...

Курс отличный. Спасибо большое автору за его труд.

19.05.2020
Евгений

Курс хороший! Мне очень понравился. Буду учить js)

18.05.2020
Павел Рычков

Доброго времени суток. Начал обучаться в декабре 2019 года и в мае 2020 года закончил. Можно было и быстрее закончить, но сделал всё как сказал автор (вёл конспект, делал все задания, читал книги, которые были рекомендованы в курсе, и документацию). Чувствую, что небольшие, но уже цельные продукты сделать могу. После курса необходимо ещё пройти обучение по JS который есть на сайте, чем и займусь. Почти на все вопросы, которые я задавал, получил ответ. Спасибо за курс все доступно и понятно!!!

17.05.2020
Алексей Мельников

Спасибо! Отличный курс, преподаватель хорошо объясняет!

16.05.2020
student_051fmw0-

Иван жжот!!! Умничка, БОЛЬШОЕ спасибо!

15.05.2020
student_4JL1GDsO

Прекрасный курс. Рекомендую(

13.05.2020
Чынгыз Акматов

Бомбезный курс! Очень понравился. Большое спасибо автору за такой крупный проект. В этом курсе есть почти все что нужно начинающему разработчику. Ставлю не пять а все 10 баллов.

09.05.2020
Михаил Яковенко

Супер!!! Спасибо!!!

07.05.2020
Константин Мирошин

Конструктивно..., очень объемно..., очень интересно...)))

05.05.2020
Вячеслав Тишкевич

прекрасный курс, всем советую!!!

01.05.2020
Алксей Пипчак

Иван все круто. Объясняешь понятно. И даже мотивируешь. Спасибо большое. Дальше перейду на изучения java script, и еще word press. Полазил на фриланс биржах и там это знание тоже очень актуально. Еще раз спасибо.

01.05.2020
Ледяева Марина Влади...

Большое спасибо за такой подробный, большой, "разжеванный" курс. Хорошая подача материала. Курс очень понравился! Спасибо!!!

25.04.2020
Дмитрий

Спасибо Ивану! Курс очень интересный и открывает много возможностей. Многое пытался делать сам и радовался как ребёнок, когда получалось именно самому решить ту или иную задачу. Хочу двигаться дальше и начать изучать JavaScript!

23.04.2020
Сергей Перминов

Курс просто огонь! Автор дает информацию последовательно и главное увлекательно. Не нудное перечисление тегов и команд а разработка на примере макетов. Это позволяет гораздо лучше воспринимать и не потерять запал. Крайне рекомендую!

22.04.2020
Александр Суханов

Очень интересный и информативный курс! Спасибо за ваши труды!))

20.04.2020
Денис

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

20.04.2020
Иван Киреев

Спасибо Ивану! Все круто

19.04.2020
Светлана Ворошилова

Все доходчиво и понятно.

18.04.2020
Sherzod Karimov

All super. Great thanks for Ivan.

15.04.2020
Юрий Рухлин

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

15.04.2020
Данил Флигинский

Это лучший курс по веб-разработке, который я видел. Многие курсы стоят по 15 тысяч, но ничему не учат. Здесь, всего за 90 руб. в месяц я научился всему, что поможет мне начать зарабатывать в этой сфере. Воды вообще нет, все только по существу. Советую пройти этот курс всем...

15.04.2020
Manalachi Serghei

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

14.04.2020
Сергей Полупан

Курс бомба! Продолжаю с его же курсом по js.

13.04.2020
Алексей Пономарев

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

12.04.2020
Ирина Хромова

Very intensive course:)

09.04.2020
Константин Лазарев

Информативный, и полезный курс.

09.04.2020
Andrei Balashov

Курс пройден на одном дыхании! Частью информации я владел, но многое узнал впервые. Очень качественная подача информации и идеальный для меня темп ее изложения + минимум воды. Курс понравился. Буду рекомендовать

07.04.2020
Антон Дуплищев

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

02.04.2020
Руслан Грицай

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

29.03.2020
Oleh Zankiv

Спасибо, посмотрел 5 ваших курсов, ну что иду делать портфолио и го на фриланс. Спасибо автору/ам за всё, удачи вам и много заказов)

29.03.2020
Эльдар Магомедов

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

28.03.2020
Андрей Балакирев

молодцы, всё по делу и понятно

27.03.2020
ESKELDY SHAIKATOV

Неплохо. Твердая пятерка.

27.03.2020
Берик Тайбагар

Супер Иван вам большое спасибо, благодаря тебе я стал Веб-разработчиком. Большое тебе спасибо, Я очень рад был Вашим учеником.

26.03.2020
Evgeniy Babanin

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

23.03.2020
Жан Дауренулы

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

08.03.2020
Владимир Бугаев

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

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

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

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

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

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

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

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

Видеоуроки: 68


Продолжительность: ~23 часа