4.67 из 5
4.67
3 отзыва

Хитрости в работе с HTML и CSS

Набор лайфхаков для повседневной работы
Быстро набирать HTML и CSS код, используя плагин Emmet
Вставлять изображения-заглушки
Определять приоритет селектора
Создавать заготовку для lightbox-эффекта
Создавать чередование цветов при разметке (“зебра”)
Создавать многострочную всплывающую подсказку и простейшую анимацию

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

Начало работы

1
Верстальщики на HTML и CSS

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

2
Как быстро писать на HTML

Мы сделаем первые шаги на пути к быстрой вёрстке - научимся использовать плагин Emmet для записи HTML-элементов и свойств. При использовании Emmet многократно возрастает скорость вёрстки страницы.

.

3
Как заменить отсутствующие в HTML изображения заглушками?

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

4
Как проверить HTML-код на правильность

Вспомним/повторим/узнаем, где и как выполняется проверка кода на валидность.

5
Как создать выпадающее меню?

Существует много различных способов создания выпадающего меню на странице. На этом занятии вы узнаете один способ, не требующий использования JavaScript.

6
Как узнать какой CSS-селектор имеет больший приоритет?

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

7
Как создать заготовку для lightbox с псевдоклассом :target?

На моих курсах JavaScript слушатели выполняют лабораторную работу по созданию эффекта лайтбокса. Часто HTML-составляющая многими воспринимается как открытие. На этом занятии мы поговорим о принципах построения подобного эффекта без JS.

8
Как работать со спрайтом в CSS?

Спрайт - файл-изображение со множеством маленьких картинок. Помогает уменьшить количество запросов на сервер. На этом занятии мы узнаем один из вариантов размещения фрагментов спрайта рядом с элементами неупорядоченного списка.

9
Как в HTML и CSS создать "зебру"?

Чередование цветов в HTML-списках и таблицах многие называют раскраской “зебры”. На этом занятии мы узнаем, как, используя псевдоклассы, оформить подобную раскраску.

10
Как в HTML и CSS создать многострочную всплывающую подсказку?

На этом занятии мы рассмотрим вариант с оформлением многострочной подсказки. В дальнейшем вы сможете использовать этот подход для снабжения дополнительной информацией отдельных фрагментов страницы (товаров, ключевых слов и т.д.).

11
Как создать прижатый подвал на HTML-странице?

Рассмотрим, как создать «прижатый» footer на странице, когда в главной колонке немного содержимого, и заставить footer уезжать при увеличении содержимого.

12
Как создать простейшую анимацию в CSS?

Если вы ещё не сталкивались с базовыми анимационными возможностями CSS, изучите этот микроурок. Вы сможете создать простейшую анимацию при наведении (CSS-свойство transition) и сделать свой первый @keyframes (CSS-свойство animation).

13
Как стать сертифицированным разработчиком

Эта лекция посвящена тока как стать сертифицированным разработчиком на
HTML5, JavaScript и CSS.

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.7
4.7 из 5
3 Рейтинги

Детальный Рейтинг

Звезды 5
2
Звезды 4
1
Звезды 3
0
Звезды 2
0
Звезды 1
0
dc12ef9cfac3a4e4c5ccfd570075cd33
3-дневная гарантия возврата денег

Этот курс включает:

2 часов видео по запросу
Полный пожизненный доступ
Доступ с мобильного
Сертификат об окончании
Хитрости в работе с HTML и CSS
Цена:
0.18 ₽ 2,190 ₽
Layer 1