Верстальщик обучение html: с нуля до сеньора / Хабр

с нуля до сеньора / Хабр

Здравствуйте, меня зовут Александр Зеленин, и я веб-разработчик.

Многократно я слышал мнение, что верстка — удел начинающих frontend’еров. Хотя фактически это важнейшая часть любого (почти) веб-проекта. Это то, что пользователи видят в первую очередь. На текущий момент качественная вёрстка (особенно проектирование блоков) в крупном проекте требует большого количества различных навыков.

В данной статье представляю схему развития верстальщика

[большая по клику]

Само собой, это не всеобъемлющая и единственно верная схема. Есть ещё целая гора связанных навыков, релевантных технологий и так далее. Градация является субъективной.

Хочу сразу добавить, что конкретных ссылок на учебные материалы в статье не будет. Буду рад дополнениям в комментариях.

Чего мы ожидаем?

В первую очередь необходимо понять, чего мы ожидаем от человека на каждом из уровней. Ваши ожидания могут отличаться.
Junior — знает основные теги, может подправить контент на готовом html сайте, умеет грамотно форматировать текст, без проблем вставит встраиваемый элемент (ролик с ютуба, яндекс карту), ведёт работу через систему контроля версий только для себя (master, 1 контрибьютор). Может сверстать что-то несложное с нуля, и оно даже не поедет (лично у него). В целом не является самостоятельной единицей и требует руководства свыше.
Middle — более-менее автономная единица (либо полностью автономная для малых и средних проектов). Может хорошо сверстать сайт средних размеров, и он будет корректно отображаться во всех актуальных версиях браузеров. Понимает, как работают шаблонизаторы, и может их использовать (при условии предоставления остального кода). Умеет планировать и документировать свою работу и оценивать сроки. Понимает важность поддержания стиля кода. Понимает, зачем есть грид-системы и css фреймворки. Умеет брать всю необходимую информацию из макетов от дизайнера. Может взаимодействовать с небольшой командой, создавать ветки и пулл-реквесты.
Senior — может спроектировать систему блоков для крупного проекта. Знает, как избежать повторов и проблемных мест при использовании его кода другими разработчиками. Умеет декомпозировать сложные задачи и грамотно формулировать задачи. Умеет применять минимум одну методологию разработки (например, БЭМ). Может сделать так, чтобы проект открывался максимально быстро. Хорошо понимает несколько популярных шаблонизаторов. Способен написать сборщики и автоматизировать процесс, с этим связанный. Может проводить код ревью и курировать других верстальщиков.

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

Junior

HTML — знание основных тегов, аттрибутов. Понимание, как его писать в принципе.
Типографика — умение отформатировать текст. Текст — основа практически любого проекта. Вставка неразрывных пробелов где надо, выделение жирным, курсивом, abbr и так далее. Можно использовать типограф или схожий сервис, но уметь понимать результат.
Семантика — понимание, что для определённых задач есть определённые теги. Уметь выбрать нужный тег.
Медиа — какие виды медиа можно встраивать в страницу.
Iframe — встраивание сторонних виджетов (видео, аудио, карты и т.п.).
Аудио, Видео — можно отложить изучение, т.к. частично решаются с помощью iframe. Понимать, какие форматы умеет воспроизводить браузер, как оформить плеер и так далее.
Картинки — какие графические форматы и в каком виде воспринимает браузер. Плюсы и минусы использование тех или иных форматов.
Растр — jpg, png, gif. Понимать различие форматов и уметь применять что и где надо.
SVG — можно отложить изучение, т.к. применяется реже, чем хотелось бы. Понимать плюсы, минусы, ограничения и т.п.
Шрифты — можно отложить изучение. На самом деле довольно сложная тема, и в общем случае я бы советовал начинающим использовать системные шрифты. Уметь подгрузить шрифты, оптимизировать отображение, минимизировать лаг отрисовки с кастомными шрифтами.
Табличная вёрстка — опционально. Для желающих верстать качественные email-рассылки в будущем.
CSS 1 — шрифты, цвета, выравнивание, размеры.
CSS 2.1 — управление поведением блоков, позиционирование, полноценное оформление.
Селекторы — простые селекторы на тег, класс, вложенный элемент. Простые псевдоселекторы типа :hover.
Именование — как называть классы, чтобы не было мучительно больно.
Блочная вёрстка — разбить картинку на осознанные блоки, воплотить блоки в HTML, оформить с CSS.
Браузеры — можно отложить изучение. Какие браузеры существуют, в чём их различие.
Инструменты разработчика — можно отложить изучение. Использовать инструменты браузеров, чтобы разбираться в проблемах отображения.
Текстовые редакторы — какие текстовые редакторы для разработчиков есть и зачем. SublimeText и Notepad++ приведены для примера, как хорошо мне знакомые. Уметь настраивать в них базовые вещи, такие как отступы, перенос строки и так далее.
Системы контроля версий — я лично считаю умение их использовать хотя бы индивидуально, лично для себя, очень важным. Понимать, для чего эти системы созданы и какие бывают.
Git — понимать в общих чертах задачу и принципы самой популярной системы контроля версий.
Github / bitbucket — уметь использовать одну из популярных площадок для git.
Checkout / commit / push / pull — базовые операции для личного использования.
Stash — для временного сохранения ненужных в данный момент данных.
10 работ — сделать минимум 10 работ в различном дизайне. Можно тестовых, это не важно. Важно, чтобы полноценных в рамках текущих знаний.

Middle

CSS 3 — градации, тени, сглаживание, фильтры, трансформации.
Продвинутые селекторы — элементы, следующие за опделённым (+), определённый по счёту (nth-child), shadow-dom, before/after и так далее.
Анимации — опционально. transition и animation. Плавные переходы, анимации. Понимать ограничения и минусы.
Сетки — зачем существуют, как выстраивать, какие есть готовые решения. Для примера можно посмотреть Flexbox grid или любой другой, который найдёте.
Фреймворки (CSS) — зачем нужны, как применять. Желательно научиться хорошо использовать минимум один. Очень пригождается для прототипирования. Значительно повышает качество проекта при отсутствии бюджета на дизайн (не уникально, но юзабельно).
CSS препроцессоры — можно отложить изучение. Оптимизация работы, более красивый и читабельный код. Переменные, миксины и т.п. Поработать с одним или несколькими популярными препроцессорами типа SASS, LESS, Stylus.
Media queries — можно отложить изучение. Отображение нужных стилей в зависимости от условий (устройство, размер экрана, плотность пикселей, версия для печати и т.п.).
Стиль кода — понять, для чего есть соглашения по стилям, изучить и начать применять любой (рекомендую от AirBNB).
DRY / KISS / SOLID — можно отложить изучение. Понять важные принципы разработки, ощутимо упрощающие дальнейшее сопровождение проекта.
OOCSS — опционально. Понять, что есть объектно-ориентированный css и для чего он. В том или ином виде используется во многих проектах (хоть и без понимания, что это он). В идеале, научиться проектировать. Может отлично зайти для крупных проектов.
Документация — понять, что и как документировать. Документировать. Можно отложить, но в будущем обязательно изучить разметку markdown.
Планирование — научиться оценивать сроки по картинке и определять последовательность работ.
Декомпозиция — можно отложить изучение. Научиться разбивать задачу на подзадачи. Это сложнее, чем кажется 🙂
Постановка задач — можно отложить изучение. Научиться чётко описывать задачи текстом так, чтобы другие разработчики, в том числе с меньшей квалификацией, достаточно однозначно понимали, что необходимо сделать для их выполнения.
Flexbox — понимание модели, умение применять полноценно.
Вёрстка писем — опционально. В целом навык не лишний. Понимать особенности почтовых систем, сохранить хороший внешний вид и не упасть в спам (если это не спам).
Полифилы — разобраться, как использовать самые актуальные возможности разработки, сохраняя обратную совместимость. Понять минусы и плюсы от такого подхода.
Кроссплатформенная вёрстка — понимать, что нужно делать, чтобы проект хорошо выглядел не только под Windows, Linux и Mac, но и под SmartTV или PS.
Кроссбраузерная вёрстка — понимать разницу рендера браузеров и заставлять их показывать одинаково. Сайт CanIUse очень помогает в этом.
Мобильная вёрстка — можно отложить изучение. Понимать, какие ограничения несут в себе мобильные платформы. Использовать лимитированное пространство грамотно.
Оптимизация — можно отложить изучение. Разобраться в «цене» тех или иных приёмов. Понять, из каких фаз состоит отображение сайта пользователю.
Загрузка — можно отложить изучение. Оптимизации, связанные с размером, кешем, сжатием, объединением ресурсов и т.п.
Отрисовка — можно отложить изучение. Оптимизации, связанные со скоростью рендера после загрузки.
SEO — можно отложить изучение. Хотя бы базовое понимание работы поисковых систем. Умение «помочь» поисковой системе разобраться, куда смотреть и что важно.
Шаблонизаторы — разобраться, каким образом можно переиспользовать код, группировать элементы и компоновать страницы. Очень желательно изучить как серверный рендеринг, так и клиентский. Сюда же входят шаблоны на «чистом» языке (типа простых PHP вставок). Работа «до» (dataflow) шаблонизатора нас не интересует.
PHP — можно отложить изучение. Разобраться в базовом синтаксисе и уметь внести мелкие правки, связанные с оформлением страницы.
CMS — можно отложить изучение. Узнать, какие CMS существуют и для чего они были созданы. Научиться писать шаблоны хотя бы для одной (рекомендую WordPress).
Javascript — можно отложить изучение. Изучить базовый синтаксис, понять, как вешать простейшие обработчики и проводить простую работу с DOM.
jQuery — можно отложить изучение. Научиться экономить кучу времени для решения довольно типовых задач с использованием плагинов для самой популярной js библиотеки (после vanilla.js, конечно).
NodeJS — можно отложить изучение. Разобраться, как запустить простейший сервер, раздавать статику и рендерить на стороне сервера. Можно использовать Express или любой другой фреймворк.
Сборка — опционально. Научиться собирать проект из кучи CSS / HTML файлов в то, что нужно. Рекомендую ознакомиться хотя бы с grunt и gulp, как представителями «разных» лагерей.
IDE — опционально. Изучить, зачем нужны IDE и как их использовать. Перейти на использование какого-либо IDE для экономии времени. Важно: изучение IDE сравнимо с полноценным изучением языка программирования, и вкладывание большого количества времени в это может не оправдаться. Лично я пользуюсь текстовыми редакторами (и только для ооочень крупных проектов включаю IDE).
Branching — научиться управлять ветками в git.
Merge — научиться сливать ветки с разрешением конфликтов.
Fetch / Rebase — разобраться, зачем они, когда их применять, и начать применять по необходимости.
Графические редакторы — разобраться, какие бывают, для чего. Чем векторные отличаются от растровых. Важно понимать редактор хотя бы на уровне «чтения» макета от дизайнера. Выбрать правильный шрифт, размер, цвет и т.п. Чтобы не на глаз, а точно. Рекомендую поработать минимум с 1 растровым (Photoshop) и 1 векторным (Figma).
50 работ — к концу этапа у вас порядка 50 различных работ, демонстрирующих навыки из изученных областей.

Senior

Хоть на схеме и кажется маленькой эта группа, но фактически она самая большая. Т.к. к этому моменту необходимо изучить всё то, что откладывалось.
Адаптивная / Отзывчивая вёрстка — разобраться в высшей ступени и скомбинировать все полученные до этого знания. Проект должен выглядеть хорошо везде и на всём (в рамках разумного).
Постепенная деградация / Прогрессивное улучшение — понять, что это и зачем. Использовать.
Gitflow — уметь объяснить другим разработчикам, как создавать ветки, куда их вливать, как, уметь провести код ревью (вёрстки, само собой, не кода).
БЭМ — опционально. Разобраться в методологии, позволяющей создавать безлимитно крупные проекты так, чтобы при минимальной синхронизации различные команды могли использовать блоки друг друга. Есть и другие методологии, дающие не худший результат. К этому моменту о них вы так или иначе будете знать и сможете, при желании, изучить.
100 работ — иметь суммарно сотню работ, демонстрирующих различные полученные навыки. На самом деле, это всё условно. Можно иметь одну работу (состоящую из различных частей) в портфолио, которая уже покажет, что вам ничего не страшно.

Заключение

Фактически многие из этих тем небольшие. Однако держать кучу различных факторов в голове очень сложно. За 15 лет я общался менее чем с десятью верстальщиками (да и вообще программистами), которых отнёс бы к категории Senior (верстальщиков, программистов хороших было сильно больше).

Навскидку – на полноценное изучение и практику только вёрстки с нуля вполне можно затратить год (и более, если уходить в проектирование компонентов).

Надеюсь, тем, кто находится в начале пути, схема подскажет, куда можно ещё двигаться, и что не обязательно сразу (а можно и вообще не двигать в него) бежать в программирование.

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

Курс, вероятно, будет в формате видеоуроков с полным текстовым и графическим дублированием. Если дело пойдёт, приложу в будущем ссылки в комментарии.

upd

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

➊Курсы HTML верстки Москва, курсы верстальщиков CSS в Москве

HTML & CSS — уникальный инструмент создания сайтов. Курс «Вёрстка сайтов HTML & CSS» поможет Вам приобрести новую высокооплачиваемую профессию Верстальщика и откроет перед Вами двери агентств по созданию сайтов. Разработка сайта начинается с создания макета сайта в графическом редакторе, после чего именно Верстальщик создавая код, переводит будущий сайт из «картинки» в «веб-страницу».

Кому нужен курс?

Курс «Вёрстка сайтов HTML & CSS» рассчитан на тех, кто хочет открыть для себя новые горизонты в сфере IT и получить все необходимые навыки и умения для работы верстальщиком всего за 3 месяца!

Курс «Вёрстка сайтов HTML & CSS» состоит из трех, разных по сложности, обучающих модулей: «Вёрстка 1 – HTML+CSS», «Вёрстка 2- HTML5+CSS3» и «Вёрстка 3 — Bootstrap». Успешное прохождение курса «Вёрстка сайтов» позволит Вам работать на должности верстальщика уже сразу после выпускного из школы программирования EasyUM.

Курс html css «Вёрстка сайтов» состоит из трёх различных модулей изучения html. Мы можем дать Вам гарантию того, что на уроках вёрстки Вы получите все необходимые практические и теоретические знания, и ваше обучение html верстальщик подарит Вам новую профессию всего за 3 месяца!

Приходите в EasyUM и убедитесь, что учить html гораздо проще, чем вам кажется, даже если Вы приступаете к обучению html «c нуля».

Обучение на html верстальщика самый простой вход в мир IT технологий. Профессия верстальщика требует усидчивости и внимательности к деталям, однако она не требует особых навыков и умений определенного языка программирования, поэтому получить профессию HTML Developera можно всего через 3 месяца!

Наши курсы html css – это не обыкновенные уроки вёрстки, на которых Вы будете учить на память теги и атрибуты, а практическое задание, на котором, Вы будете писать код и создавать веб-страницы прямо в аудиториях!

Пусть Вас не пугает количество практических заданий. Мы уверенны в том, что учить html нужно на практике! Для того что бы научится плавать Вам нужен бассейн, а не книга о плаванье. Даже если Ваш уровень знаний находится где-то рядом с «html c нуля» то наши практические уроки вёрстки только ускорят ваше изучение и тогда вы сможете с гордостью сказать, что ваше обучение не прошло зря и Вы уже готовы к выполнению задач на должности HTML Developer.

Приходите на наши курсы html css и убедитесь, что умным быть легко вместе с EasyUM.

Если Вы уже практикующий специалист вёрстки сайтов и хотите повысить свой скилл использования HTML+CSS то наши уроки вёрстки будут интересны и Вам. Ведь наш третий учебный модуль изучения html рассчитан на обучение практикующих html верстальщиков и направлен на изучение современных технологий, которые помогут Вам оптимизировать свою работу и сократить время выполнения коммерческих заказов на 30%.

Стань асом в коде HTML и стилях CSS всего за 3 месяца! Закажи себе курсы вёрстки html css в EasyUM. Начни учить html с нами!

ᐅ Курсы HTML • CSS • JavaScript 🎓󾔚 Курс по созданию сайтов (верстке) в Минске

IT-­сфера стала интересна мне еще в школьные годы (ПК Байт, Квант, ЕС­1021, потом 286, 386, пентиум). К 9 классу уже было сформировано четкое представление о том, что мое будущее в IT. С JavaScript познакомился в 2001-­м году, тогда же сделал первую web­страничку.

Учился в основном самостоятельно: сначала покупал книги, с появлением Интернета доступа к информации стало больше, изучал курсы ИНТУИТа, w3cscool и т. д.

Первая коммерческая разработка была выполнена в 2003-­м году. Это был корпоративный сайт с каталогом продукции, выполненный на PHP3 и JavaScript. Потом занимался разработкой сайтов разного плана, в основном интернет­-магазинов:

• 
  megatel.by (один из первых интернет-­магазинов по продаже телефонов), planetazoo.by (в настоящий момент интернет-­торговлю прекратил),

• 
  fishmarket.by (к сожалению, проработал чуть больше 2 лет),

• 
  alloshop.by (последние четыре года другой подрядчик поддерживает на другом движке),

• 
  alfavet.by (последние четыре года другой подрядчик поддерживает на другом движке),

• 
  клановые сайты в различных ММОРПГ (combats.com, dwar.ru, pwonline) и другие.

Последние 5 лет ­ разработка торговой площадки ГК Армтек (etp. armtek.by), некоторые внутренние проекты, а также работаю на фрилансе.

Поддерживаю слова одного мыслителя: “Ты не можешь считать себя профессионалом, если не можешь никого ничему научить”.

В своей профессиональной деятельности занимаюсь Full­stack разработкой, в последнее время упор на Front­end. На занятиях научу студентов избегать тех ошибок, с которыми сталкивался сам, как при разработке, так и при изучении технологий.

Считаю, что всю суть IT можно уместить в одну цитату из детской книги «Алиса в стране чудес»: “Нужно бежать со всех ног, чтобы только оставаться на месте, а чтобы куда-­то попасть, надо бежать как минимум вдвое быстрее!”

Чтобы стать крутым специалистом, нужно уметь все делать быстро: учиться, работать, ориентироваться.

Для меня, как преподавателя, главное ­ чтобы ученики превзошли учителя.

Курсы Верстки сайтов (HTML и CSS)💥Обучение с нуля

Курсы HTML+CSS в Москве. Вёрстка сайтов

Верстка сайта – востребованная профессия на рынке России. Только на биржах фриланса опубликовано больше 5 тысяч предложений. Если хотите стать крутым “переводчиком” между дизайнером и программистом за 2, 5 месяца, изучайте верстку сайта с нуля в нашей школе.

Наш курс “Верстка сайта” подходит для новичков в IT-сфере.

Если вы начинающий Front-end разработчик или веб-дизайнер, тоже смело записывайтесь. Углубите знания и узнаете инструментарий, которым пользуются практикующие профессионалы. 

Обучение верстке начнем с двух важнейших языков – языка разметки HTML и языка стиля CSS. Первый применяют для размещения элементов. Он является эдаким “скелетом” веб-страницы. Второй используют, чтобы добавить отступы, интервалы, цвета, картинки и другие украшения. CSS помогает сделать страницу визуально приятной.

Кроме HTML+CSS, вы изучите:

• Adobe Photoshop с его базовым инструментами;

• фреймворки jQuery и Bootstrap;

• распределенную систему контроля версий Git;

• инструмент автоматизации рутинных задач Gulp и другое.      

После изучения верстки сайта вы сможете:

• работать с элементами дизайна в Photoshop;

• заниматься мобильной, кроссбраузерной и адаптивной версткой страниц;

• тестировать страницы в разных браузерах и на разных устройствах;

• качественно и быстро вносить правки, если необходимо. 

Уроки длятся 2 часа. Проходят дважды в неделю. Домашние задания тоже есть, но в основном практического характера. Теорию визуализируем примерами, чтобы вы лучше усваивали материал. Уроки проходят в позитивной, вдохновляющей атмосфере. 

В нашей школе вы станете профессиональным верстальщиком за 2, 5 месяца с нуля. 

Школа AVENUE – ваше надежное образование 

Доверие стоится на фактах, а не на пустых словах. Мы собрали 5 причин, почему вы можете учить верстку сайта у нас и не переживать за результат:

1. Упор на практику

Вы будете выполнять реальные задачи верстальщика. Интересные и актуальные. Это поможет прочувствовать профессию и эффективно работать в будущем.

2. Преподаватели с опытом работы

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

3. Готовый проект в портфолио

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

 4. Доступ к видеозаписям курса

Если что-то упустили или забыли, у вас всегда (даже спустя пару лет после окончания) будут видеозаписи занятий. Открывайте, смотрите и освежайте память.

5. Стажировка и трудоустройство

Лучшим студентам предоставляем шанс пойти стажироваться в топовые компании Москвы. Остальным помогаем найти первых заказчиков. Также учим раскручивать себя на биржах фриланса. 

Будьте лучше каждый день и не бойтесь начинать новое! Даже топовы специалисты по верстке сайта были когда-то новичками. 

Записывайтесь на курс по телефону или на сайте.

Верстка, HTML и CSS.

Верстка, HTML и CSS.

• Быстрый старт в HTML для начинающих.

• Фундамент CSS. Основы и выборка элементов (селекторы).

• Фундамент CSS. Значения.

• Блочная и строчная модель CSS.

• Основы позиционирования элементов. CSS.

• CSS. Работа с основными свойствами.

• Позиционирование на Flexbox в CSS.

• Ускоренная верстка веб-страниц с помощью фреймворка Bulma.

• Верстка адаптивной шапки (header) сайта с нуля.

• Работа с медиа-запросами в CSS.

• Разное. Верстка, HTML и CSS.

Javascript

• Вводный курс Javascript.

• Javascript. Работаем с HTML и CSS (DOM).

• Javascript. Работа с событиями.

• Библиотека. React dnd. Drag and drop.

• Философия React для начинающих.

• Базовый курс Vue.js

• Разработка расширений для Google Chrome

• Как создать заготовку для расширения Google (файл манифеста)

Веб-сервер. Базы данных. Backend.

• Язык программирования PHP. Основы.

• Объектно-ориентированное программирование на PHP.

• Базы данных

• Основы языка SQL.

• База данных IndexedDB

• Firebase.Realtime database. Работа на PHP.

• Веб-сервер Apache.

• Composer.

• API. Основы работы.

• Разное

Symfony

• Быстрый старт в Symfony.

Курсы HTML, CSS в Санкт-Петербурге, верстка сайтов с нуля

Введение. Основы HTML5

Самое начало. Как работает интернет и кто делает сайты. Разметка сайтов и из чего она состоит.

Доступность, семантика и инструменты веб-разработчика

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

Каскадные таблицы стилей

Синтаксис и селекторы CSS3. Правила написания и именования классов. Наследование, каскадность и приоритеты.

Работа с графикой и шрифтами. Фотошоп для верстальщика

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

Блочная модель документа

Что такое поток документа? Узнаем про блочные и строчные элементы, и все, что с ними происходит: отступы, выравнивание, схлопывания, выпадения, переполнение и сбрасывание потока. И про каркас сайта.

Flexbox и сетки

Знакомство с модульными сетками и расположение блоков с помощью Flexbox.

Контроль версий и Git

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

Адаптивная и резиновая верстка

Сайты для всех устройств: адаптивность, перестроение сеток, медиазапросы.

Декоративные элементы

Узнаем про позиционирование, слои и псевдоэлементы.

Интерактивные и анимированные элементы

Больше интерактива! Пробуем анимировать элементы с помощью CSS.

Формы и где они обитают

Подробно разбираем важную часть сайта — форму отправки и учимся ее кастомизировать.

jQuery часть 1

Знакомство с бибилиотекой jQuery. Взаимодействие jQuery с HTML и CSS. Селекторы — поиск и выборка элементов DOM. Эффекты — примеры использования, разбор очереди. Базовые события jQuery. Отладка ошибок в консоли.

jQuery часть 2

jQuery Ajax. Часто используемые плагины: слайдер, модальные окна, табы, выпадающее меню. Стилизация плагинов.

Знакомство с WordPress

Из чего состоит, как настраивается. В чём польза.

HTML-программирование с помощью кода Visual Studio

Visual Studio Code обеспечивает базовую поддержку программирования HTML «из коробки». Есть подсветка синтаксиса, интеллектуальное завершение с помощью IntelliSense и настраиваемое форматирование. VS Code также включает отличную поддержку Emmet.

IntelliSense

По мере того, как вы вводите HTML, мы предлагаем предложения через HTML IntelliSense. На изображении ниже вы можете увидеть предлагаемое закрытие HTML-элемента