Иннополис

Мой первый сайт. Основы веб-верстки

  • Сертификат: Есть
  • Формат: Online
  • Язык: Русский
  • Осталось мест: не ограничено
Записаться

Мой первый сайт. Основы веб-верстки

Программа профессиональной переподготовки по проекту Цифровые профессии. Курс дает основы веб-верстки, HTML и CSS, языка программирования JavaScript. Научитесь верстать по дизайнерскому макету, выкладывать работы на Github Pages и пользоваться методологией веб-разработки БЭМ.

Для кого:
новичкам в веб-верстке
тем, кто хочет перейти в ИТ
Backend-разработчикам
интернет-маркетологам
дизайнерам

Компетенции:
  1. Верстать адаптивные веб-страницы на HTML/CSS
  2. Основам языка программирования JavaScript
  3. Работать с системой контроля версий Git
  4. Применять методологию веб-разработки БЭМ

Подскажем какие навыки и где прокачать

Программа обучения
  • Основы HTML и CSS

    В этом разделе студенты познакомятся с устройством веба и научатся основам HTML и CSS, а также узнают, как настраивать редакторы кода и искать информацию по фронтенду.


    • Вводное занятие. ПК грамотность
    • Основы HTML и CSS
    • Форматы изображений
    • Как эффективно искать информацию по фронтенду
    • Работа с макетом
    • Настройка редакторов кода
  • Верстка учебного макета

    В этой части курса студенты начинают изучать основы современной раскладки, верстают учебный макет и страницу о себе, знакомятся с языком программирования JavaScript. Также подробнее изучат инструменты разработчика в браузере, эволюцию методов верстки, работу с серверами и бэкэндом.


    • Современные методы верстки
    • Цифровой цвет
    • Популярные ошибки и как их избежать
    • Основы адаптивной верстки
    • Эволюция раскладок
    • Начало JavaScript
    • Инструменты разработчика в браузерах
    • Серверы и онлайн-сервисы
    • Псевдоклассы и псевдоэлементы
    • Позиционирование элементов
    • CSS Анимации
  • Основа верстки макета, погружение в CSS и инструменты разработки

    В этом разделе студенты верстают основу макета, учатся работать с системой контроля версий Git и методологией БЭМ, а также глубже погружаются в верстку.


    • Система контроля версий Git
    • Введение в методологию БЭМ
    • Верстка макета
  • Завершение верстки макета и дополнительные темы

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


    • Работа со шрифтами
    • Решение сложных проблем раскладки
    • CSS Функции min (), max (), clamp () и calc ()
    • CSS Переменные
    • Эволюция методов создания сайтов
    • CSS Фильтры и режимы наложения
    • Критерии оценки верстки
    • Компьютер для фронтендера
    • Продолжение обучения и поиск работы