8370
Сборник крутых и полезных готовых решений для вашего сайта. Здесь можно изучить реализацию понравившихся идей и применить их в своих проектах. Сотрудничество: t.me/the_artboss
Что такое Weekend Offer для фронтенд-разработчиков
В этой статье рассказывается о перспективах работы фронтенд-разработчика в команде core mVK и об особенностях проведения Weekend Offer. Если вам интересна работа с крупными проектами и передовыми инструментами — помогите увеличить производительность мобильного приложения ВКонтакте, которым ежемесячно пользуются более 40 миллионов человек.
Читать статью
Задание по JavaScript
Что будет выведено на консоль?
Ответ:
0
1
2
3
4
Объяснение:
Метод keys() возвращает новый итератор массива Array Iterator, содержащий ключи каждого индекса в массиве.
Данный метод можно использовать для более гибкой работы с элементами массива.
#практика
Bouncy Block Clock
Надувные блочные часы. Реализованы с помощью JavaScript.
codpen.io
Pricing - pure css
Креативная идея реализации карточки товара с 3D эффектом при переключении вариантов. Использован чистый CSS
codepen.io
👾 Метод массива toString()
#теория
✏️ Задача: Метод массива flat()
Ответ:
[1, 2, 3, 4]
Объяснение:
Метод flat() возвращает новый массив, в котором все элементы вложенных подмассивов были рекурсивно "подняты" на указанный уровень depth. Если ничего не передавать в скобки, то по умолчанию будет подниматься на 1 уровень.
#практика
Анимация, реализованная на чистом CSS
сodeopen.io
Что будет выведоно на консоль?
Ответ: 10
Объяснение: Область видимости переменной let - блок {...}.
Переменная, объявленная через let, видна только в рамках блока {...}, в котором объявлена. Это, в частности, влияет на объявления внутри if, while или for. Таким образом, выводится число 10. Если бы console.log был внутри if, то ответ был бы 9.
#практика
Что такое идиология Jamstack?
#теория
🍡 Анимация с помощью @keyframes
#теория
Метод call и как его использовать
#теория
3D Carousel - карусель из карточек
сodeopen.io
✍️ Что вызывает перерисовку компонентов в React?
#теория
Pentagon menu - оригинальный вариант реализации навигации по сайту
Читать полностью…
Positive and Negative
Ползунок диапазона с отображением значения, реализованный с помощью CSS и JavaScript.
codepen,io
Random Password Generator - HTML | CSS | JS
Генератор случайных паролей. Сделан с помощью JavaScript
codepen.io
Product page
Верстка страницы товара на HTML и CSS. При переключении цвета товара задействуется CSS-анимация.
codepen.io
🔁 Рекурсия и рассчёт факториала
#теория
Сетка лиц, следящих за курсором
codepen.io
Clock
Часы, созданные из svg картинки и анимированные в SCSS. Направление стрелок задается в js и зависит от времени на устройстве.
codepen.io
Day and Night
Анимация смены дня и ночи, выполненная с помощью SVG, SCSS и JavaScript.
codepen.io
Легкий старт в IT: можно в любом возрасте и без профильного образования.
Присоединяйтесь к 14-дневному курсу по основам JavaScript
✔️Учим теорию и практикуемся сразу в браузере.
✔️Пишем свою первую программу на JS.
✔️Любые вопросы можно задать наставнику — практикующему разработчику.
Начинаем 8 ноября. Записывайтесь!👌
Интересный загрузочный экран
сodeopen.io
Идея для оформления страницы сайта
сodeopen.io
Кольцо загрузки/прогресса
codepen.io
Kill The King - браузерная игра, созданная с помощью VueJS
Читать полностью…
Cute Cat Dressing Room - кастомизация изображения кота
Читать полностью…
👁 Что такое Higher-Order компоненты?
#теория