Александр Гельвет
@helvetios
Пытаюсь общаться с компухтерами на их языках.
16 Followers
17 Following
30 posts
Веб-разработка
Фронт- и бэк-энд и об обучении в веб-разработке

Бесконечный слайдер на чистом JavaScript — на примере макета Gllacy от HTML Academy

Решил я, значит, доделать все проекты из первого уровня HTML Academy и начал с самого, на мой взгляд, сложного — Глейси. Но я был бы не я, если бы не усложнил себе задачу. Я решил, помимо прочего (попапы, тултипы, модалки), реализовать работу слайдера, а он там, мягко говоря, непростой.

Курс «HTML и CSS. Профессиональная вёрстка сайтов» – асинхронный формат

Всем привет. Я таки прошел все тренажёры HTML Academy, хоть и о последних блоках про JavaScript писать не стал — подписка кончилась, буквально, в последний день прохождения заданий, а оплачивать её только ради конспекта здесь не хотелось.

Препроцессор Less — Тренажёр HTML Academy

Разобравшись с вёрсткой переходим к инструментам её ускорения. Мы уже знаем базовые вещи PHP, который формально препроцессор HTML, теперь же займемся CSS и одним из его препроцессоров Less.

Плавные переходы, Кривые Безье и CSS-анимация — Тренажёр HTML Academy

Наконец, я добрался до анимации в CSS! Для начала вспомним про трансформации, разберёмся как сделать их плавными и затем перейдем уже к анимации по ключевым кадрам!

Сборник тонкостей CSS — оформление текста и CSS-таблицы — Тренажёр HTML Academy

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

Сборник тонкостей CSS — селекторы, фоны и рамки — Тренажёр HTML Academy

Перескочим на «продвинутый» уровень тренажёров. Под «тонкостями» в тренажёрах имеются ввиду несколько дополнительных частей к уже пройденным — более сложные селекторы, специфичные свойства рамок, фонов и текста. А еще изучим построение таблиц на CSS.

Испытание «Великий Кексби» — Тренажёр HTML Academy

Мы изучили достаточно для того, чтобы приступить к самому большому испытанию в тренажёрах Академии. «Великий Кексби» — это целых 13 частей практики, разделённых на два блока. Или не совсем. В этой статье разберём всё испытание.

Продвинутые Мастерские — Тренажёр HTML Academy

Вторая часть мастерских, которые мы начали в прошлый раз. Эта часть объективно сложная. Элементы с прикольными эффектами, трансформациями, динамикой и сделаем слайдер на CSS!

Мастерские — Тренажёр HTML Academy

Закрепляем наши полученный знания в большой серии уроков. Создадим несколько простых и не очень элементов, разберёмся как в реальной вёрстке, ну или почти реальной, решаются прикладные задачи.

CSS-фильтры и Кекстаграм — Тренажёр HTML Academy

Завершаем, вроде как, изучение декоративных эффектов. Разберёмся какие есть и как работают CSS-фильтры, а следом создадим свой аналог на данный момент запрещённой в России социальной сети.