Курс "HTML/CSS"

Необходимый уровень навыков

Чтобы продуктивно учиться на этом курсе, вам необходимы только базовые навыки работы с компьютером

Программа “HTML/CSS” занимает всего 12 занятий.
Вы получите глубокие знания верстки.

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

36 часов

1. Введение

  • — Знакомство со школой, преподавателем, с группой
  • — Как будем учиться?
  • — Знакомство с языком html
  • — Инструментарий верстальщика
  • — Семантика кода
  • — Понятие математической структуры “дерево”
  • — Понятие тега
  • — Теги верхнего уровня
  • — Параграфы, заголовки, списки, выделение текста

2. Работа с текстом

  • — Изображения в верстке
  • — Ссылки
  • — Атрибуты элементов
  • — Таблицы
  • — Работа с цветом, распространенные цветовые модели
  • — Идентификаторы и классы
  • — Форматирование, комментирование кода, структура файлов проекта

3. Знакомство с CSS

  • — Введение в CSS
  • — Преимущества CSS
  • — Способы добавления стилей на страницу
  • — Базовый синтаксис CSS
  • — Селекторы тегов
  • — Контекстные селекторы
  • — Селектор атрибута
  • — Группирование
  • — Наследование

4. Погружение в CSS

  • — Характеристики шрифта
  • — Отступы
  • — Наиболее распространенные CSS-свойства
  • — Каскадирование и приоритеты селекторов
  • — Методы отладки верстки reset.css
  • — Фоновые изображения
  • — Псевдоклассы и псевдоэлементы

5. Блоки

  • — Поток документа
  • — Блочные элементы
  • — Строчные элементы
  • — Строчно-блочные элементы
  • — Наложение и порядок слоев
  • — Позиционирование элементов
  • — Преимущества и недостатки табличной верстки

6. Немного практики и эффектных приемов в верстке

  • — Прозрачность
  • — Работа с тенями
  • — Верстка форм
  • — Состояния элементов (hover, active)
  • — Анимации на css3
  • — Спрайты
  • — Использование нестандартных шрифтов (google fonts и font-face)

7. Теория работы интернета

  • — Понятие клиент-серверной архитектуры
  • — Консорциум W3C и валидность кода
  • — Кроссбраузерность
  • — Как работают поисковики
  • — Метатеги
  • — Домен, хостинг
  • — FTP
  • — Системы управления версиями (SVN, Git)
  • — Механизмы кэширования
  • — Классический процесс разработки сайта и место верстки в нем
  • — Верстка на основе макетов
  • — Техническое владение Adobe Photoshop
  • — Zeplin, Avacode, Figma, Sketch

8. Кроссплатформенность

  • — Мобильное приложение
  • — Мобильная версия сайта
  • — Адаптивная верстка
  • — Сравнение подходов
  • — Медиа-запросы

9. Практика

  • — Типовые макеты
  • — Резиновая верстка
  • — Верстка с фиксированной шириной рабочей области
  • — Закрепление навыков
  • — Постановка задачи на итоговую работу

10. CSS Flexbox

  • — Основные преимущества подхода
  • — Поддержка браузерами
  • — Основные свойства flex-контейнера
  • — Главная и поперечная ось
  • — Направление, выравнивание, размеры
  • — Практика применения

11. Расширение возможностей

  • — Интеграция в верстку готового контента/функционала (youtube, yandex maps)
  • — Изображение в лайтбоксе (подключение JS-плагинов)
  • — CMS — понятие и обзор наиболее распространенных
  • — Фреймворки (на примере Bootstrap)

12. Практика и итоговая работа

  • — Консультации по итоговым работам
  • — Обзор смежных специальностей
  • — Профориентация
  • — Обзор рынка вакансий в сфере IT
  • — Как найти работу в IT?
  • — Что делать дальше?

Выпускной

  • — Вручение сертификатов
  • — Чай/кофе и сладости
  • — Настольные игры
  • — Разговоры о будущем :)

Какой результат?

Выпускники курса получают отличную теоретическую базу, а главное — практические навыки верстки.
После обучения вы сможете:

Начать карьеру Frontend Developer

Стать верстальщиком — и создавать полноценные функциональные сайты

Сделать свой собственный сайт

Сколько стоит этот курс?

Стоимость

570 BYN

Возможна оплата в два этапа:

— 285 рублей до начала занятий;

— 285 рублей после пятого занятия.

Мы заботимся о своих выпускниках
и оказываем им максимальную поддержку после курсов
Что после?

Выдаем сертификат на русском языке

Помогаем в составлении резюме

Размещаем резюме в базе выпускников

Предоставляем скидку на другие курсы нашего центра

Преподаватели

Вы можете рассчитывать на нас, потому что мы любим свое дело. А еще стоит прийти учиться в Пингвин, потому что у нас:
Почему мы?

Занятия проходят в офисе студии

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

Офис находится в центре города — на проспекте Машерова, 17. К нам одинаково удобно добираться как от красной ветки метро, так и от синей. Еще сюда ходят автобусы, троллейбусы и даже трамваи!

Оплачивать обучение
можно частями

Совсем не обязательно вносить полную оплату до начала занятий. Можно оплатить обучение в два этапа: первый взнос — после подписания договора, второй — в середине обучения.

Нужно много работать

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

Маленькие группы

В группе максимум 6 человек. Это наиболее оптимальное количество студентов, при котором преподаватель сможет уделить каждому максимум своего внимания.

Нам важно качество обучающего процесса

Можно пройти стажировку

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

По итогам стажировки можно получить либо заслуженную характеристику, либо оффер на работу.

Индивидуальный подход
Опытные преподаватели
Доступные цены

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