В русскоязычной среде специалиста по HTML и CSS часто называют верстальщиком, а создание веб-страниц с помощью этих языков — вёрсткой. В англоязычной среде таких специалистов называют веб-дизайнерами.
По данным We Are Social, в январе 2020 года в мире насчитывалось 4,54 млрд пользователей интернета. Это 59 % от общего населения планеты. То есть потенциал роста интернет-пользователей исчисляется миллиардами человек.
Эти данные позволяют предположить, что интернет в обозримом будущем будет расти. То есть будут появляться новые сайты, а для создания этих сайтов понадобится HTML и CSS. Очевидно, эти языки будут развиваться, а их возможности будут расти.
Данный курс поможет изучить:
Мы тоже не собираемся стоять на месте и ждать, пока цивилизация спешит вперед. Именно поэтому мы собрали самые необходимые навыки в данном модуле.
Курс доступен совершенно бесплатно. Вы можете приступить к занятиям прямо сейчас.
Создание сайта-портфолио для своего домашнего животного
Поговорим о синтаксисе и первых строках в HTML.
Научимся отображать изображения на странице.
В этом уроке ты научишься работать с чужим кодом, изучишь много нового и интересного!
Псевдоклассы! Именно о них мы поговорим в этом уроке.
Изучим что такое div-блоки.
Изучение возможностей управления внешним видом сайта с помощью псевдоклассов.
Div-блоки являются одной из основ сайтостроения, поэтому на этом уроке ты попрактикуешься в их использовании (вместе с классами) для того, чтобы полностью разобраться в их синтаксисе и работе.
Благодаря различным псевдоклассам, которые встречались ранее (а некоторые и не встречались) ты сможешь изменить внешний вид тех или иных элементов на сайте, буквально в несколько строчек несложного кода и увидишь на примерах как можно достичь изменений от действий пользователя.
Создание ежедневника для записи личных дел.
Как давно вы оценивали то, сколько дел вы выполняете за день? Настало время оценить!
Напишем сайт, в котором разложим по пунктам все дела на день!
Про анимацию в CSS
Освой навыки современного веб-разработчика, разобравшись со свойствами анимаций.
Всегда есть несколько способов решения тех или иных задач на сайтах, поэтому ты научишься как стандартному, но не оптимальному, так и гораздо более оптимизированному.
Создание сайта-заготовки.
На сайте бывает множество страниц, самое время научиться делать переходы между ними и настраивать стили.
Повторим пройденный материал и найдем ему новое применение.
Продолжение урока и достижение конечной цели разработки.
Как часто вы создаете таблицы? А пробовали ли вы создавать их на странице сайта? Давайте скорее опробуем.
Продолжим предыдущий проект и преобразим его.
Делаем полезное дело и развиваем свои навыки! В этом уроке мы совместим полученные ранее умения работать с display: flex и помощь небольшой библиотеке, которой не к кому обратиться кроме тебя.
Flexbox - пожалуй, самый удобный и надежный способ размещения контента на сайте с учетом того, что сайт могут смотреть на экранах разных размеров. Мы продолжим закреплять навыки его использования еще с прошлых уроков
В твоем арсенале веб-разработчика появится новый инструмент, который значительно расширит твои возможности - речь про медиа-запросы, специальные CSS-правила, которые позволяют дополнительно контролировать контент сайта для разных устройств (читай, разных ширин экрана) у пользователя
Продолжаем творить полезные дела, совмещая их с практикой разработки сайтов! На этот раз, мы будем учиться работать с загадочным зверем, под названием grid. Сетки помогут нам лучше располагать элементы на сайтах, делать это проще и с большими возможностями по контролю.
Сетки станут еще одним оружием в твоем арсенале веб-разработчика, благодаря которому больше не будет возникать проблем с тем, как грамотно и красиво расположить множество элементов на сайте в зависимости от размера экрана
В предыдущих уроках мы уже рассматривали достаточно сложные селекторы, когда задавали стили для наследников определенных элементах. Теперь мы снова возвращаемся к этой теме для того, чтобы еще больше попрактиковаться в этом.
Этот проект представляет собой веб-страницу, на которой отображаются видеоролики из различных источников. Проект демонстрирует как встраивать видео и другие медиа-элементы, структурировать контент на странице, создавать интерактивные элементы (чекбоксы) и применять базовые стили для визуального оформления.
В этом проекте вы узнаете, как встраивать медиа-элементы, такие как видео и iframe, на веб-страницу. Как создавать интерактивные элементы и измененять их визуальное состояние при взаимодействии с пользователем.
Проект научит создавать формы с чекбоксами, что даст представление о том, как обрабатывать пользовательский ввод на веб-странице.
Форма авторизации - важная составляющая сайта. Опробуем создавать такую форму!
Создание форм - это очень просто!
Чтобы авторизоваться необходимо ввести логин и пароль. Но куда? Надо разобраться!
Изучение структуры построения формы регистрации
Пора узнать о современном представление форм регистрации.
Пора становится моднее и использовать различные цветовые палитры и механизмы представления информации.
Каждый урок — это новый учебный проект с пошаговыми инструкциями и практическими советами.
Преподаватель прочитает ваш код и расскажет, как сделать лучше.
Занимайтесь в любое удобное время, в своем темпе.
Можно купить курс сейчас, а к занятиям приступить позже, когда будете готовы.
Курс доступен совершенно бесплатно. Вы можете приступить к занятиям прямо сейчас.
Можно начать без особых навыков.