Акции школ
Войти

Курс «HTML5 и CSS3»

Составитель: Денис Сметнёв · Оценка на MOOC.ru: 4 из 5 — по 3 отзывам на нашем сайте
Сложный
16 500 
4 · 4 отзыва
от 1 375 ₽/мес в рассрочку (прим.)

8 уроков по основам современных средств веб-разработки — HTML5 и CSS3. Курс длится 1 месяц. Подходит новичкам и начинающим программистам. Способствует продвижению в профессии frontend-, javascript- и веб-разработчиков. В программе: обучение освоение связки HTML/CSS, которая даст возможность верстать макеты, создавать и редактировать статические сайты. Преподаватели помогут с выполнением домашних заданий. Выпускники получают сертификат.

Подробнее


Сложный
16 500 
4 · 4 отзыва
от 1 375 ₽/мес в рассрочку (прим.)

Компания: GeekBrains (ГикБреинс)

рейтинг: Язык: ru

Уровень: Сложный Длительность: 4 недели Старт: в любое время

Сколько зарабатывают в профессии (медиана hh.ru, по 117 вакансиям)

Junior
80 000 ₽
Middle
130 000 ₽

Окупаемость: стоимость курса ≈ 1 мес зарплаты junior-специалиста.

Сравнение с похожими курсами других школ

КурсШколаЦенаСрокРейтингДиплом
HTML5 и CSS3 (этот) GeekBrains (ГикБреинс) 16 500 ₽ 4 недели 4
1-2-3 — Сайт! Восхождение на Tilda Тренинг-центр 1day1step.ru 8 400 ₽ 2 месяца 5.0 Обзор
Разработчик на Spring Framework OTUS (Отус) 5 месяцев 5.0 Перейти
JavaScript. Уровень 3г. HTML5 API Учебный центр "Специалист" 22 490 ₽ 2.0 Сертификат Перейти
16 500 ₽ · от 1 375 ₽/мес
Курс не проводится
Длительность курса

Длительность курса

30 дней

Формат обучения

Формат обучения

Онлайн-курс

Обратная связь

Обратная связь

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

Теория и практика

Теория и практика

8 уроков

Чему научитесь

  • Использовать тени, скругленные углы блоков без использования изображений;
  • Создавать текстовые эффекты;
  • Определять, поддерживаются ли возможности HTML5/CSS3 в браузере пользователя;
  • Использовать встроенные возможности браузера для воспроизведения аудио и видео на веб-страницах.
Курс не проводится Запишись на курс
прямо сейчас!

О курсе

О курсе

Разработчикам с базовым уровнем

Освоите базовый фундамент, который служит основой для создания современных веб-сайтов и является первым этапом для изучения других технологий программирования для глобальной сети Internet.

Урок 1. HTML5: Семантические элементы.

Обзор HTML5, Новые семантические элементы HTML5, Новый способ структурирования страниц. Семантика текстового уровня. Настройка редактора , практические примеры применения семантических тегов, для создания структуры сайта. Знакомство с плагинами ускоряющими вёрстку сайта.

Урок 2. Позиционирование элементов, Практическая вёрстка.

Позиционирование элементов, расположение элементов на странице (позиционирование элементов по вертикали, по горизонтали). Рассмотрим самые популярные css генераторы, какие они бывают, для чего применяют каждый из них.

Урок 3. HTML5 формы. Добавление Аудио и Видео на страницу.

Рассмотрим и подробно разберем на практических примерах данные особенности. Усовершенствование традиционных форм (добавление подсказок, фокусировка на элементе и т.д.). Проверка форм на ошибки заполнения. Новые типы элементов (адреса электронной почты, URL-адреса и т.д.). Добавим в наш проект видео и аудио информацию, посмотрим как все это реализуется на практике. Рассмотрим работу тэгов

Урок 4. Параметры CSS для фона. Использование SVG.

Создание множественного фона для сайта. Задание фоновых изображений для адаптивных сайтов. Создание градиентного фона для сайт. Знакомство со спрайтами и иконочными шрифтами. Модернизируем наш проект в соответствии с новыми возможностями CSS3. Добавим необходимые элементы и эффекты. Знакомство с форматом svg.

Урок 5. Работа с текстом. Границы в CSS3

Работа с шрифтами. Веб-шрифты GOOGLE. Размещение текста в несколько колонок. Рассмотрим механизмы представления текстовой информации: оформление, выравнивание, отступы. Переключаемые вкладки для создания меню.Рассмотрим основы Canvas. Рассмотрим работу с границами в CSS, способы создания рамок элементов. Создание прозрачных рамок, теней, скругленных углов, градиентов.

Урок 6. Эффекты перехода и трансформации CSS3.

Эффекты перехода. Применение трансформации. Поворот элементов при наведении на него. Создание анимации средствами в CSS3. Узнаем для чего нужна данная технология и где ее следует применять. Добавим анимацию для некоторых элементов нашего сайта.

Урок 7. Адаптивная вёрстка (Часть 1).

Рассмотрим понятие адаптивного дизайна. Для чего и в каких случаях применяется. Основы синтаксиса и примеры. Придадим дизайну современный вид.

Урок 8. CSS3 Углубленное изучение.SASS. Flexbox.

Рассмотрим новое свойство flex, для создания гибкой структуры внутренних блоков сайт. Сделаем финальный проект со всеми доработками и нововведениями представленными CSS3, С использованием одного из самых популярных препроцессоров SASS.

HTML5

CSS3

SASS

Canvas

Верска статических сайтов

Создание текстовых эффектов

Использование нестандартных загружаемых шрифтов

Использование SVG

Создание анимации средствами в CSS3

Навыки, которые вы получите

 
SVG ВЕРСТКА АНИМАЦИЯ С CSS РАБОТА СО ШРИФТАМИ

Компания, проводящая курс

GeekBrains (ГикБреинс)

214 курсов по 806 темам

Онлайн-платформа для обучения GeekBrains (Гик брейнс) работает с 2014 года. Является частью холдинга Mail.Ru Group и резидентом Сколково с 2016...

Преподаватели курса

руководитель веб-разработки в МакроИндекс

В 14 лет самостоятельно изучил HTML/CSS/PHP и запустил свой...

Выпускник Московского Института электронной техники

Образование Выпускник Московского Института...

разработчик ПО

Выпускник Кемеровского государственного...

фрилансер

Занимаюсь программированием с 2012 года. Считаю что IT...

разработчик крупных корпоративных веб-систем

Увлекался программированием со школы, получил высшее...

Веб-дизайнер и фронтэнд-разработчик

2005-2010 КамГУ им. Витуса Беринга 2008-2014 Камчатский...

Тестировщик ПО, разработчик

Свою первую программу написал на Delphi в 2004 году,...

Преподаватель в Политехническом Университете

Выпускник Санкт-Петербургского Политехнического...

TypeScript developer в Saber Interactive

Выпускник Санкт-Петербургского Государственного...

Кандидат наук Самарского университета

Кандидат наук, сотрудник Центра дистанционных...

Веб-разработчик

Выпускник РГУИТ по направлению «Прикладная...

эксперт-разработчик BI-системы QlikView

Выпускник МИЭМ НИУ ВШЭ. За 6 лет успел поработать в...

Отзывы студентов

4
Рейтинг курса (все отзывы)
★ 4 · 3 отзывов на MOOC.ru
50% · 2
25% · 1
0%
25% · 1
0%
больше курсов

Похожие курсы компании

GeekBrains (ГикБреинс)
(3)
GeekBrains (ГикБреинс)
(0)
GeekBrains (ГикБреинс)
(0)
GeekBrains (ГикБреинс)
(1)
GeekBrains (ГикБреинс)
(0)
4 588 
GeekBrains (ГикБреинс)
(0)
GeekBrains (ГикБреинс)
(1)
больше курсов

Другие курсы этих преподавателей

GeekBrains (ГикБреинс)
(7)
224 500 
GeekBrains (ГикБреинс)
(23)
224 500 
GeekBrains (ГикБреинс)
(42)
199 500 
GeekBrains (ГикБреинс)
(3)
104 700 
GeekBrains (ГикБреинс)
(1)
212 500 
GeekBrains (ГикБреинс)
(72)
149 700 
GeekBrains (ГикБреинс)
(46)
224 500 
GeekBrains (ГикБреинс)
(35)
199 500 
GeekBrains (ГикБреинс)
(5)
124 500 
GeekBrains (ГикБреинс)
(6)
15 000