Верстальщик сайтов

 Курс «Верстальщик сайтов» подготовлен на выборке из требований к IT специальности «Верстальщик сайтов» из более чем 100 вакансий веб-студий, IT компаний и 5-летнего опыта во фрилансе преподавателя курса. Самый полный и востребованный курс в Харькове.

На кого рассчитан курс

  • на Людей, имеющих минимальный опыт в изучении языков программирования или не обладающим им вообще.
  • на Людей, не имеющих профильного образования (дизайнеры,банковские работники, экономисты, юристы и..), студенты любых специальностей.
  • курс «Верстальщик сайтов» полезен для тестировщиков, которые хотят лучше разбираться в тестировании веб-приложений.
  • курс рекомендуется как в качестве самодостаточного курса, по окончании которого вы сможете работать HTML-верстальщиком, или в качестве начала карьеры для тех, кто хочет в дальнейшем продолжит обучение. Данный курс станет решающим шагом на пути к освоению таких профессий как Web-дизайнер, Web-программист и максимально востребованная сегодня профессия Frontend Developer.

Верстальщики сайтов востребованы везде, где нужно регулярно создавать и дорабатывать сайты. Это студии веб-дизайна, крупные интернет-проекты. Также всегда можно разместить своё портфолио и найти заказы на фрилансе.

2 модуля:  — всего 48 часов (24, 24)
Длительность обучения 3 месяца. 48 учебных часа.
НАБОР ГРУПП НА КУРС НЕ ПРОВОДИТСЯ.  РЕКОМЕНДУЕТСЯ КУРС FRONTEND

ВОЗМОЖНО ИНДИВИДУАЛЬНОЕ И КОРПОРАТИВНОЕ ОБУЧЕНИЕ

Минимально необходимые знания для начала изучения курса:

Уровень «пользователь ПК» – слушатель должен обладать навыками работы в операционной системой Windows и уметь пользоваться следующими приложениями:

  • современные версии браузеров Firefox и Chrome;
  • почта (любое приложение для отправки-получения почты, на свое усмотрение), Skipe;
  • архиваторы ZIP, RAR;
  • самостоятельная установка и настройка новых приложений.

Если вы знаете HTML и CSS, возможно приступить к обучению сразу со второго модуля, оплачивая только эту часть.

Как проходит обучение?

  • 20% – теория
  • 30% – мастер-классы, рассмотрение примеров
  • 50% – практика за компьютером
  • домашние задания.
Используется примерная процентовка. Мы стремимся к этому время на изложение материалов и обучение, но возможны изменения в зависимости от уровня знаний группы.

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


МОДУЛЬ 1. HTML/CSS, Верстка сайтов (24 часа)

Требуются знания, умения и навыки пользователя ПК

Тема 1. Основные понятия в веб-разработке

Процесс разработки веб-сайта

Устройство сайтов и их типы

Инструменты для веб-разработки

Что такое гипертекст, теги и атрибуты

Простой пример HTML странички

Тема 2. Основы языка разметки HTML

Структура HTML документа,

Основные теги оформления текста

Комментарии в HTML

Гиперссылки

Изображения

Списки

Формы и их элементы

Спецсимволы

Тема 3. Основы языка оформления стилей CSS

Синтаксис CSS

Простые селекторы

Селекторы атрибутов

Основные свойства стилей

Вложенность, наследование и группирование свойств

Псевдоклассы и псевдоэлементы

Тема 4. Блочная верстка

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

Обтекаемые элементы

Позиционирование блоков

Создание основной разметки сайта

Применение overflow и clear

Приёмы позиционирования элементов

Создание сетки

Тема 5. Таблицы в HTML

Структура таблицы

Объединение ячеек

Вложенные таблицы

Стилевое оформление таблиц

Тема 6. Стандарты web и вспомогательные инструменты

Стандарт HTML5 и CSS3

Кроссбраузерность, валидация

Обзор инструментов(gulp, less, minification)

Тема 7. CSS анимация, эффекты

Эффекты анимации при наведении

Анимации дочерних элементов

Эффекты изображения

Transform, transition, animation, gradient

Тема 8. Технология Flex

Основы flex

Применение flex для создания сетки

Тема 9. Адаптивная верстка

Способы адаптивного дизайна

Медиа-запросы

Логические операторы, применяемые в медиа-запросах

Медиа-функции

Тема 10. Введение в Bootstrap

Установка фреймворка

Система сеток

Настройка сетки

Обзор встроенных компонентов

Тема 11. Система контроля версий GIT

Что такое git, github

Установка git

Настройка git

Основные команды git

Тема 12. Создание Landing page

Что такое Landing page

Приемы создания Landing page

Адаптация макета Landing page

МОДУЛЬ 2. Less, Sass (SCSS), Bootstrap, Landing page (24 часа)

Требуются знания, умения и навыки работы с HTML, CSS

Стоимость 2700грн.

Тема 13. Less препроцессор

  • Что такое Less?
  • Возможности, практическое применение
  • Отличия синтаксиса от CSS
  • Установка и настройка компилятора

Тема 14. Sass/Scss препроцессор

  • Что такое Sass (SCSS)?
  • Less или SCSS?
  • Отличия синтаксиса
  • Настройка компилятора

Тема 15 Bootstrap 3

  • Установка фрэймворка
  • Система сеток (Grid)
  • Настройка сетки

Тема 16. Bootstrap 3

  • Адаптивная навигация
  • Карусель
  • Иконки

Тема 17. Bootstrap 3

  • Вкладки
  • Спойлеры
  • Аккордеон
  • Модальные окна
  • Индикаторы прогресса
  • Кнопки

Тема 18. Bootstrap 3

  • Эскизы
  • Значки
  • Сетка masonry
  • Пагинация
  • Уведомления
  • Снипеты

Тема 19-21. Bootstrap 3. Верстка

  • Верстка сайта, практика

Тема 22-24. Bootstrap 3. Верстка

  • Верстка сайта landing page, практика

Тема 25. Изучаем CMS WordPress (дополнительная тема, +2 часа к 24-часовому курсу)

  • Выбор и установка темы
  • Необходимые для работы сайта плагины: критерии подбора плагинов, установка, настройка
  • Настройка SEO
  • Создание категорий и меток
  • Записи, страницы
  • Настройка главной страницы