Web-разработчик

5.0
(7 Отзывы)

Продолж-ть 12 ч. 43 мин. 19 Сек.

Цена

15 € Купить сейчас
Web-разработчик

О курсе

 

Освойте все, что необходимо для создания web-продуктов 


Курс дополняется новыми модулями. Пока вы проходите первый из них, второй уже будет доступен
 

Любые интерфейсы, которые вы видите в интернете на любом устройстве, созданы при помощи HTML и CSS или продуктов на их основе

 

Кому подойдет этот курс?

 

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

 

Не уверены, что вам подойдет этот курс?

Напишите мне лично и я отвечу на все ваши вопросы 📩

Консультация

Для оплаты в криптовалюте или другим методом свяжитесь со мной

 

Что вы найдете внутри курса?

 

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

     

Мы последовательно начинаем с самых основ, переходим к рабочим моментам, а позже и к продвинутым
Никаких перескакиваний. Вся информация наслаивается и применяется последовательно

 

  • Мы изучим основы web-разработки: что такое web-продукт, зачем он нужен, циклы создания, как работает интернет изнутри, и многое другое
  • Научимся работать с графическими редакторами в контексте верстки: figma, Zeplin и тп
  • Научимся работать с графикой для web'a, в том числе с SVG

     

Мы будем подробно разбирать нюансы использования в реальной работе всех составляющих web-продуктов

 

  • Узнаем и поймем как использовать HTML5 и CSS3 в реальных проектах
  • Узнаем основы JS, научимся применять его в своих проектах
  • Научимся работать с Git и GitHub
  • Научимся работать с технологиями Flexbox и CSS Gridбудем их использовать сразу в практике
  • Научимся работать с новейшими фишками CSS, такими как CSS Nesting
  • Научимся использовать препроцессоры SASS/SCSS в своих проектах

     

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

 

  • Мы научимся создавать мобильную адаптацию сайтов и приложений
  • Научимся использовать методологии (BEM и тп)
  • Поймем, как создавать многостраничные сайты и принципы посадки под CMS (системы управления сайтами)
  • Научимся автоматизировать процессы при помощи планировщиков задач (Vite, Gulp)
  • Научимся оптимизировать скорость работы сайтов и проводить валидацию верстки по стандартам w3c
  • Научимся следовать последним стандартам доступности a11y
  • Научимся работать с множеством готовых плагинов, устанавливать гео-карты на сайте, работать со шрифтами и многое другое...
  • Создадим ваш личный сайт-портфолио
  • Никаких ограничений по времени. Занимаетесь в удобном для вас темпе, а доступ к материалам никуда не исчезает!

 

Ключевое в этом курсе

 

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

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

Отсюда и еще один плюс: у вас вся информация по одной теме будет в одном месте

 

Почему стоит начать свое обучение уже сейчас?

 

Если вы хотите работать с сфере web-разработки, то создание интерфейсов (верстка) - это абсолютно необходимый навык. Без этого не обходится ни один web-продукт

Мало того, что изучив всю данную вам информацию вы уже сможете создавать свои продукты и работать как на фрилансе, так и в компании, но и вы заложите базу для дальнейшего обучения. Владея этими навыками вы сможете освоить любую CMS (Wordpress, ModX и тп) изнутри, сможете понять и изучить как работает backend часть, и сможете создавать визуальную часть приложений, написанных на JavaScript фреймворках и библиотеках(ведь там везде используется верстка как и на обычных сайтах, в том числе и на мобильных приложениях)

Немного подробнее рассказал в видео-формате:

 

Курс так же доступен и в приложении на IOS / Android для комфортного прохождения где угодно

 

Буду рад помочь освоить вам новый навык и стать специалистом!

Остались вопросы? Напишите мне лично, буду рад ответить

Содержание курса

videoЗачем нам этот модуль4 мин. 12 Сек.Бесплатно
videoСовременная разработка сайтов, веб-приложений и других веб-продуктов. Перспективы4 мин. 40 Сек.Бесплатно
videoПро конструкторы, искусственный интеллект и перспективы5 мин. 13 Сек.Бесплатно
videoКлассификация и этапы создания сайтов/веб-приложений36 мин. 43 Сек. Начать
videoКак все это работает изнутри: протоколы, клиент-серверная архитектура и http16 мин. 44 Сек.Бесплатно
videoКак все это работает изнутри: html, css, js и тд.6 мин. 31 Сек.Бесплатно
videoРабота с графикой: виды, дизайн-макеты и тп20 мин.Бесплатно
videoСервисы для работы с графикой30 мин. 38 Сек. Начать
video(Дополнительно) Преобразование иконок в svg формат и “сетки” в макетах9 мин. 41 Сек. Начать
videoУстановка и настройка редактора кода18 мин. 30 Сек. Начать
videoСоздаем свой первый проект. Основы HTML38 мин. Начать
videoОсновные теги HTML на практике59 мин. 25 Сек. Начать
videoТест на закрепление основных тэгов Начать
videoСемантика и семантические теги HTML519 мин. 54 Сек. Начать
videoТест на закрепление семантических тэгов Начать
videoОсновы CSS на практике42 мин. 50 Сек. Начать
videoТест на закрепление знаний о CSS Начать
videoБлочная модель CSS27 мин. 57 Сек. Начать
videoDeveloper Tool. Что это и как с ним работать?18 мин. 57 Сек. Начать
videoБлочная модель CSS. Часть 235 мин. 3 Сек. Начать
videoТест на закрепление знаний о блочной модели Начать
videoПозиционирование элементов в CSS. Принцип карточной колоды26 мин. 10 Сек. Начать
videoВыравнивание элементов по вертикали. История: верстка таблицами и float'ами16 мин. 15 Сек. Начать
videoЕдиницы измерения CSS31 мин. 8 Сек. Начать
videoСпецифичность CSS селекторов15 мин. 27 Сек. Начать
videoПромежуточный тест на закрепление знаний Начать
videoАвтоматическое форматирование кода10 мин. 14 Сек. Начать
videoПрактика часть 1. Создаем сайт на чистом HTML и CSS46 мин. 45 Сек. Начать
videoПрактика часть 2. Создаем сайт на чистом HTML и CSS42 мин. 24 Сек. Начать
videoТехнология Flexbox19 мин. 19 Сек. Начать
videoПрименение Flexbox в проекте17 мин. 16 Сек. Начать
videoПрактика. Заканчиваем сайт на чистом HTML и CSS + домашнее задание52 мин. 46 Сек. Начать
videoСвойство object-fit и работа с изображениями20 мин. 48 Сек. Начать
videoНормализация стилей normalize.css и аналоги16 мин. 37 Сек. Начать
videoПодключение файлов через cdn-сервера. Различия и преимущества10 мин. 34 Сек. Начать
videoРабота со шрифтами в web'e42 мин. 38 Сек. Начать
videoЗаключительный тест модуля Начать
Ivan Petrychenko

Ivan Petrychenko

Fullstack developer

Инструктор курса

Fullstack developer & content creator