Друзья, создал второй канал с мемами и интересными фактами из мира IT. Также на нем буду продолжать выкладывать задачи для проверки своих знаний ❗️

Подписывайтесь, будет интересно 😉👇

CoderZone
CoderZone
CoderZone

Всем успехов в обучении:)

Hotte Take Away Food - шаблон, который идеально подходит для уличной еды, фудкорта, пекарни, кондитерской, кофейни. Довольно интересный шаблон, с большим количеством мелочей.

Сложность: средняя

Шаблоны макетов Figma 🔥

По многочисленным просьбам буду выкладывать еще и макеты шаблонов, чтобы вы могли практиковаться в верстке)

Ссылка на макет в предыдущем посте 👆

Задачка JS

Сколько раз будет выведена переменная j?

CoderZone

Lucknow - шаблон интернет магазина по доставке еды, имеющий стильный, приятный и минималистичный дизайн. Эта работа будет хорошо смотреться в вашем портфолио!)

Сложность: средняя

Задача по JavaScript 🚀

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

Свой вариант ответа указывай здесь 🔥👇

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

Сложность: средняя

От подписчика:

"Вот такую проверку написал одногруппник на курсах. Суть задания: если оценка 5 - вернуть 100, если меньше 5 - вернуть 80" 🤣🤣🤣

CoderZone

Задача по JavaScript 🚀

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

Свой вариант ответа указывай здесь 🔥👇

Анимированная кнопка и индикатором загрузки 🚀

Всем привет! В этом посте покажу, как можно сделать анимированную кнопку с индикатором загрузки(Download).

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

CSS3-анимация может применяться практически для всех html-элементов, а также для псевдоэлементов :before и :after.

Написано на HTML + CSS.

Готовый код

Mainan - шаблон детской развивающей школы. Шаблон очень современный и стильный. На этом шаблоне вы сможете отработать свои навыки верстки различных часто встречающихся элементов на сайте. Очень хорошо подойдет для начинающих верстальщиков.

Сложность: легкая