Программа

Программа
  • Введение в HTML и CSS.
  • Стандарты языка разметки HTML.
  • Назначение DOCTYPE и его форматы.
  • Понятие базовой структуры HTML документа
  • Стандартные элементы языка разметки текста HTML
  • Инструменты для веб-разработки.
  • Основные понятия CSS.
  • Что такое CSS.
  • Как правильно подключать CSS.
  • Синтаксис CSS. Понятие селектор.
  • Базовый набор селекторов.
  • Понятие наследования. “Вес селекторов”.
  • Базовые навыки работы с графическим редактором Adobe Photoshop.
  • Графика в web.
  • Спрайты, псевдоклассы, псевдоэлементы.
  • Иконочные шрифты.
  • Позиционирование элементов на странице.
  • Основные принципы построения моделей HTML.
  • Блочная модель HTML (padding, margin, box-sizing).
  • Float и выпадение из потока.
  • Иные способы позиционирования элементов на странице
  • CSS3/HTML5.
  • Использование тегов HTML5 для формирования структуры шаблона.
  • Рассмотрение, назначение тегов HTML5 и их преимущества.
  • Возможности css3 (тени, градиенты, скргуление углов, фильтры, прочее, кастомные шрифты, font awesome)
  • Работа с таблицами.
  • Основные принципы построения таблиц.
  • Табличная верстка.
  • Верстка писем
  • Работа с формами (input, textarea, button...).
  • Ссоздание полей формы.
  • Типы полей форм.
  • Группировка полей форм
  • Адаптивная и отзывчивая верстка. Медиа-запросы.
  • Что такое адаптивныая верстка.
  • Особенности подходов.
  • Способы реализации
  • Bootstrap. И прочие фреймворки, которые облегчают жизнь верстальщика.
  • Популярные фреймворки.
  • Bootstrap - знакомоство установка
  • Основные классы
  • Сетка в Bootstrap
  • Sass/Scss/Less препроцессоры.
  • Зачем нужны препроцессоры.
  • Область применения Sass/Scss/Less.
  • Сопосбы компиляции Sass/Scss/Less.
  • Сборщищки проектов

О курсе

О курсе

О курсе

Front-End разработка одно из наиболее популярынх направлений в наше время. Язык HTML – один популярнейших языков, с которых начинают свой путь веб разработчики.

В этом курсе мы подробно разберем базовые принципы верстки сайтов, подробно познакомимся с HTML и CSS, сверстаем учебные макеты и научимся срздавать простые сайты с нуля

Курс рассчитан на тех кто хочет сделать свои первые шаги в мир веб-разработки.

Требования

Уверенное владение персональным компьютером

Навыки работы с текстовыми редакторами

Запишись на курс

Запишись на курс
  • Skype:

    juncker8888

  • Харьков, Украина