курс

Основы современной вёрстки

15 сообщений в сообществе 553 учащихся

Курс посвящен базовым концепциям разметки HTML документов и создания стилей с помощью CSS. Мы научимся делать статические веб-страницы, задавать стили элементам, работать с документом в браузере с Developer Tools, публиковать страницы в интернете. Изучим, как следить за написанием HTML и CSS в текстовых редакторах. Узнаем о NodeJS, который поможет нам автоматизировать многие процессы. Научимся использовать популярные расширения, такие как Emmet

Последнее обновление: 03 июня 2020

Уроки курса

  • 1

    Введение

    Узнать информацию о курсе и темах, которые будут изучены по ходу прохождения
  • 2

    Введение в HTML

    Рассмотреть основы разметки документов с помощью HTML. Узнать о роли атрибутов и изучить общую схему описания HTML тегов

    тесты

  • 3

    Блочная модель

    Узнать о блочной модели HTML. Изучить различия между блочными и строчными элементами. Изучить влияние стилей на итоговую ширину блочных элементов.

    тесты

  • 4

    Семантический HTML

    Рассмотреть возможности последнего стандарта HTML5 в области семантики. Узнать о доступности в WEB

    тесты

  • 5

    Основы CSS

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

    тесты

  • 6

    Каскадность в CSS

    Узнать о том, что такое каскадность и как она работает в CSS. Понять различия в приоритетах различных селекторов и научиться использовать это в своих проектах.
  • 7

    Chrome DevTools

    Узнать об инструментах разработчика, встроенных в браузере. Разобрать основные возможности Chrome DevTools
  • 8

    Редакторы кода

    Узнать о современных редактора кода. Установить Visual Studio Code
  • 9

    Emmet

    Изучить один из самых полезных плагинов для верстальщика — Emmet. Узнать о типовых комбинациях и возможностях.
  • 10

    Node.JS

    Познакомиться со средой Node.JS, позволяющая выполнять JavaScript на вашем компьютере. Узнать о полезных возможностях для вёрстки.
  • 11

    Публикация в интернете

    Узнать о хостингах и возможностях публикаций ваших страниц в интернете. Выложить страницу с помощью GitHub Pages или Surge
  • 12

    Стандарты написания HTML и CSS

    Изучить работу пакетов HTMLHint и Stylelint. Начать писать код с использованием стандартов

Автор

Аватар пользователя Nikita Mikhaylov

Никита Михайлов

Ключевые навыки: HTML, CSS, JS Frontend.

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

Курс Основы современной вёрстки
продолжительность
7 часов
награда
20 баллов