frontender_corner | Unsorted

Telegram-канал frontender_corner - Уголок Фронтендера | Веб-разработка

8370

Сборник крутых и полезных готовых решений для вашего сайта. Здесь можно изучить реализацию понравившихся идей и применить их в своих проектах. Сотрудничество: t.me/the_artboss

Subscribe to a channel

Уголок Фронтендера | Веб-разработка

Animated BottomBar Experiment - 5 различных стилизаций табов на чистом CSS

Читать полностью…

Уголок Фронтендера | Веб-разработка

Hand drawing animation - анимация рукописного текста

Читать полностью…

Уголок Фронтендера | Веб-разработка

Social Media Icons - градиентные иконки соц сетей с эффектом при наведении

Читать полностью…

Уголок Фронтендера | Веб-разработка

Lotsa Notifications - реализация уведомлений для сайта

Читать полностью…

Уголок Фронтендера | Веб-разработка

Image Gallery - адаптивная галерея изображений с открытием дополнительной информации при наведении

Читать полностью…

Уголок Фронтендера | Веб-разработка

Pokemon Card Holo Effect - карточки с голографическим эффектом при наведении

Читать полностью…

Уголок Фронтендера | Веб-разработка

Content Transitions - dark/light mode и возможность анимированного скрытия контента

Читать полностью…

Уголок Фронтендера | Веб-разработка

Signs - красивые кнопки на чистом CSS с эффектом при наведении

Читать полностью…

Уголок Фронтендера | Веб-разработка

Sunset scenery - картина, пейзаж на чистом CSS

Читать полностью…

Уголок Фронтендера | Веб-разработка

Cube - анимированный 3D куб

Читать полностью…

Уголок Фронтендера | Веб-разработка

Light/Dark Toggle With Morphing Icon - кнопка переключения темы сайта

Читать полностью…

Уголок Фронтендера | Веб-разработка

Gift Cards With Flying Chefs - шикарные карточки товаров с parallax эффектом

Читать полностью…

Уголок Фронтендера | Веб-разработка

Bouncy Counter - необычная идея реализации переключения секций слайдера в виде слайдера

Читать полностью…

Уголок Фронтендера | Веб-разработка

Calendar - календарь с возможностью приближения нужной даты и эффектом слайдера

Читать полностью…

Уголок Фронтендера | Веб-разработка

Responsive Images slider & search - адаптивные карточки изображений с реализацией поиска по названию и слайдером.

Читать полностью…

Уголок Фронтендера | Веб-разработка

📈 Как оптимизировать React приложение

#теория

Читать полностью…

Уголок Фронтендера | Веб-разработка

🤟 Что такое refs в React

#теория

Читать полностью…

Уголок Фронтендера | Веб-разработка

🦊 Дженерики. TypeScript

#теория

Читать полностью…

Уголок Фронтендера | Веб-разработка

🤔 Отличие var от let

#теория

Читать полностью…

Уголок Фронтендера | Веб-разработка

👨‍🎓 Метод массива forEach()

#теория

Читать полностью…

Уголок Фронтендера | Веб-разработка

✊ Задача

Ответ:
-1

Объяснение:
Метод
indexOf() возвращает индекс первого вхождения указанного значения в строковый объект String, на котором он был вызван, начиная с индекса fromIndex. Возвращает -1, если значение не найдено.
Метод indexOf() является регистрозависимым. Как раз поэтому переменная result в этой задачке будет равно -1.


#практика

Читать полностью…

Уголок Фронтендера | Веб-разработка

✏️ Задача: Метод массива flat()

Ответ:
[1, 2, 3, 4]

Объяснение:
Метод flat() возвращает новый массив, в котором все элементы вложенных подмассивов были рекурсивно "подняты" на указанный уровень depth. Если ничего не передавать в скобки, то по умолчанию будет подниматься на 1 уровень.

#практика

Читать полностью…

Уголок Фронтендера | Веб-разработка

🎖 Метод массива fill()

#теория

Читать полностью…

Уголок Фронтендера | Веб-разработка

🗞 Метод строки includes()

#теория

Читать полностью…

Уголок Фронтендера | Веб-разработка

☄️ React хук useEffect()

#теория

Читать полностью…

Уголок Фронтендера | Веб-разработка

⚡️ Метод массива every()

#теория

Читать полностью…

Уголок Фронтендера | Веб-разработка

✍️ Допишите функцию так, чтобы этот код работал: duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]

Код:
function duplicate(arr) {
return arr.concat(arr) // concat объединяет два массива, в данном случае объединяем один и тот же массив в один
}

duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]


#практика

Читать полностью…

Уголок Фронтендера | Веб-разработка

🧐 Задача

Ответ:
7

Объяснение:
а+++b эквивалентно записи (a++)+b Значение - a равно "6", а значение - a++ равно 6 (так как это постфиксный инкремент) Следовательно а+++b = 6 + 1 = 7

#практика

Читать полностью…

Уголок Фронтендера | Веб-разработка

🚠 Метод массива some()

#теория

Читать полностью…

Уголок Фронтендера | Веб-разработка

🎭 CSS свойство transform

#теория

Читать полностью…
Subscribe to a channel