Описание курса:

Курс HTML/CSS —  это обучение работе с языком разметки веб-страниц. Программа предназначена для новичков, которые желают изучить основы работы с front-end разработкой. На курсе вы сможете освоить HTML с нуля: ознакомиться с теоретическими основами верстки и структурой HTML документа, порядком публикации документов в web и сможете создавать полноценные страницы. HTML для начинающих является базисом для веб-разработчиков, а после его изучения уже можно начинать работать над реальными проектами. Уже первый урок даст возможность попрактиковаться в создании несложных HTML-страниц, работе с мультимедиа и таблицами стилей CSS.

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

  • Создавать веб страницы;
  • Наполнять их содержимым (текстом, ссылками,спецсимволами, изображениями, фонами, подключать иконочные и обычные шрифты и тд );
  • Добавлять стили всем элементам веб страницы;
  • Выгружать сайты на хостинг;
  • Понимать и разбираться в адаптивной, кроссбраузерной, попиксельной, резиновой, cмешаной и статичной верстками;
  • Работать с WORDPRESS (Создавать и подключать базу данных к WP, загружать темы и работать с плагинами);
  • Сверстать одностраничный сайт и выгрузить его на хостинг для общего доступа пользователей по ссылке.

Программа курса:

  • Ввод в веб-технологии
    • Предназначение технологий;
    • Стек разработки для сайта;
    • Принцип работы ‘клиент-сервер’;
    • Консоль разработчика;
    • Текстовый редактор и IDE;
    • Что такое HTML&CSS&JS и их взаимодействие;
  • HTML
    • Базовые принципы верстки;
    • Знакомство с понятием тега и атрибута;
    • Обязательная структура любой веб-страницы;
    • Понятия строчных и блочных элементов веб страницы;
    • Понятия парных и непарных тегов;
    • Семантические теги;
    • Спецсимволы;
    • Работа с тегами и атрибутами;
    • Работа с ссылками и якорями;
    • Работа с текстом и комментариями;
    • Работа с различными системами цветов в HTML;
    • Работа с изображениями;
    • Нумерованные и маркированные списки;
    • Работа с блоками(div);
    • Таблицы;
    • Формы;
    • Элементы форм(инпуты);
    • Айфреймы;
    • Подключение разных модулей к документу HTML;
    • Форматирование элементов HTML;
  • Работа с браузером
    • Установка полезных расширений для верстки;
    • Отладчик кода;
  • Хостинговые и доменные панели;
  • Файловый менеджер(Filezilla);
  • CSS
    • Что такое CSS;
    • Базовые принципы написания стилей;
    • 3 способа добавления CSS на HTML страницу;
    • Внешние таблицы стилей;
    • Относительные и статичные единицы измерения;
    • Работа со шрифтами (семейства, стили, размеры, насыщенность)
    • Работа с границами элементов (бордер радиус, тени);
    • Работа с отступами и размерами элементов;
    • Градиенты;
    • Работа со свойствами float и clear;
    • Flex box;
    • Работа с фоном (изображения и цвет, размеры, прозрачность);
    • Селекторы;
    • Продвинутые селекторы;
    • Приоритеты стилей;
    • Перезапись стилей;
    • Псевдоклассы, псевдоэлементы;
    • Работа с анимацией элементов;
    • Валидация;
    • Медиазапросы;
  • Адаптивная верстка;
  • Резиновая верстка;
  • Пиксель перфектная верстка;
  • Статичная верстка;
  • Кроссбраузерная верстка;
  • Смешанная верстка ;
  • Фотошоп для разработчика
    • Нарезка макета;
    • Основные инструменты;
    • Понятия сетки;
  • CMS Wordpress создание и подключение базы данных;
    • Настройка тем;
    • Настройка плагинов;
    • Настройка меню;
    • Выгрузка на сервер;
  • Правила именования классов по BEM;
  • Библиотека Bootstrap;
  • Основы препроцессора Less;

Минимальные требования:

  • Наличие собственного ноутбука для занятий в аудиториях
  • Установленные Sublime Text, Photoshop и файловый менеджер (например, filezilla)

* Указанные скидки не суммируются с другими действующими акциями и специальными предложениями. Если у Вас возникли вопросы, обращайтесь за консультацией к нашим менеджерам!