HTML/CSS | OTUS
⚡ Подписка на курсы OTUS!
Интенсивная прокачка навыков для IT-специалистов!
Подробнее

Курсы

Программирование
Backend-разработчик на PHP
-9%
Алгоритмы и структуры данных
-9%
Team Lead
-6%
Архитектура и шаблоны проектирования Разработчик IoT
-13%
C# Developer. Professional
-9%
HTML/CSS
-11%
C# ASP.NET Core разработчик
-5%
Kotlin Backend Developer
-8%
iOS Developer. Professional
-8%
Symfony Framework C++ Developer. Professional Java Developer. Basic JavaScript Developer. Professional Базы данных Android Developer. Professional Framework Laravel Cloud Solution Architecture Highload Architect Reverse-Engineering. Professional Vue.js разработчик Agile Project Manager Интенсив «Оптимизация в Java» Супер - интенсив по паттернам проектирования Супер - интенсив по Kubernetes Супер-интенсив «СУБД в высоконагруженных системах» Супер-интенсив "Tarantool" PHP Developer. Basic
Инфраструктура
Administrator Linux.Basic
-10%
Мониторинг и логирование: Zabbix, Prometheus, ELK
-10%
Экспресс-курс «CI/CD или Непрерывная поставка с Docker и Kubernetes»
-30%
Administrator Linux. Professional
-6%
Дизайн сетей ЦОД
-13%
Разработчик IoT
-13%
Экспресс-курс по управлению миграциями (DBVC)
-10%
Основы Windows Server MS SQL Server Developer Разработчик программных роботов (RPA) на базе UiPath и PIX Microservice Architecture Reverse-Engineering. Professional Внедрение и работа в DevSecOps Супер-практикум по работе с протоколом BGP Супер - интенсив по паттернам проектирования Супер - интенсив по Kubernetes Экспресс-курс «IaC Ansible» Network engineer. Basic
Корпоративные курсы
Безопасность веб-приложений Пентест. Практика тестирования на проникновение Экспресс-курс «CI/CD или Непрерывная поставка с Docker и Kubernetes»
-30%
IT-Recruiter
-15%
Дизайн сетей ЦОД
-13%
Компьютерное зрение
-13%
Enterprise Architect
-6%
Экосистема Hadoop, Spark, Hive
-8%
Экспресс-курс по управлению миграциями (DBVC)
-10%
Основы Windows Server SRE практики и инструменты Cloud Solution Architecture Разработчик голосовых ассистентов и чат-ботов Agile Project Manager Супер-практикум по работе с протоколом BGP Infrastructure as a code in Ansible Супер-практикум по использованию и настройке GIT Промышленный ML на больших данных Супер-интенсив Azure Системный аналитик. Advanced
Специализации Курсы в разработке Подготовительные курсы
+7 499 938-92-02
Специальная цена
Специальная цена

HTML/CSS

Best practices по верстке сайтов.

Длительность обучения:

3 месяца

4 ак. часа в нед.

Формат:

Online

Начало занятий:

27 мая

Дни занятий:

Чт 20:00, Вт 20:00

Что даст вам этот курс
На курсе вы освоите лучшие практики современной верстки сайтов, а также:

  • научитесь интерпретировать макеты дизайнеров;
  • создавать семантическую разметку вебсайтов;
  • создавать макеты любой сложности без гор библиотек и плагинов;
  • освоите основной стек технологий и приемы в верстке: box model, positioning, float, flexbox, grid, media quesries, fallbacks, CSS resets, autoprefixer, postcss;
  • пройдете основы оптимизации, BEM номенклатуру;
  • научитесь работать с фреймворками bootstrap и tailwind.
С первого же месяца вы будете заниматься в условиях, приближенных к реальной разработке: научитесь верстать сайт по макету, делать верстку адаптивной, тестировать ее на различных мобильных устройствах, деплоить промежуточные версии.

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


Программа предназначена для новичков, не знакомых с версткой, а также для начинающих, кто:

- знаком с основами HTML и CSS и хочет развиваться в области верстки страницы;
- начал осваивать HTML и CSS, но хочет систематизировать знания и получить экспертную обратную связь;
- веб дизайнеров, который хотели бы сами воплощать свои макеты в жизнь.
Demo day онлайн-курса «HTML/CSS», 7 мая в 20:00
На вебинаре мы обсудим:
- Насколько востребованы HTML/CSS-специалисты в период кризиса?
- Какие требования к соискателям предъявляют компании-работодатели?
- Какие вопросы задают на собеседовании, и как не допустить ошибку при ответе?
- Какие знания и навыки необходимы, чтобы выделиться из толпы и обеспечить себе карьерный прогресс?

Преподаватель-практик расскажет о себе, своём опыте, поделится карьерными инсайдами и лайфхаками по выгодной оплате курса.

Готовьте вопросы, сдавайте вступительный тест и присоединяйтесь!
Ведет
Маргарита
Образцова
CSS Reset - ненужный артифакт или спасательный круг, 18 мая в 20:00
На открытом уроке мы рассмотрим зачем нам CSS Reset, что такое рендеринг и как браузер рендерит страницу.
Маргарита
Образцова
Предыдущий открытый вебинар

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

Маргарита Образцова
Nitor, Senior Software Engineer
Профессиональный опыт: 7 лет программирования на JavaScript, NodeJS. Сейчас интересно функциональное программирование, работает с Clojure.
Тех. стек: HTML, CSS, JavaScript, TypeScript, Clojure, ClojureScript, Node.JS, Webpack

Участвовала на проектах различных уровней сложности: от стартапов до бизнес-приложений.

Автор статей о веб разработке.
Спикер Holy JS
Преподаватель и лектор Хельсинкского университета прикладных наук - Haaga-Helia UAS.

Руководитель программы

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

Маргарита Образцова
Nitor, Senior Software Engineer
Профессиональный опыт: 7 лет программирования на JavaScript, NodeJS. Сейчас интересно функциональное программирование, работает с Clojure.
Тех. стек: HTML, CSS, JavaScript, TypeScript, Clojure, ClojureScript, Node.JS, Webpack

Участвовала на проектах различных уровней сложности: от стартапов до бизнес-приложений.

Автор статей о веб разработке.
Спикер Holy JS
Преподаватель и лектор Хельсинкского университета прикладных наук - Haaga-Helia UAS.

Руководитель программы
Корпоративное обучение для ваших сотрудников
>
Программа обучения
В процессе обучения вы получите комплексные знания и навыки.
C 27 мая
Тема 1. Введение в Web
Тема 2. Почему html - это не язык программирования
Тема 3. CSS: история стилей
Тема 4. Box model в деталях
Тема 5. Позиционирование элементов в деталях
C 17 июня
Тема 6. Layout: введение, основы
Тема 7. Layout techniques
Тема 8. Flexbox layout
Тема 9. Grid layout
Тема 10. Поддержка браузеров и fallbacks
C 6 июля
Тема 11. Поддержка браузеров и fallbacks
Тема 12. Mobile first vs desktop first media queries
Тема 13. Особенности мобильной верстки
Тема 14. Анимации CSS
C 20 июля
Тема 15. Номенклатура
Тема 16. Bootstrap
Тема 17. Tailwind
C 29 июля
Тема 18. Введение в JavaScript
Тема 19. Настройка для верстки
Тема 20. Webpack (часть 1)
Тема 21. Webpack (часть 2)
Тема 22. Оптимизация ассетов
Тема 23. Деплой страницы
Тема 24. Аналитика и поддержка
C 24 августа
Тема 25. Выбор темы и организация проектной работы
Тема 26. Защита проектных работ
Скачать подробную программу

Процесс обучения

Все обучение проходит онлайн: вебинары, общение с преподавателями и вашей группой в слаке курса, сдача домашних работ и получение обратной связи от преподавателя.

Вебинары идут дважды в неделю по 2 академических часа (то есть астрономических 1,5 часа). Все вебинары сохраняются и в записи в вашем личном кабинете.

Домашнее задание выдается в среднем раз в 2 недели, а его выполнение занимает окооло 2-3 часов. Мы горячо призываем заниматься такой самостоятельной работой, так как это поможет вам качественно освоить все изучаемые технологии на практике с поддержкой и обратной связью наших преподавателей.

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

Курс длится 3 месяца.

Выполнение проектной работы помогает усвоению практических навыков, а тема проекта отдельно выносится в сертификат. Во время работы над проектом студенты получают консультации и обратную связь от преподавателей в слаке группы и на проектных занятиях.
Получить консультацию
Наш специалист свяжется с вами в ближайшее время. Если у вас возникли трудности в выборе курса или проблемы технического плана, то мы с радостью поможем вам.
Спасибо!
Мы получили Вашу заявку, в ближайшее время с Вами свяжется наш менеджер.
Заберете с собой:
  • основные и дополнительные материалы, и видеозаписи занятий;

  • образцы кода;

  • собственный проект, который можно будет показывать при трудоустройстве;

  • сертификат о прохождении обучения.

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

Дата выдачи сертификата: 17 сентября 2021 года
Ваш сертификат

онлайн-образование

Сертификат №0001

Константин Константинопольский

Успешно закончил курс «HTML/CSS»
Выполнено практических заданий: 16 из 16

Общество с ограниченной ответственностью “Отус Онлайн-Образование”

Город:
Москва

Генеральный директор ООО “Отус Онлайн-Образование”
Виталий Чибриков

Лицензия на осуществление образовательной деятельности
№ 039825 от 28 декабря 2018 года.

онлайн-образование

Сертификат №0001

Константин Константинопольский

Успешно закончил курс «HTML/CSS»
Выполнено практических заданий: 16 из 16

Общество с ограниченной ответственностью “Отус Онлайн-Образование”

Город:
Москва

Генеральный директор ООО “Отус Онлайн-Образование”
Виталий Чибриков

Лицензия на осуществление образовательной деятельности
№ 039825 от 28 декабря 2018 года.
Прошедшие открытые вебинары
Открытый вебинар — это настоящее занятие в режиме он-лайн с преподавателем курса, которое позволяет посмотреть, как проходит процесс обучения. В ходе занятия слушатели имеют возможность задать вопросы и получить знания по реальным практическим кейсам.
Как сверстать любой вебсайт: Float, Flexbox, Grid
Маргарита Образцова
Стоимость обучения
40 000 ₽
45 000 ₽
Продолжительность
3 месяца
Начало занятий
27 мая