Online | Offline
КУРС

HTML/CSS/CMS

  • Овладеешь основами современной верстки
  • Научишься создавать современные WEB-страницы, используя изученные технологии
  • Сможешь настраивать код для быстрого выявления ошибок

Зароботная плата HTML-верстальщика

от 400$ до 1200$

(по данным сайта dou.ua)

Коротко о курсе?

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

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

Карьерный путь

JavaScript разработчик

FrontEnd разработчик

HTML-верстальщик

После курса ты сможешь

icon

Crossplatform

Овладеешь кроссплатформеным редактором SublimeText3 и научишься эффективно его использовать в своей работе

icon

Adaptive

Научитесь применять такие технологии, как HTML5, CSS3 и приемы адаптивной верстки под любые устройства

icon

Layout

Сможешь верстать статические сайты любой сложности, используя лучшие практики HTML и CSS

icon

Animation

Будешь уметь добавлять на сайт анимацию и другие визуальные эффекты с помощью CSS3

icon

Client form

Грамотно разрабатывать интерактивные формы для взаимодействия пользователя с web-сервером

icon

Work

Научишся составлять CV и проходить собеседование на позицию HTML-верстальщика

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

13 недель интенсивных практических занятий

Достойный и технологичный проект для своего портфолио

Анализ и проверка чужого кода на предмет обнаружения ошибок

1. Общий принцип работы Web
  • Основная терминология в разработке сайта на HTML
  • Понятие сайта, понятие веб-страниц
2. Основы HTML
  • Гипертекст, теги, атрибуты
  • Структура HTML-документа
  • Работа с гиперссылками
  • Работа с изображением
  • Работа с абзацами и заголовками.
  • Использование специальных символов, комментариев
  • Теги физического и логического форматирования текста
  • Теги блочные и строчные
  • Списки, виды списков
  • Формы
  • Таблицы и табличная верстка
  • Заголовок документа html и его теги
3. Базовый синтаксис CSS
  • Встраивание таблиц стилей в документ
  • Определение стиля в пределах отдельных тегов.
  • Внешние таблицы стилей
  • Работа с текстом
  • Блоковая модель. Границы. Поля. Отступы.
  • Значения стилевых свойств (цвета, размеры, единицы измерения)
  • Селекторы. Селекторы классов и идентификаторов.
  • Понятие псевдоклассов и псевдоэлементов
  • Наследование, каскадирование и приоритет
  • Позиционирование и размещение блоков
  • Верстка слоями: использование тегов div и span
  • Создание анимации на CSS
  • Создание landing page
  • Группирование HTML страниц и подключение к CSS
  • Стандарты HTML/CSS.
4. Основы JavaScript
  • Основы синтаксиса
  • Переменные. Типы данных. Операторы
  • Условные конструкции и конструкции повторений
  • Понятие пользовательских функций и их использование
  • Общие понятия ООП: класс, объект
  • Работа с массивами JavaScript
  • DOM. События. Диалоговые окна
5. Библиотека jQuery
  • Селекторы, фильтры.
  • Работа с формами и стилями на jQuery
  • Анимация
  • Плагины jQuery
6. CMS система
  • Подбор CMS системы под поставленные задачи
  • Знакомство с CMS WordPress
  • Установка WordPress
  • Выбор темы, настройка и оформление
  • Поиск, установка функциональных модулей WordPress
  • Настройка тем
  • Плагины, другие настройки и функции
  • CMS Prestashop
  • Поиск, установка функциональных модулей Prestashop
  • Выбор, установка, настройка шаблонов Prestashop
  • Анализ сайта перед размещением в Интернет
  • Выбор хостинг-провайдера.
  • Платный и бесплатный хостинг
  • Регистрация доменного имени и покупка хостинга
  • Загрузка своего сайта на хостинг

Инструменты, которые ты освоишь

icon
instrumet preview
instrumet preview
instrumet preview
instrumet preview

HTML

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

instrumet preview

CSS

Каскадные таблицы стилей. CSS – формальный язык для описания внешнего вида документа, написанного с помощью языка разметки. Также может применяться к любым документам XML, например SVG или XUL.

instrumet preview

Postman

Мощный набор инструментов для тестирования различных API или просто отправки POST и GET запросов. Это среда разработки для создания, тестирования, контроля и публикации API-документации.

Кто читает этот курс?

Владимир Николаенко

Антон Серяпов

Backend-разработчик, главный преподаватель курса по PHP

Профессиональная деятельность — PHP developer более 6 лет. В настоящее время занимаю должность ведущего программиста систем внутреннего учета торгового холдинга. В активе — разработка сайтов-представительств: верстка, написание движка управления содержимым, разработка структуры баз данных. Работал в сфере разработки и сопровождения внутренних веб-ресурсов учета.

Как организовано обучение?

Живые занятия

Обучение в онлайн формате и с возможностью сопроводительной видеозаписи

90% практики

Практика с первого дня обучения: работа над реальным проектом для портфолио

Поддержка преподавателя

Закрытый Telegram-чат группы с преподавателем, разбор домашних заданий и регулярная обратная связь

Карьерные инвенты

Онлайн-экскурсии в топовые IT-компании, тренинги по Soft Skills и подготовка к трудоустройству

Детали курса

Дата старта

по запросу

Длительность

78 часов, 13 недель

Расписание

Вт, Чт 15:00-18:00

Способи оплаты

Сразу за курс 10% скидка
Помесячно на без переплат
Покупка частями
от
от 3 до 12 платежей без комиссии

Узнать стоимость и получить консультацию

    Оплата курса

    Выберите количество платежей

    Введите слово, чтобы начать поиск

    dontleave

    Вы уверены, что вам не нужна наша консультация?

      Получить консультацию

      happy

      Поздравляю! 👏

      Ты уже на полпути к успешной карьере в IT

      Ваша заявка принята, мы свяжемся
      с вами в течение 30 минут