Этот курс выбирают те, кто:

начинающий, у которого нет опыта, но есть желание освоить новую профессию

начал изучение HTML, CSS, Photoshop, но ищите системное развитие

изучил web-верстку своими силами, но желает достичь более высокого уровня

руководитель, которые планирует создать, администрировать свой сайт

Как проходит обучение
1
Посещаете занятия по расписанию
2
Изучаете примеры и кейсы
3
Выполняете задания, пишите тесты
4
Подготавливаете своё портфолио
5
Консультируетесь у экспертов
После курса вы сможете
создавать валидную HTML-разметку страниц
писать грамотный
CSS-код используя
Люкс CSS3
создавать медиа-запросы для адаптации web-сайтов
устанавливать плагины для веб-разработки

Программа курса
“ВЕРСТКА WEB-САЙТОВ: HTML, CSS, JS”

Открытие курса

Открытие курса

Открытие курса
2 часа, 0.5 дня
  1. Приветственное слово команды – руководителя и спикера курса.
  2. Этапы подготовки выпускной работы и обсуждение темы.
Модуль 1

Принципы web-разработки

Модуль 1 Принципы web-разработки
4 часа, 1 день
  1. Начало карьеры в IT. Web-разработка.
  2. Этапы разработки хорошего сайта.
  3. Структура web-страницы.
  4. Требования к коду web-верстальщика: адаптивность, валидность кода, кроссбраузерность.
  5. 10 этапов web-верстки проекта.
  6. Размещение сайтов в сети. Хостинг в Беларуси.
  7. Выбор программы для верстки. Jetbrains WebStorm.
Модуль 2

Разметка HTML для структуризации

Модуль 2 Разметка HTML для структуризации
12 часа, 3 дня
  1. Язык HTML: версии и структура элемента.
  2. Структура web-страницы: разделение на логические блоки и элементы.
  3. Выбор тэгов HTML-документа.
  4. Формирование контейнера для ограничения ширины страницы.
  5. Написание валидного кода в программе WebStorm.
  6. Создание HTML-форм. Спецсимволы.
  7. Комментарии в HTML. Верстка новой страницы проекта.
  8. Сервис для совместной разработки проектов GitHub.
  9. 2 способа обновления репозиториев на GitHub.
Модуль 3

Adobe Photoshop в работе верстальщика

Модуль 3 Adobe Photoshop в работе верстальщика
4 часа, 1 день
  1. Анализ PSD-макета. Настройка Photoshop и инструменты для верстальщика.
  2. Копирование текста в HTML-код. Определение параметров шрифтов.
  3. Экспорт изображений в png или jpg.
  4. Отступы и размеры элементов макета. Параметры слоев: цвет фона, уровень прозрачности и эффекты слоев.
  5. Выделение компонентов проекта в style guide.
  6. Тест №1
Модуль 4

Шрифты в верстке web-сайта

Модуль 4 Шрифты в верстке web-сайта
4 часа, 1 день
  1. Начало работы со шрифтами.
  2. Конвертация шрифтов для браузеров.
  3. Подключение шрифтов к проекту и тэгам.
  4. Подключение иконочных шрифтов для сайта.
Модуль 5

CSS для стилизации web-страниц

Модуль 5 CSS для стилизации web-страниц
4 часа, 1 день
  1. Алгоритм стилизации в CSS.
  2. Селекторы как способ обращения к HTML-элементам.
  3. Подготовка проекта к стилизации: настройка стилей для элементов web-страницы, body и контейнера.
Модуль 6

Начало стилизации проекта в CSS

Модуль 6 Начало стилизации проекта в CSS
4 часа, 1 день
  1. Стилизация текста с помощью CSS.
  2. Выбор подключения изображений: или background.
  3. Приоритеты CSS селекторов.
Модуль 7

CSS-позиционирование блоков

Модуль 7 CSS-позиционирование блоков
8 часов, 2 дня
  1. Размещение блоков на странице.
  2. Позиционирование блоков обтеканием.
  3. Блочный способ позиционирования.
  4. Позиционный способ размещения блоков.
  5. Табличный способ позиционирования.
  6. Позиционирование элементов технологией Flexbox.
  7. Позиционирование элементов технологией CSS Grid.
  8. Тест №2
Модуль 8

Завершение стилизации проекта и его тестирование

Модуль 8 Завершение стилизации проекта и его тестирование
8 часов, 2 дня
  1. Стилизация блоков проекта: тень, градиент, рамка.
  2. Создание блока со ссылкой.
  3. Создание псевдоэлементов – before, after, placeholder.
  4. Псевдоклассы – hover, focus, active, checked. Эффекты перехода и префиксы кроссбраузерности.
  5. CSS-анимация: применение, ключевые кадры, подключение.
  6. 4 способа тестирования верстки. Расширение PerfectPixel.
Модуль 9

Техника адаптивной верстки

Модуль 9 Техника адаптивной верстки
4 часа, 1 день
  1. Адаптивная верстка как важный этап web-разработки.
  2. Техника адаптивной верстки по psd-макетам.
  3. Техника адаптивной верстки без psd-макетов.
Модуль 10

JavaScript в верстке web-сайтов

Модуль 10 JavaScript в верстке web-сайтов
4 часа, 1 день
  1. Применение функционала JavaScript на web-сайтах.
  2. Инструменты JS в работе верстальщика: переменные, условия, функции.
  3. Создание часов на языке JavaScript с функцией setInterval.
  4. Понимание логики языка JavaScript на примере создания слайдера изображений.
Модуль 11

Библиотека jQuery в web-разработке

Модуль 11 Библиотека jQuery в web-разработке
4 часа, 1 день
  1. jQuery как Люкс в верстке.
  2. Селекторы и функции для элементов.
  3. Создание функций для событий и эффекты в jQuery.
  4. Тест №3
Модуль 12

Готовые решения функционала для сайта

Модуль 12 Готовые решения функционала для сайта
4 часа, 1 день
  1. Плагины и их подключение.
  2. Создание карусельного слайдера с плагином OwlCarousel.
  3. Подключение плагина jQuery UI Tabs для вкладок
  4. Плагин jQuery Selectric для создания выпадающего меню.
  5. Плагины горизонтального выбора значений и печатающегося текста.
  6. Библиотека Highcharts для создания графиков.
Модуль 13

Рекомендации по проекту и его сдача

Модуль 13 Рекомендации по проекту и его сдача
4 часа, 1 день
  1. Препроцессор SASS как инструмент для расширения возможностей CSS.
  2. Чек-лист проверки сверстанного проекта перед тестированием.
  3. Оценка времени web-верстки проекта.
  4. Оптимизация сайта по итогам верстки.
  5. Формирование портфолио и рекомендации для эффективной работе web-верстальщика.
Отзывы Пока вы думаете, эти люди уже сделали свой выбор!

Ольга

Закончила второй курс. Центр продолжает радовать своей клиенториентированностью. Курс оказался для меня сложным и интересными одновременно. Благодарю команду Центра за искренний интерес к результатам обучения слушателей. Интересных проектов и возможность их реализовать. До новых встреч!

Наталья

Занятия проходили в приятной и комфортной обстановке. Домашних заданий было много, что-то успевали, что-то нет, но постепенно все доделывали и все были довольны. Было нелегко, скажу честно, но это «не мешки ворочать!»

Михаил

Прошел обучение в центре «Успех» по курсу «Верстка web-сайтов» в январе-марте 2019 года. Курсами остался очень доволен. Понравилась организация занятия и способ подачи информации. Руководители курса опытные, компетентные люди, которые с радостью ответят и помогут. Хотелось бы поблагодарить преподавателей Веронику Николаевну и Андрея Андреевича!

Екатерина

В центре Успех комфортная атмосфера, удобный формат обучения (небольшое количество людей в группе и занятия два раза в неделю). Информация дается в достаточном объеме, структурированная и понятная. Я довольна тем, что выбрала центр Успех. Пройдя обучение я получила новые знания и навыки.

Дмитрий

Закончил курс по верстке сайтов, полностью доволен качеством информацией, её подачей, особенно люблю, когда присутствует частичка юмора, без неё не куда. Более того, на курсе в центре “Успех” всё это великолепно систематизировано, выбрано самое важное и подано гораздо лучше, где чем-либо написано.

Лена

ЦКО «Успех» целиком и полностью оправдывает свое название! Очень долго искала подходящие курсы по верстке сайтов, но мой выбор пал именно на «Успех» и я не пожалела! У меня появилось первое портфолио состоящее из двух проектов. Теперь смело могу применять полученные знания и совершенствоваться в данной сфере.

Дмитрий

Закончил курс «Вёрстка Web-сайтов: HTML, CSS, JS". Преподаватель, опытный и великолепно владеет материалом, чутко откликается на потребности слушателей. На курсах узнал для себя много нового. Рад, что попал именно в этот Учебный Центр. Хотелось бы отметить чуткое руководство и отличную организацию работы руководителя центра “Успех” Вероники Николаевны.

Инна

Давно хотела изучить верстку сайтов. Как только нашла свободное время, записалась в "Успех". Программа очень насыщенная и много заданий, достаточно сложно было совмещать с учебой в университете и работой, но оно того стоит. Преподаватель - профессионал. На все вопросы были получены ответы.

Игорь

Хотелось бы по благодарить центр компьютерного образования «Успех». Курс по «Вёрстке» оказался действительно очень насыщенным, удачно составлена программа курса, пособие написано простым понятным языком с большим количеством примеров.

Андрей

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

Александр

Прошёл курс. Не пожалел ни разу, что выбрал именно эти курсы. Плюсы: удобное расположение, хорошее учебное пособие, 2 проекта (один командный, второй выполняется самостоятельно), удобный график, компетентное руководство и преподаватели, хорошая организация занятий. Минусы: на тему JavaScript мало уделено времени.

Андрей

Курсы очень понравились. Ставлю оценку 5 из 5. Если кто то из знакомых будет интересоваться курсами в сфере IT буду советовать курсы «Успех». Хочу выразить благодарность курсам «Успех» за полученные мною знания, которые помогут мне развиваться в сфере IT .Особое спасибо Андрею Андреевичу и Веронике Николаевне.

Александр

Кроме благоприятной атмосферы и отзывчивости преподавателя хочется отметить что по окончанию курса я приобрёл углубленные навыки работы c html и css, а также узнал, как наиболее правильно использовать этот инструмент.

Александр

Занятия проходили максимально информативны и в дружественной атмосфере. Хочу поблагодарить команду Центра за то, что вы сделали для меня. Благодаря вам, упрямству, дисциплине был заложен крепкий фундамент, который в дальнейшем мне позволит самостоятельно развиваться и поменяли мой статус ученика в начинающего разработчика.

Тарифы и стоимость обучения

Занятия два дня в неделю, группа офлайн 8 мест или онлайн 25 мест

Домашки, которое учат применять знания на практике

Проверка заданий и развернутая обратная связь спикеров

База знаний: авторский конспект занятий с разборами и схемами

База знаний: файлы и готовые шаблоны из практики

Поддержка в закрытом чате, спикеры отвечают на любые вопросы

Заряженные на успех фирменные ручка, блокнот и стикерпак

Сертификат при условии защиты проекта и сдачи всех домашек

Сертификат об обучении государственного образца

Стоимость обучения в группе

Люкс

Учеба в формате интерактива, когда спикер обучает на примере кейсов из опыта, а клиент сразу повторяет

Удобочитаемый конспект каждого дня учебы, который станет настольной книгой и помощником в работе

Материалы курса: файлы реальных проектов, важные программы для работы, полезные сервисы, сайты

Этапы учебы по модели Колба, 99% доходимость клиента до результата, анализ эффективности и метрики прогресса

Поддержка 24/7, домашние задания по реальным проектам клиента, обратная связь на видеовстречах раз в неделю

Закрытая группа в Telegram, возможность задавать вопросы, получать ответы

Домашние задания раз в неделю и письменный отчет, отправленный спикеру до времени дедлайна

Проведение итогового теста, подробный разбор, анализ результатов каждого клиента было стало, выпускной

Место в группе по видеосвязи через ZOOM электронный конспект учебы в pdf формате

Место в группе у нас с компьютером и новым Soft, фирменная упаковка: бумажный конспект, ручка, блокнот, стикер

Сертификат курсов USPEHEDUCATION

Сертификат об обучении государственного образца

369,00
Премиум

Учеба в формате интерактива, когда спикер обучает на примере кейсов из опыта, а клиент сразу повторяет

Удобочитаемый конспект каждого дня учебы, который станет настольной книгой и помощником в работе

Материалы курса: файлы реальных проектов, важные программы для работы, полезные сервисы, сайты

Этапы учебы по модели Колба, 99% доходимость клиента до результата, анализ эффективности и метрики прогресса

Поддержка 24/7, домашние задания по реальным проектам клиента, обратная связь на видеовстречах раз в неделю

Закрытая группа в Telegram, возможность задавать вопросы, получать ответы

Домашние задания раз в неделю и письменный отчет, отправленный спикеру до времени дедлайна

Проведение итогового теста, подробный разбор, анализ результатов каждого клиента было стало, выпускной

Место в группе по видеосвязи через ZOOM электронный конспект учебы в pdf формате

Место в группе у нас с компьютером и новым Soft, фирменная упаковка: бумажный конспект, ручка, блокнот, стикер

Сертификат курсов USPEHEDUCATION

Сертификат об обучении государственного образца

298,00
Эконом

Учеба в формате интерактива, когда спикер обучает на примере кейсов из опыта, а клиент сразу повторяет

Удобочитаемый конспект каждого дня учебы, который станет настольной книгой и помощником в работе

Материалы курса: файлы реальных проектов, важные программы для работы, полезные сервисы, сайты

Этапы учебы по модели Колба, 99% доходимость клиента до результата, анализ эффективности и метрики прогресса

Поддержка 24/7, домашние задания по реальным проектам клиента, обратная связь на видеовстречах раз в неделю

Закрытая группа в Telegram, возможность задавать вопросы, получать ответы

Домашние задания раз в неделю и письменный отчет, отправленный спикеру до времени дедлайна

Проведение итогового теста, подробный разбор, анализ результатов каждого клиента было стало, выпускной

Место в группе по видеосвязи через ZOOM электронный конспект учебы в pdf формате

Место в группе у нас с компьютером и новым Soft, фирменная упаковка: бумажный конспект, ручка, блокнот, стикер

Сертификат курсов USPEHEDUCATION

Сертификат об обучении государственного образца

255,60 р.
Предполагаемый старт идёт набор
График 2 дня в неделю
возможен гибкий график
Хочу на курс
1

Для регистрации переходите по ссылке в Telegram и напишите слово Учавствую

2

Вам предложат выбрать комфортный
формат учебы и дату старта группы

3

Подпишем договор на учебу,
оплачиваете курс полностью или бронь места

4

После оплаты заберем в закрытую
платную группу, где будет вся информация

5

Остались вопросы по тарифам и оплате, напишите нам в Telegram

Остались вопросы? Напишите номер телефона, и мы перезвоним c 09:30 до 17:30:

Маркетинг. Web-разработка

Графика. Дизай

Microsoft Office

Бухгалтерия. Кадры. Документы