Курсы Web-Дизайна (Верстки) HTML и CSS

Курсы Web-Дизайна HTML и CSS в Минске

Курсы HTML верстки в Минске

Стоимость обучения

755 бел руб (В группе 6-12 человек). Первый взнос 150 бел руб.

2800 бел руб (Индивидуально)

Длительность обучения

4-6 недель (48 академических часов)

HTML и CSS два неповторимых языка. Именно благодаря им были созданы все сайты в мировой паутине. HTML – это основа любого сайта. Именно с него начался весь интернет. Именно HTML остается единственным способом дать понять браузеру что и как загружать из интернета. CSS это продолжение HTML. Информацию о том, как отображать сайт пишут в отдельном файле используя CSS.
Этот курс рекомендуется как в качестве самодостаточного курса, по окончании которого вы сможете работать HTML-верстальщиком, или в качестве начала карьеры для тех, кто хочет в дальнейшем выучить другие языки программирования. Данный курс станет решающим шагом на пути к освоению таких профессий как Web-дизайнер, Web-мастер, и максимально востребованная сегодня профессия Frontend Developer.

ЧЕМУ ВЫ НАУЧИТЕСЬ

  • Мыслить, как профессионал.
  • Принципам построения веб-страниц.
  • Верстать валидные страницы.

НА КОГО РАССЧИТАН КУРС

  • Людей, имеющих минимальный опыт в изучении языков программирования или не обладающим им вообще.
    (Как начинающих, так и новичков.)
  • Людей, не имеющих профильного технического образования (экономисты, лингвисты и др.).
  • Людей, имеющих профильное техническое образование, но имеющие небольшой опыт разработки
    программ.
  • Также будет полезен этот курс HTML для тестировщиков, которые хотят лучше разбираться в тестировании веб-приложений.

ЧТО ПОЛУЧИТЕ ПО ОКОНЧАНИЮ КУРСОВ

  • Именной сертификат.
  • Справку об обучении государственного образца.
  • Скидку 15% на все последующие курсы нашего образовательного центра.
  • Скидку 80 бел рублей на курсы Английского языка в образовательном центре Grante (www.grante.by).

Записаться сейчас





Ваше имя (обязательно)

Ваш телефон (обязательно). В формате +375XXXXXXXXX

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

Занятие 1. Введение в веб-разработку. Настройка рабочей среды.

  • Что такое веб-разработка.
  • Этапы создания веб-проектов.
  • Cовременные веб-технологии.
  • Текстовые редакторы для работы с кодом.
  • Настройка среды. Установка плагинов.

Занятие 2. Введение в HTML.

  • Что такое язык разметки.
  • Порядок взаимодействия браузера с сервером.
  • Первые теги HTML.
  • Первые атрибуты тегов HTML.
  • Специальные символы HTML.
  • Структура URI.
  • Гиперссылки.
  • Практика.

Занятие 3. Введение в CSS.

  • Основные понятия CSS.
  • Изображения.
  • Форматы изображений.
  • Как браузер обрабатывает изображения.
  • Кэширование загруженных изображений браузером.
  • Первые стилевые свойства.
  • Практика.

Занятие 4. Цвет. Шрифт. Границы. Размеры.

  • Возможности CSS.
  • Стилевое свойство CSS для указания цвета текста.
  • Цветной охват. Именованные цвета.
  • Единицы измерения.
  • Стили CSS для управления шрифтами.
  • Имена шрифтов.
  • Способы подключения внешних шрифтов.
  • Свойства СSS для указания вида рамки.
  • Практика.

Занятие 5. Отступы. Фон. Таблицы.

  • Поля и отступы.
  • Выравнивание содержимого контейнера.
  • Управление пробелами и переносами строк.
  • Стили CSS для управления фоном.
  • Резиновый фон.
  • Переполнение контейнера.
  • Спрайты.
  • Таблицы. Основные теги и атрибуты таблицы.
  • Дополнительные теги и атрибуты таблицы.
  • Управление сливанием границ таблицы.
  • Ширина и высота таблицы и ячеек, строк, столбцов.
  • Обьединение ячеек таблицы.
  • Практика.

Занятие 6. Обтекание. Вёрстка макетов. Селекторы.

  • Обтекание.
  • Табличная и блочная вёрстка.
  • Столбцы одинаковой высоты в блочной вёрстке.
  • Выравнивание блочного содержимого.
  • Селектор элементов по классу.
  • Селектор элемента по идентификатору.
  • Практика.

Занятие 7. Иерархические селекторы. Каскадирование.

  • Селектор элементов по тегу.
  • Универсальный селектор.
  • Селектор элементов по атрибутам.
  • Селектор элементов по нескольким критериям сразу.
  • Иерархические селекторы.
  • Селекторы псевдоклассов.
  • Селекторы псевдоэлементов.
  • Веса стилевых селекторов.
  • Управление режимом отображения элементов.
  • Управление видимостью элементов.
  • Практика.

Занятие 8. Медиазапросы. Адаптивная вёрстка.

  • Стилевая директива @media.
  • Медиазапросы.
  • Стилевые таблицы.
  • Порядок взаимодействия браузера с сервером, если на странице есть изображения и стилевой файл.
  • Практика.

Занятие 9. Формы. Позиционирование. HTML 5. Мультимедиа.

  • Порядок взаимодействия браузера с сервером при отправке формы.
  • Формы.
  • Позиционирование элементов.
  • Порядок наложения позиционированных элементов.
  • Обзор HTML 5. Семантическая вёрстка.
  • Формы HTML5.
  • Практика.

Занятие 10-11. СSS 3. Анимация. Флексы.

  • Отличия CSS 3.
  • Основы анимации CSS.
  • Создание анимации.
  • Модель flex-блоков.
  • Практика.

Занятие 12. Работа с графикой. SVG.

  • Хитрости при работе с векторными изображениями.
  • Практическое руководство о SVG в вебе.
  • Добавляем SVG на сайт.
  • Ретина и SVG.
  • Favicon.
  • Практика.

Занятие 13-14. Фреймворки. Введение в Bootstrap.

  • Что такое фреймворк? Сравнение основных фреймворков.
  • Принцип работы с фреймворками.
  • Файловая организация.
  • История Bootstrap. Почему именно он.
  • Структура фреймворка.
  • Установка и работа с Bootstrap.
  • Оптимизация кода при работе с Bootstrap.
  • Практика.

Занятие 15-16. Что такое препроцессоры. Основы SASS.

  • Роль препроцессоров в веб-разработке.
  • Подготовка к работе с препроцессорами.
  • Основы SAAS.
  • Практика.

Занятие 17. БЭМ методология.

  • Что такое БЭМ?
  • Преимущества работы с БЭМ.
  • Основные принципы БЭМ.
  • 2 главных правила.
  • Самодокументируемость.
  • Независимость блоков. (предсказуемость, реиспользуемость, поддержка).
  • Практика.

Занятие 18-22. Использование Java Script в веб-разработке.

  • Что такое Java Script? Основы JS.
  • Инструкции. Выражения и операторы.
  • Типы данных и переменные. Числа. Строки.
  • Логические значения. Циклы. Функции.
  • Объекты. Конструкции и классы.
  • Регулярные выражения.
  • DOM.
  • Основы jQuery.
  • Структура DOM.
  • Обработка событий.
  • Ajax.
  • Работа с плагинами.
  • Практика.

Занятие 23. Знакомство с макетами дипломной работы. Основы работы с макетами.

  • Знакомство с макетами для вёрcтки.
  • Выбор своего дипломного проекта.
  • Обсуждение плана работа, этапов вёрстки.
  • Основы работы с PS при нарезке макетов.
  • Практика.

Занятие 24-28. Вёрстка макетов.

  • Работа над первым собственным проектом по готовому макету.
  • Решение трудностей, возникающих в вёрстке.
  • Практика.

Занятие 29. Сдача дипломной работы. Итоговый тест.

  • Защита дипломных работ.
  • Общий итоговый тест по теории.

Занятие 30. Вручение дипломов. Итоги. Перспективы.

  • Общие итоги и достижения обучения.
  • Как получить хорошую работу.
  • Что такое фриланс и как работать не выходя из дома.
  • Как сделать хорошее резюме.
  • Как сделать портфолио.
  • Как пройти собеседование в компанию мечты.

Записаться сейчас





Ваше имя (обязательно)

Ваш телефон (обязательно). В формате +375XXXXXXXXX