Рассрочка
HTML/CSS
Сделай первый шаг в новую профессию, изучив базовые технологии создания сайтов HTML и CSS.
25 декабря
Basic
4 месяца
Онлайн
Пн/Ср 19:00 Мск
Для кого этот курс?
- Для тех, то хочет освоить новую профессию и хочет войти в IT сферу с нуля
- Для веб-дизайнеров, которые хотели бы сами воплощать свои макеты в жизнь
- Для владельцев бизнеса, которые хотят научиться понимать и разговаривать с разработчиками на одном языке
- Для тех, кто работает сисадмином или в технической поддержке и хочет стать частью команды разработчиков
- Для тех, кто знаком с основами HTML и CSS и хочет развиваться в области верстки сайтов
- Кто начал самостоятельно осваивать HTML и CSS, но хочет систематизировать знания и получить экспертную обратную связь
Подходит ли программа именно вам?
Менеджер поможет разобраться!
Что даст вам этот курс?
С первого же месяца вы будете заниматься в условиях, приближенных к реальной разработке: научитесь верстать сайт по макету, делать верстку адаптивной, тестировать ее на мобильных устройствах, деплоить промежуточные версии.
Инструменты, которые освоите на курсе
Работа с готовым макетом в Figma, Git и GitHub, современный редактор кода VSCode и его настройка, Emmet, сборщик проектов Webpack в режиме разработки и публикации, онлайн редакторы кода, встроенные фишки браузеров для работы с версткой, настройка среды разработки с Node.js, работа с npm.
После обучения вы сможете:
- верстать макеты любой сложности без гор библиотек и плагинов
- интерпретировать макеты дизайнеров
- создавать семантическую разметку веб-сайтов
- освоите основной стек технологий и приемы в верстке: box model, positioning, flexbox, grid, media queries, новые технологии, автоматизация процессов, webpack, autoprefixer, postcss
- пройдете основы оптимизации, BEM номенклатуру
- работать с фреймворками Bootstrap и Tailwind
Почему стоит освоить?
Язык HTML является основой современного веба, а CSS помогает оформлять страницы бесконечным набором способов. Это базовые технологии, с которых интернет зародился в далеких 1990х и они остаются необходимыми и по сей день.
Процесс обучения
Обучение проходит онлайн: вебинары, общение с преподавателями и вашей группой в Telegram, сдача домашних работ и получение обратной связи от преподавателя.
Вебинары проводятся 2 раза в неделю по 2 ак. часа и сохраняются в записи в личном кабинете. Вы можете посмотреть их в любое удобное для вас время.
В ходе обучения вы будете выполнять домашние задания. Каждое из них посвящено одному из компонентов вашего выпускного проекта.
После выполнения всех домашних заданий вы получите готовый выпускной проект.
Оптимальная нагрузка
Возможность совмещать учебу с работойЭксперты
Преподаватели из разных сфер, каждый со своим уникальным опытом
Перспективы
Партнеры
- Разместите свое резюме в базе OTUS и сможете получать приглашения на собеседования от партнеров
- Карьерные мероприятия в сообществе Публичное прохождение собеседования и воркшопы
Формат обучения
Интерактивные вебинары
2 занятия по 2 академ.часа в неделю.
Доступ к записям и материалам остается навсегда
Практика
Домашние задания с поддержкой и обратной связью наших преподавателей помогут освоить изучаемые технологии
Активное комьюнити
Общение с преподавателями на вебинарах, переписки в закрытом телеграм-чате, развёрнутые ответы при проверке домашних заданий
Программа
Введение в Web
В это модуле познакомимся с базой верстки.
Тема 1: Введение в Web
Тема 2: Version Control
Тема 3: Основы HTML, семантичность
Тема 4: Основы CSS
Тема 5: Типографика
Тема 6: Box model в деталях
Тема 7: Selector priority
Тема 8: Консультация по ДЗ
Layouts (макеты)
Вы научитесь создавать макеты под любой дизайн, пройдетесь по разным типажам разметки - от table, float, flex и grid, посмотрите на нюансы работы с дизайном.
Тема 1: Flexbox layout
Тема 2: Позиционирование элементов в деталях
Тема 3: Layout: виды
Тема 4: Grid layout
Тема 5: Workshop по сеткам
Тема 6: Поддержка браузеров, новые технологии и fallbacks
Тема 7: Консультация по ДЗ
Адаптивный веб-дизайн
В этом модуле мы будем говорить и тренировать адаптивность сайта от десктопа в планшет и далее в мобильную версию. Так же поговорим по подходы Mobile first и Desktop first. Познакомимся с нюансами верстки для мобильных устройств.
Тема 1: Введение в media queries
Тема 2: Mobile-first vs desktop-first
Тема 3: Особенности мобильной верстки
Pro верстка
Вы научитесь структурировать код стилей, использовать препроцессоры, работать с микро-сетками и добавлять декоративные эффекты. Изучите работу с формами обратной связи. Добавите анимаций и попробуете использовать сторонние библиотеки.
Тема 1: Организация кода по БЭМ
Тема 2: Препроцессоры
Тема 3: Всплывающие элементы
Тема 4: Разметка форм
Тема 5: Микро-сетки и декоративные элементы
Тема 6: Стилизация элементов форм
Тема 7: Анимации CSS: transition.
Тема 8: Консультация по ДЗ
Работа с библиотеками
Данный модуль поможет вам освоить навыки необходимые для лучшего управления вашим кодом и системой, освоите настройку окружения проекта.
Тема 1: Анимации CSS: animation
Тема 2: Компонентный подход в Bootstrap
Тема 3: Атомарные классы в Tailwind
Проектная работа
Заключительная часть курса посвящена подготовке проектной работы к защите. Сама проектная работа - это макет, который верстается при выполнении домашних заданий и состоит из двух частей: базовой и pro.
Тема 1: Консультация по ДЗ и проектной работе
Тема 2: Организация проектной работы. Деплой
Тема 3: Защита проектных работ
Также вы можете получить полную программу, чтобы убедиться, что обучение вам подходит
Выпускной проект
В качестве выпускного проекта вы сделаете небольшую, но очень интересную страничку о компании. Научитесь делать ее адаптивной, чтобы на любом устройстве (десктоп, планшет, мобильные) она отображалась понятно и удобно пользователю, как и любые современные веб-сайты. Эту работу вы будете делать последовательно выполняя задания курса.
Готовый проект может служить в качестве портфолио при устройстве на работу.
Преподаватели
Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания
Прошедшие
мероприятия
Корпоративное обучение для ваших сотрудников
- Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
- Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
- OTUS проверяет знания студентов перед стартом обучения и после его завершения
- Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
- Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
- OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год
Отзывы
Сертификат о прохождении курса
OTUS осуществляет лицензированную образовательную деятельность.
В конце прохождения курса вы получите сертификат OTUS и официальный диплом о получении новой специальности
После обучения вы:
- Получите материалы по всем пройденным занятиям (презентации, видеозаписи вебинаров)
- Получите сертификат об окончании курса
HTML/CSS
Полная стоимость
Стоимость указана для оплаты физическими лицами
вычета до 13% стоимости обучения. Оставьте заявку и менеджер вас проконсультирует
+7 499 938-92-02 бесплатно