Курс ВЕБ-разработчик 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
Завершение курса - Получение Сертификата



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

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

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
Владимир Бугаев

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

26.02.2020
Сергей Марадудин

Прекрасный курс для начинающих ВЕБ-разработчиков! Всё подробно и понятно было!

16.02.2020
Данил Гапонов

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

16.02.2020
Ирина Налетова

Еще один отличный курс ! Все очень понятно Для себя узнала много нового ! Буду дальше изучать обязательно....

13.02.2020
Oleksandr Blinkin

Все понравилось, очень доволен. Если появляются сомнения в домашнем задании, можно всегда сверится с исходным кодом. Уровень преподавания высокий, все разложено по полочкам.

11.02.2020
PrivateUser

Отличный курс. Здесь я восполнил все пробелы которые у меня были.

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

Супер

03.02.2020
Илья Росчихмаров

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

31.01.2020
Анна Фомичева

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

22.01.2020
student_6SwfwZc3

Иван, большое спасибо! Курс был очень полезен и интересен.

13.01.2020
student_m2oJJW6G

Класс, хороший курс! Преподавателю зачёт)))

10.01.2020
Сергей Кривомазов

хорош курс!

10.01.2020
Вова Смирнов

Все очень доходчиво) Спасибо вам)

09.01.2020
Григорий Мордвинцев

Супер курс! Прошел на одном дыхании. Автор все грамотно рассказывает и показывает. Столь много фишек я не знал. Думал что все знаю, а нет. Особенно понравилась оптимизация процесса верстки. Про git и gulp слышал, но никогда не пользовался. Сейчас считаю что зря. А так же с этим курсом приоткрылся для меня javascript. Теперь на очереди он. И очень обрадовался что дается по окончанию курса сертификат ;)

09.01.2020
Кенесары Закир

Крутой курс! Советую

08.01.2020
Яков Гершман

Очень доволен, обучение проходило легко, наставник проводил курс понятно и спокойно

05.01.2020
Stanislav

Все очень подробно и наглядно описано и рассказано

30.12.2019
student_H8zFvDLg

Очень хороший курс, рекомендую всем начинающим веб-разработчикам

25.12.2019
Frank Phoenix

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

15.12.2019
Alex B

that was awesome!

13.12.2019
Ольга Тюнева

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

29.11.2019
Алексей Береснев

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

28.11.2019
Алина Пономаренко

Очень интересный познавательный, а главное ПОНЯТНЫЙ курс. Я новичок в этом деле, и даже мне стало все понятно.

23.11.2019
Евгений Катасонов

Спасибо за курс, он принес много знаний и результатов! Жду еще больше курсов от тебя, Иван ))

22.11.2019
student_ Zel

Отлично все рассказано

19.11.2019
Лариса Лысоченко

Лучший курс из тех что я видела, спасибо преподавателю, такой объем информации, но все доступно объясняется. Теперь - практика и еще раз практика. 10 баллов!

16.11.2019
Алексей

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

12.11.2019
Владимир Власенко

Обучение проходил в течение 2.5 месяцев, что-то шло легко, что-то нет. Все препятствия были пройдены, на pagespeed от гугла получил по 100 баллов за мобильную и десктопную версии=) Из пожеланий - осветить подробно галп-сборку, упомянутую в одном из последних уроков, где используется методология БЭМ, .htaccess и спрайты. В целом, курсом доволен как слон. Курс рекомендую к прохождению. Огромное спасибо автору всех этих курсов! Пили еще!=)

10.11.2019
student_2jNLKGiT

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

02.11.2019
Андрей Вавилов

На фоне всех остальных интернет ресурсов, могу сказать, что тут все куда круче, хотя бы потому, что локанично и доступно

25.10.2019
Антон Шувырлин

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

15.10.2019
Віктор Мєльник

Практика и еще раз практика

22.08.2019
Татьяна Лебедюк

Курс помог систематизировать все знания в области web разработки. Особенно интересно было узнать как работать с gulp, sass и scss. Как результат - 2 рабочих лендинга и желание продолжать работать в этой области. Спасибо за курс!

07.08.2019
Виталий Убийко

Отличный курс! Все понятно, советы ценные!

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

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

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

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

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

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

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

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


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