Веб-верстальщик "Основы HTML и CSS с нуля"

Description

Вы научитесь верстать сайты на HTML и CSS и создадите первые проекты для портфолио.

Во время курса вы будете работать как настоящие верстальщики: поработаете с системой контроля версий в GitHub Desktop.

Изучите HTML (язык разметки гипертекста), язык, общий для каждого веб-сайта. HTML описывает основную структуру и содержание веб-страницы.

Если вы хотите создать сайт или веб-приложение, вам нужно знать HTML.

Начните создавать веб-страницы с помощью HTML и CSS, основных строительных блоков веб-разработки.

Если вы программируете для развлечения или планируете начать карьеру в веб-разработке, изучение HTML и CSS - это отличное место для начала.

Во время курса вы изучите HTML, или язык разметки гипертекста, - это стандартный набор тегов, который вы будете использовать, чтобы сообщать веб-браузеру, как структурируется содержимое ваших веб-страниц и приложений. Научитесь использовать CSS или каскадные таблицы стилей, чтобы выбрать HTML-теги и сообщить браузеру, как должен выглядеть ваш контент.

Вы научитесь создавать сайты, адаптированные под мобильные устройства.

Курс состоит из 10 важных тем:

Введение в HTML. Основы Git.

Цель занятия:

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

Введение в CSS. Шрифты. Позиционирование элементов.

Цель занятия:

Разобраться с устройством и логическими частями макета. Понять структуру файлов веб-страницы.

Верстка первого проекта.

Цель занятия:

Закрепить на практике полученные знания. Научиться верстать вносить изменения в существующую вёрстку.

Адаптивная верстка.

Цель занятия:

Научиться верстать под тач- и мобильные устройства.

Flexbox.

Цель занятия:

Изучить основы механизма «гибкой» раскладки — Flexbox. Потренироваться выравнивать и переносить элементы. Научимся простому применению флексбокса в реальных интерфейсах.

Практическое занятие.

Цель занятия:

На практике разобрать принципы адаптивной верстки. Flexbox.

CSS3 Grid.

Цель занятия:

Изучить новый инструмент позволяющий строить двумерные сетки и создавать удобные пользовательские интерфейсы.

Bootstrap 5.

Цель занятия:

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

Анимация CSS3.

Цель занятия:

Узнать про основные виды анимации и о том, как создать анимации только при помощи CSS. Разумеется, попрактиковаться в создании анимаций разных уровней сложности.

Введение в JavaScript

Цель занятия:

Ознакомиться с работой JavaScript в веб-интерфейсах. Узнать о дополнительных возможностях, которые дает браузер.

Препроцессоры SASS/SCSS.

Цель занятия:

Понять принципы работы препроцессоров.

TAKE THIS COURSE