[campfire-school] Web-разработчик 2025 (Ivan Petrychenko)

Освойте все, что необходимо для создания web-продуктов
Любые интерфейсы, которые вы видите в интернете на любом устройстве, созданы при помощи HTML и CSS или продуктов на их основе
Курс полностью перезаписан и новая версия выложена 06.2025
Кому подойдет этот курс?

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

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

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

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

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

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

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

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

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

Ключевое в этом курсе
Данный курс - это не просто собрание материалов, которые доступны по всему интернету. Это передача практического опыта: как сделать лучше, удобнее, какие инструменты или подходы применить в разных ситуациях и все в этом роде. Поэтому каждый урок - это не только сухая информация, но и живые примеры ситуаций, как делать стоит и как нет
Последняя редакция курса - это объединение моего опыта, всех вопросов и практических задач от всех студентов, которые проходили этот курс. Ведь первая редакция была аж 2018м году
Отсюда и еще один плюс: у вас вся информация по одной теме будет в одном месте
Почему стоит начать свое обучение уже сейчас?
Если вы хотите работать с сфере web-разработки, то создание интерфейсов (верстка) - это абсолютно необходимый навык. Без этого не обходится ни один web-продукт
Мало того, что изучив всю данную вам информацию вы уже сможете создавать свои продукты и работать как на фрилансе, так и в компании, но и вы заложите базу для дальнейшего обучения. Владея этими навыками вы сможете освоить любую CMS (Wordpress, ModX и тп) изнутри, сможете понять и изучить как работает backend часть, и сможете создавать визуальную часть приложений, написанных на JavaScript фреймворках и библиотеках(ведь там везде используется верстка как и на обычных сайтах, в том числе и на мобильных приложениях)