Рассрочка
HTML/CSS
Сделай первый шаг в новую профессию, изучив базовые технологии создания сайтов HTML и CSS.
28 сентября
Basic
3 месяца
Онлайн
Вт/Чт 20: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х и они остаются необходимыми и по сей день.
Процесс обучения
Курс состоит из живых вебинаров, домашних заданий и видеозаписей, в качестве дополнительного материала.
На курсе предусмотрено менторское сопровождение в виде групповых менторских разборов домашних заданий.
Занятие по групповому разбору ДЗ с ментором проводится раз в месяц в рамках расписания курса.
Также вы сможете общаться с ментором в чате по домашнему заданию, где он даст качественную обратную связь по итогам проверки и направит вас в нужное русло при выполнении ДЗ.
Трудоустройство
- Разместите свое резюме в базе OTUS и сможете получать приглашения на собеседования от партнеров
- Карьерные мероприятия в сообществе Публичное прохождение собеседования и воркшопы
Формат обучения
Плавный старт
Для постепенного погружения в профессию 2 недели - 1 занятие в неделю, далее - 2 занятия в неделю
Практика
Домашние задания + проектная работа, которая усилит ваше портфолио
Групповое менторство
Разберем возникающие в процессе обучения вопросы и пути решения ДЗ
Программа
Введение в Web
В это модуле познакомимся с базой верстки.
Тема 1: Введение в Web
Тема 2: Version Control
Тема 3: Почему html - это не язык программирования
Тема 4: CSS: история стилей
Тема 5: Типографика
Тема 6: Консультация по ДЗ
Тема 7: Box model в деталях
Тема 8: Позиционирование элементов в деталях
Тема 9: Selector priority
Layouts (макеты)
Вы научитесь создавать макеты под любой дизайн, пройдетесь по разным типажам разметки - от table, float, flex и grid, посмотрите на нюансы работы с дизайном.
Тема 1: Layout: введение, основы
Тема 2: Flexbox layout
Тема 3: Grid layout
Тема 4: Workshop по сеткам
Тема 5: Поддержка браузеров, новые технологии и fallbacks
Тема 6: Консультация по ДЗ
Адаптивный веб-дизайн
Вы научитесь работать с мобильной версткой - все, что вам надо знать о мобильном дизайне, узнаете, как подходить к верстке с mobile first approach.
Тема 1: Введение в media queries
Тема 2: Mobile-first vs desktop-first
Тема 3: Особенности мобильной верстки
Тема 4: Анимации CSS
Coding style
Вы научитесь структурировать код по стилям и использовать сторонние библиотеки, освоите Tailwind и Bootstrap.
Тема 1: Номенклатура
Тема 2: Bootstrap
Тема 3: Консультация по ДЗ
Тема 4: Tailwind
JavaScript Basic
Данный модуль поможет вам освоить базовые навыки JavaScript и npm для лучшего управления вашим кодом и системой, освоите настройку окружения проекта с npm библиотеками.
Тема 1: Введение в JavaScript
Тема 2: Настройка окружения для верстки
Тема 3: Установка Webpack
Тема 4: Автоматизация процессов
Тема 5: Оптимизация ассетов
Тема 6: Консультация по ДЗ и проектной работе
Тема 7: Деплой страницы
Тема 8: Аналитика и поддержка
Проектная работа
Заключительный месяц курса посвящен проектной работе. Свой проект — это то, над чем интересно поработать слушателю. То, что можно создать на основе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей.
Тема 1: Выбор темы и организация проектной работы
Тема 2: Защита проектных работ
Также вы можете получить полную программу, чтобы убедиться, что обучение вам подходит
Выпускной проект
В качестве выпускного проекта вы сделаете небольшую, но очень интересную страничку о компании. Научитесь делать ее адаптивной, чтобы на любом устройстве (десктоп, планшет, мобильные) она отображалась понятно и удобно пользователю, как и любые современные веб-сайты. Эту работу вы будете делать последовательно выполняя задания курса.
Готовый проект может служить в качестве портфолио при устройстве на работу.
Преподаватели
Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания
Прошедшие
мероприятия
Корпоративное обучение для ваших сотрудников
- Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
- Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
- OTUS проверяет знания студентов перед стартом обучения и после его завершения
- Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
- Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
- OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год
Отзывы
Сертификат о прохождении курса
OTUS осуществляет лицензированную образовательную деятельность.
В конце прохождения курса вы получите сертификат OTUS и официальный диплом о получении новой специальности
После обучения вы:
- Получите материалы по всем пройденным занятиям (презентации, видеозаписи вебинаров)
- Получите сертификат об окончании курса
HTML/CSS
Стоимость в рассрочку
Стоимость указана для оплаты физическими лицами
вычета до 13% стоимости обучения. Оставьте заявку и менеджер вас проконсультирует
+7 499 938-92-02 бесплатно