Курс HTML & CSS

Основы работы с front end-разработкой. Освойте верстку с нуля!
СТАРТ
ВРЕМЯ
16 января
3900 грн
возможна оплата частями
ЦЕНА
30 часов
2-3 раза в неделю
с 19:00 до 22:00
Для юр. лиц цена указана без НДС
Про курс
HTML позволяет создавать веб-страницы, а CSS используется для того, чтобы придавать им нужный внешний вид. Ни одна веб-страница не обходится без HTML. Это базис для веб-разработчиков. Имея эти знания, можно начинать работать с реальными веб-проектами.

В конце курса вы научитесь создавать веб-страницы, наполнять их содержимым, работать с WordPress, а также создадите свой собственный одностраничный сайт и выгрузите его на хостинг.
Что включает курс
10 занятий — от теории к созданию собственного проекта
Опыт работы в команде и проект для портфолио
Сертификат об окончании
Консультации и комментарии по проекту от преподавателя
Контроль знаний — практические работы и тесты
Интерактивный личный кабинет с доступом к материалам курса
Чему вы научитесь?
— Понимать принципы создания и наполнения сайтов

— Добавлять стили всем элементам веб-страницы
Чего не будет
— Теории без практики
— Устаревших механик работы
— Пересказа чужих лекций и книг
— Вопросов без ответа
— Выгружать сайты на хостинг и работать с WordPress

— Разбираться в адаптивной, кроссбраузерной, попиксельной, резиновой, смешанной и статичной верстках

Преподаватели
Сделайте первые шаги в программировании под руководством практикующих специалистов!
Егор Маркевич
Javascript
3+ года в разработке программного обеспечения и преподавании
Иван Ничепорук
Front end
3+ года в веб-разработке
Александр Топчий
PHP Programming, Основы программирования, HTML, JS base
3+ года в преподавании программирования
Javascript-разработчик. Умеет доступным языком объяснить даже самую сложную терминологию, используя примеры из наработанного жизненного опыта.

Знает Javascript, CSS3, HTML5, WordPress REST API, Bootstrap, API Карт Google. Также разбирается в принципах разработки гибкого дизайна.

Творчески подходит к манере подачи обучающего материала, гарантирует комфорт и интерес слушателей на каждом уроке. Обучение будет полезным и эффективным как для новичков, так и для опытных разработчиков.
Профессионал в области веб-разработки. Хорошо понимает жизненный цикл создания продукта. Полностью ориентирован на результат в работе, применяет логический и методический подход к решению задач. Успел поработать над несколькими крупными коммерческими проектами в сфере маркетинга, ритейла и др.

Владеет такими языками программирования как JavaScript, Type Script, HTML, CSS, технологиями Ajax, Git, OOP. Знает фреймворки Boostrap, JQuery, Angular и др. Широкий набор инструментов разработчика позволит преподнести материал с разных точек зрения и покажет различные способы решения проблем.

Студенты получат большой объем знаний, основанный на собственном опыте преподавателя. Также на практических занятиях они смогут отточить полученные навыки Front end-разработчика и задать преподавателю интересующие вопросы.
Компетентный преподаватель с творческим подходом к работе. Очень легко и интересно подает материал, использует простые примеры из жизни для объяснения терминологии. Умеет выходить из любого сложного положения в программировании и научит этому своих студентов. Обучил 1500+ начинающих и опытных разработчиков, которые после выпуска устроились на работу в преуспевающие компании.

Александр досконально знает Photoshop, HTML, CSS, JavaScript, PHP, ASP.NET, C#, MS SQL. Также находится на начальном этапе изучения Flash. Старается не останавливаться на достигнутом и все время развиваться. Преподавал курсы PHP Base, PHP Essential, HTML, CSS, C#, SQL, HTML, Javascript и другие для таких крупных компаний, как FOZZY GROUP, SkillUp, Перспектива XXI, Cyberbionic Systematics.

Борется за чистоту кода и прививает эту любовь к порядку всем своим студентам. Выпускники отмечают, что Александр даже самую сложную и скучную теорию преподносит настолько интересно, что все время занятий пролетает незаметно.

Програма навчання

1. Введение в веб-технологии
  • Предназначение технологий;
  • Стек разработки для сайта;
  • Принцип работы «клиент-сервер»;
  • Консоль разработчика;
  • Текстовый редактор и IDE;
  • Что такое HTML&CSS&JS и их взаимодействие;
2. HTML
  • Базовые принципы верстки;
  • Знакомство с понятием тега и атрибута;
  • Обязательная структура любой веб-страницы;
  • Понятия строчных и блочных элементов веб страницы;
  • Понятия парных и непарных тегов;
  • Семантические теги;
  • Спецсимволы;
  • Работа с тегами и атрибутами;
  • Работа с ссылками и якорями;
  • Работа с текстом и комментариями;
  • Работа с различными системами цветов в HTML;
  • Работа с изображениями;
  • Нумерованные и маркированные списки;
  • Работа с блоками (div);
  • Таблицы;
  • Формы;
  • Элементы форм (инпуты);
  • Айфреймы;
  • Подключение разных модулей к документу HTML;
  • Форматирование элементов HTML;
3. Работа с браузером
  • Установка полезных расширений для верстки;
  • Отладчик кода;
4. Хостинговые и доменные панели
5. Файловый менеджер (Filezilla)
6. CSS
  • Что такое CSS;
  • Базовые принципы написания стилей;
  • 3 способа добавления CSS на HTML-страницу;
  • Внешние таблицы стилей;
  • Относительные и статичные единицы измерения;
  • Работа со шрифтами (семейства, стили, размеры, насыщенность)
  • Работа с границами элементов (бордер, радиус, тени);
  • Работа с отступами и размерами элементов;
  • Градиенты;
  • Работа со свойствами float и clear;
  • Flex box;
  • Работа с фоном (изображения и цвет, размеры, прозрачность);
  • Селекторы;
  • Продвинутые селекторы;
  • Приоритеты стилей;
  • Перезапись стилей;
  • Псевдоклассы, псевдоэлементы;
  • Работа с анимацией элементов;
  • Валидация;
  • Медиазапросы;
7. Разные виды верстки
  • Адаптивная верстка;
  • Резиновая верстка;
  • Pixel perfect верстка;
  • Статичная верстка;
  • Кроссбраузерная верстка;
  • Смешанная верстка;
8. Фотошоп для разработчика
  • Нарезка макета;
  • Основные инструменты;
  • Понятия сетки;
9. WordPress: создание и подключение базы данных
  • Настройка тем;
  • Настройка плагинов;
  • Настройка меню;
  • Выгрузка на сервер;
10. Правила именования классов по BEM
11. Библиотека Bootstrap
12. Основы препроцессора Less
Что говорят наши выпускники
Проходила Html и JS, все доступно и понятно. Хороший преподаватель, структурированная информация, впечатления остались очень положительные. В планах еще несколько курсов тут же, что уже говорит само за себя
Буквально минулого тижня завершив курс HTML/CSS. Якщо ви новачок, то це для вас. Програма влаштована так, що за 10 занять ви можете навчитися створювати непогані сторінки, хоча тут ще звичайно залежить від вашого бажання. Курс сам по собі не важкий але інформативний, насичений, тому якщо не лінуватися то можна багато чому навчитися з оглядом на те, що раніше ви не мали справи з цією мовою. Викладач має хороший стаж, добре відноситься до своїх студентів і з ентузіазмом відповідає на їх запитання. Рекомендую.
Я закінчив базовий курс HTML/CSS в ITEA. Зокрема, буду говорити за даний курс та за школу загалом. Я впевнено можу сказати, що ця школа створює всі необхідні умови для комфортного навчання. Протягом навчання адміністратори школи цікавляться як проходить курс, чи все подобається студенту. Якщо щось не підходить або не влаштовує — оперативно виправлять. ITEA надасть тобі ту необхідну та потрібну базу для розуміння своєї спеціальності та подальшого розвитку. З необхідним багажем знань отриманих в ITEA в купі з хорошою мотивацією — реально стати хорошим спеціалістом IT. 🙂
Выпуск IT education academy HTML&CSS 2019
Успей забронировать место в группе
Обучение проходит в группах до 12-ти человек
Успей забронировать место в группе
Обучение проходит в группах до 12-ти человек

Часто задаваемые вопросы

Не будет ли в курсе слишком много теории? Я точно получу практические знания?
Информация без практического закрепления долго не держится в памяти. Поэтому после получения новых знаний, наши студенты сразу применяют их на практике. Ментор помогает им справиться с задачами и отвечает на вопросы, которые могут возникнуть. Поэтому вас ожидает практика на занятиях, в домашних заданиях, а также при работе с собственным проектом в конце курса.
Если я делаю паузу в обучении (например, по болезни), могу ли я восстановиться? Или время и деньги будут потеряны?
Если вы вынуждены временно прекратить обучение, вам потом не нужно будет снова возвращаться к самому началу. Вы можете продолжить с того же места, где остановились, а значит, ваш прогресс не будет утерян. Детали восстановления вы можете уточнить у администрации.
Как происходит процесс трудоустройства в ITEA после прохождения курса и получения сертификата?
Студенты, которые набрали максимальное количество баллов в ходе обучения и прошли программу Roadmap, получают специальную форму резюме для заполнения. После этого отдел кадров будет рекомендовать их нашим компаниям-партнерам для прохождения практики. Поэтому лучшие студенты получат стажировку и опыт, который поможет в дальнейшем трудоустройстве.
Будет ли преподаватель помогать мне с решением практических задач: давать советы, смотреть скриншоты, объяснять то, что я не понял?
Да. Преподаватель всегда на связи, чтобы направить студента и при необходимости исправить его. Он основывает свое обучение на собственном опыте и приводит примеры из собственной практики. Преподаватель не движется дальше по программе, пока студенты не усвоят материал на нужном уровне.
Есть ли возрастные ограничения на прохождение курса?
Курсы нацелены на аудиторию в возрасте от 15 лет. У нас также есть детские курсы для детей от 8 лет.
Нужно иметь предварительную подготовку в рамках вашего обучения?
Минимальные требования указаны на странице каждого курса. Чаще всего базовые курсы программирования не требуют специальной подготовки. Для продвинутого обучения достаточно материала предыдущего курса.
Какой уровень английского нужен для трудоустройства на позицию Junior?
Для того, чтобы занимать должность Junior, уровень английского должен быть не ниже Intermediate.

Курс HTML & CSS

Старт обучения
Берестейская 28.01.2020
Позняки 16.01.2020
ВДНХ 20.01.2020
30 час. по 2-3 раза в неделю

Описание курса

Курс HTML/CSS —  это обучение работе с языком разметки веб-страниц. Программа предназначена для новичков, которые желают изучить основы работы с front end-разработкой.

На курсе вы сможете освоить HTML с нуля: ознакомиться с теоретическими основами верстки и структурой HTML-документа, порядком публикации документов в web и сможете создавать полноценные страницы. HTML для начинающих является базисом для веб-разработчиков, а после его изучения уже можно начинать работать над реальными проектами. Уже первый урок даст возможность попрактиковаться в создании несложных HTML-страниц, работе с мультимедиа и таблицами стилей CSS.

После курса вы сможете:

  • Создавать веб страницы;
  • Наполнять их содержимым (текстом, ссылками, спецсимволами, изображениями, фонами, подключать иконочные и обычные шрифты и тд);
  • Добавлять стили всем элементам веб-страницы;
  • Выгружать сайты на хостинг;
  • Понимать и разбираться в адаптивной, кроссбраузерной, попиксельной, резиновой, cмешанной и статичной верстках;
  • Работать с WORDPRESS (Создавать и подключать базу данных к WP, загружать темы и работать с плагинами);
  • Сверстать одностраничный сайт и выгрузить его на хостинг для общего доступа пользователей по ссылке.

Вместе дешевле

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

  • Ввод в веб-технологии
    • Предназначение технологий;
    • Стек разработки для сайта;
    • Принцип работы «клиент-сервер»;
    • Консоль разработчика;
    • Текстовый редактор и IDE;
    • Что такое HTML&CSS&JS и их взаимодействие;
  • HTML
    • Базовые принципы верстки;
    • Знакомство с понятием тега и атрибута;
    • Обязательная структура любой веб-страницы;
    • Понятия строчных и блочных элементов веб страницы;
    • Понятия парных и непарных тегов;
    • Семантические теги;
    • Спецсимволы;
    • Работа с тегами и атрибутами;
    • Работа с ссылками и якорями;
    • Работа с текстом и комментариями;
    • Работа с различными системами цветов в HTML;
    • Работа с изображениями;
    • Нумерованные и маркированные списки;
    • Работа с блоками (div);
    • Таблицы;
    • Формы;
    • Элементы форм (инпуты);
    • Айфреймы;
    • Подключение разных модулей к документу HTML;
    • Форматирование элементов HTML;
  • Работа с браузером
    • Установка полезных расширений для верстки;
    • Отладчик кода;
  • Хостинговые и доменные панели;
  • Файловый менеджер (Filezilla);
  • CSS
    • Что такое CSS;
    • Базовые принципы написания стилей;
    • 3 способа добавления CSS на HTML-страницу;
    • Внешние таблицы стилей;
    • Относительные и статичные единицы измерения;
    • Работа со шрифтами (семейства, стили, размеры, насыщенность)
    • Работа с границами элементов (бордер, радиус, тени);
    • Работа с отступами и размерами элементов;
    • Градиенты;
    • Работа со свойствами float и clear;
    • Flex box;
    • Работа с фоном (изображения и цвет, размеры, прозрачность);
    • Селекторы;
    • Продвинутые селекторы;
    • Приоритеты стилей;
    • Перезапись стилей;
    • Псевдоклассы, псевдоэлементы;
    • Работа с анимацией элементов;
    • Валидация;
    • Медиазапросы;
  • Адаптивная верстка;
  • Резиновая верстка;
  • Pixel perfect верстка;
  • Статичная верстка;
  • Кроссбраузерная верстка;
  • Смешанная верстка;
  • Фотошоп для разработчика
    • Нарезка макета;
    • Основные инструменты;
    • Понятия сетки;
  • CMS Wordpress: создание и подключение базы данных;
    • Настройка тем;
    • Настройка плагинов;
    • Настройка меню;
    • Выгрузка на сервер;
  • Правила именования классов по BEM;
  • Библиотека Bootstrap;
  • Основы препроцессора Less;

Минимальные требования:

  • Наличие собственного ноутбука для занятий в аудиториях

* Примечание: указанные скидки не суммируются с другими действующими акциями и специальными предложениями. Скидка применяется только к новым заявкам и при условии полной оплаты. Если у Вас возникли вопросы, обращайтесь за консультацией к нашим менеджерам!

spinner-it