HTML и CSS. Уровень 2. Углубленный CSS и Верстка макета
Прокачайтесь в верстке от новичка до специалиста за 32 часа
Вы хотите построить карьеру в веб-разработке. Вы уже освоили азы HTML и CSS, но пора двигаться дальше.
Грамотного специалиста от новичка-верстальщика отличает квалификация. Чтобы ее поднять, нужно практиковаться. Как это сделать, если вас не берут даже джуниор-разработчиком?
Вы можете набить сотню шишек и научиться самостоятельно, верстая страницы в свободное время
В таком случае вас ждут долгие часы за учебниками и гайдами из Интернета. Самое страшное здесь то, что некому исправить ваши повторяющиеся ошибки. Код будет длинный и корявый, что не нравится работодателям. К джуниор-разработчикам всегда относятся с подозрением. Очень много само- и недоучек. Чтобы пробиться через недоверие, нужна качественная подготовка.
Если хотите быстро поднять свою квалификацию, лучше обратиться к профессионалам.
Учебный центр МГТУ представляет углубленный курс по HTML и CSS
Как проходят занятия на типичных онлайн-курсах по веб-разработке?
• Лекцию читает вчерашний практикант, который последний раз писал код на защите диплома под присмотром научного руководителя
• Преподаватель дает только теорию, которую непонятно как применять на практике
• Примеры кода показывают в презентации, а когда вы вставляете его в компилятор, на выходе одни ошибки
• Аудитория задает вопросы, но вместо ответов получает предложение “погуглить самостоятельно, реальная жизнь верстальщика она такая”
Из-за этого трудно решить, кому доверить свое обучение.
Наши курсы ведут сотрудники МГТУ, опытные преподаватели и практики. Их цель — помочь всем студентам усвоить материал. Каждая тема на курсе подкрепляется практическим опытом преподавателей. Для них теория без применения — пустая трата времени.
Кто преподает
Алексей Тарасов
Был научным сотрудником в ИнтелКластерСистем, ВНИИНС им. В.В. Соломатина и ИнтерЭВМ.
16 лет опыта работы в области IT
10 лет ведет курсы по веб-разработке в Учебном центре при МГТУ им. Н.Э. Баумана "Специалист". Преподавал дисциплины: — «Технология разработки программного обеспечения» — «Теория языков программирования и методы трансляции» — «Основы HTML и CSS»
Заработать в IT можно только с помощью знаний и навыков. Все результаты измеряются объективно.
Ваш заработок прямо пропорционален качеству вашей работы. Потолка в развитии фактически нет. Вы сами решаете, сколько вам зарабатывать. Прохождение этого 32-часового курса повысит вашу квалификацию. Вы получите практические знания и сможете решать задачи, которые не под силу новичкам.
С поддержкой преподавателей вы научитесь:
Подбирать программы для выполнения поставленных задач
Писать рабочий и емкий код
Применять современные технологии HTML и CSS
Создавать мобильные версии страниц
Нажмите чтобы увидеть полную программу курса «HTML и CSS. Уровень 2. Углубленный CSS и Верстка макета»
Модуль 1. Инструменты веб-разработки
Как выбрать браузер, редактор и плагины для работы
Преимущества редактора Brackets и как им пользоваться
Как находить ошибки в коде
Emmet и Beautify — плагины для эффективной верстки
Кодировки в HTML и зачем они нужны
Что такое accessibility и как ее повысить
Практическая работа в Brackets с плагином Emmet
Результат: Настроенное рабочее пространство, умение пользоваться необходимыми утилитами и плагинами
Модуль 2. О CSS селекторах в CSS3
Зачем нужен универсальный селектор в CSS. Тэги, классы и идентификаторы
Как применять мультиклассы в CSS
Зачем нужны селекторы по атрибутам
Преимущества спрайтов в CSS
Псевдоклассы и их применение
Что такое селекторы псевдоэлементов
Атрибут attr и его функция
Как использовать селекторы nth—
Как работают селекторы :target :empty :enabled :disabled
Проверка CSS кода на ошибки, селекторы валидации
Комбинирование селекторов для сокращения кода
Специфичность селекторов — как определяется их приоритет
Практическая работа с селекторами CSS
Результат: Умение пользоваться классами и селекторами в CSS3
Модуль 3. CSS свойства, модульная система CSS
Единицы измерения. Адаптивный размер страницы с vw, vh, vmin, vmax
Как строить страницу по блочной модели
Адаптивность страницы с display, flex
background и его дополнительные свойства. Что такое мультифон
Как создать градиент на странице
Как анимировать элементы через CSS. Свойство transition
Как добавить тень элементам с помощью box-shadow
Все что нужно знать о box-sizing
Как не накосячить с margin
Настройка размеров элементов, min_max_width
overflow — как уместить в элементе все необходимое
Управление потоком элементов с float, clear, overflow
Как верстать в три колонки
Позиционирование и центровка элемента
Имитация объема. z-index, клипирование
Как подготовить страницу для любого браузера
Практическая работа со свойствами CSS3
Результат: Умение располагать и оформлять элементы на странице через CSS3
Модуль 4. Создание эффектного выпадающего меню
Оформление списков в CSS
Как сделать гибкий и удобный список. Счетчики и сквозная нумерация
Счетчики для тэгов div и span
Как перенести список в таблицу
Практическая работа , создание выпадающего меню
Трансформация и анимация элементов
Как анимировать выпадающее меню
Ключевые кадры анимации: как ими пользоваться
Практическая работа, построение выпадающего меню
Результат: Умение создавать привлекательное выпадающее меню через CSS
Модуль 5. HTML-формы и элементы форм
Что такое HTML-форма
Как добавить в форму кнопки и текстовые поля
Как правильно оформить checkbox
Практическая работа с отдельными HTML-элементами формы
Результат: Умение работать с формой в HTML
Модуль 6. Работа со шрифтами
Гибкая настройка шрифтов с @font-face
Как находить шрифты в Google Fonts
Как верстать страницы для любого устройства
Практическая работа, подключение сторонних шрифтов на странице
Результат: Умение подбирать шрифты для страницы
Модуль 7. Финишная верстка макета
Зачем делить макет на составные части
Как сохранять изображения из макета
Как создать структуру страницы по макету
Практическая работа: Верстка PSD-макета
Практическая работа: Создание мобильной версии страницы
Результат: Умение работать с макетом страницы + полностью сверстанная страница в ваше портфолио
Отзывы
«Самое сложное во всем этом - это решиться полностью перевернуть свою жизнь и поверить в себя! Я изменил свою жизнь и ни разу не жалею! Я рад, что могу смотреть в будущее без страха потерять работу и остаться без денег»
Андрей Гончаров
Бывший юрист
«Все очень понравилось! Даже не ожидала, что на этом курсе я узнаю очень многое из того, что боялась самостоятельно изучить. При изучении курса мне стало легче выполнять и справляться с трудностями верстки.»
Татьяна Кузьминых
Студентка
«Материала, полученного на курсе, хватает для начала работы над реальными проектами. Дополнительная литература может быть дает всего лишь 5% новой информации.»
Любовь Лебедева
Парикмахер
Стоит ли становиться специалистом в веб-разработке?
Времени еще полно, верстка никуда не денется. Да и живется пока не очень плохо. Работа приносит какие-то деньги, еда и крыша есть…
С таким мышлением никакой курс вам не поможет. Чтобы прокачаться в какой угодно сфере, нужно желание жить лучше. Если вы приложите усилия на курсе, успех гарантирован.
Как понять, что курс вам подходит?
Вы хотите развиваться как программист. Верстка сайтов — отличное начало на этом пути
Вы хотите больше зарабатывать. На крутых верстальщиков всегда высокий спрос. Все полученные на курсе знания вы сможете конвертировать в прибыль.
Вам надоела ваша сфера деятельности. Отучились на нелюбимую специальность, а на переквалификацию в ВУЗе уже нет сил? Этот курс быстро поднимет вас как специалиста, и вы будете готовы развиваться дальше самостоятельно.
Запись на курс
Доступные тарифы:
Очное обучение в Москве
с 10:00 до 17:00 20 990 руб. 17 800 руб.
Заочное обучение в Москве
20 990 руб.
Онлайн обучение
20 990 руб. 17 800 руб.
Индивидуальное обучение
Выезд преподавателя в пределах Московской области 67 200 руб.