Frontend-разработка
2 subscribers
878 photos
579 videos
3.31K links
Агрегатор каналов о фронтенде
Download Telegram
Задача

Реализуйте функцию checkBrackets, которая должна проверять правильность расположения скобок в строке.

Ответ


Original post link: t.me/senior_front/1858
Forwarded and filtered by @smartfeed_bot
🖥 Colour Palettes/ Moodboards – набор цветовых палитр, однотонных цветных карточек и фоновых изображений с готовыми текстурными фильтрами.

Сайтодел | #макет #figma


Original post link: t.me/sitodel/1660
Forwarded and filtered by @smartfeed_bot
Media is too big
VIEW IN TELEGRAM
Animated Card UI Design with Hover Effect

В этом видео создаются карточки с оригинальным эффектом при наведении на HTML и CSS.

👉 @seniorFront


Original post link: t.me/seniorFront/3805
Forwarded and filtered by @smartfeed_bot
​​👩‍💻End-to-end тестирование React приложения с помощью Playwright

В этой статье я хочу поделиться тем, как мы автоматизировали регрессионное тестирование в рабочем проекте на React с использованием довольно нового фреймворка Playwright.

Читать...


Original post link: t.me/frontendnoteschannel/3301
Forwarded and filtered by @smartfeed_bot
Брендан Эйх о создании JavaScript за 10 дней и о том, что сегодня он сделал бы по-другому

На днях JavaScript исполнилось 27 лет. Вспоминаем, к чему привели эксперименты в Netscape и как этот язык программирования появился на свет.

Смотреть статью


Original post link: t.me/senior_front/1860
Forwarded and filtered by @smartfeed_bot
​​Видео: топ-12 пепозиториев для веб-разработчика

GitHub — это не просто хранилище кода, где можно держать свои проекты, но и кладезь полезной информации для любого веб-разработчика. Главное — знать, где искать.

В этом видео рассказывают о нескольких репозиториях, которые должны вам пригодится. Это справочники, библиотеки, различные коллекции и так далее. Среди репозиториев вы найдёте DevYouTubeList, Front-End-Checklist, build-your-own-x, Dopefolio и другие.

Приятного просмотра: https://www.youtube.com/watch?v=sZrp8gH84qM

#инстурменты


Original post link: t.me/tproger_web/4372
Forwarded and filtered by @smartfeed_bot
👉 @seniorFront


Original post link: t.me/seniorFront/3806
Forwarded and filtered by @smartfeed_bot
​​😎Создание кастомного React Native компонента Switch с помощью библиотек Reanimated и Gesture Handler (Часть 1)

В этой статье мы рассмотрим работу с кастомными анимациями в React Native и использование библиотек react-native-reanimated и react-native-gesture-handler.

Читать...


Original post link: t.me/frontendnoteschannel/3303
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Single Keyframe Tricks

Для каждой кнопки создана CSS анимация, которая включается и отключается при нажатии.

👉 @seniorFront


Original post link: t.me/seniorFront/3808
Forwarded and filtered by @smartfeed_bot
​​Изучаем SQL в формате игры: SQL Murder Mystery

Детективная игра на знание SQL, с которой можно освежить в памяти основы SQL и интересно провести досуг. Примерьте на себя роль детектива, выясняя обстоятельства с помощью SQL-запросов:

https://mystery.knightlab.com/

#sql


Original post link: t.me/tproger_web/4374
Forwarded and filtered by @smartfeed_bot
​​🏠Домашний кластер разработчика

В этой статье я хочу попробовать иной метод работы, который, должен помочь упростить использование нескольких проектов в Docker.

Читать...


Original post link: t.me/frontendnoteschannel/3304
Forwarded and filtered by @smartfeed_bot
Какова цель метода clearInterval?

Функция clearInterval() используется в javascript для очистки интервала, установленного функцией setInterval(). т. е. возвращаемое значение, возвращаемое функцией setInterval(), сохраняется в переменной и передается в функцию clearInterval() для очистки интервала. Например, приведенный на картинке метод setInterval используется для отображения сообщения каждые 3 секунды. Этот интервал можно очистить методом clearInterval().


Original post link: t.me/senior_front/1861
Forwarded and filtered by @smartfeed_bot
This is a daily stats digest!
Today the bot processed: 10 messages
Today you received: 7 messages
Our filtering prevented you from: 3 messages

Top 3 source channels:
Веб-страница: 3 message(s)
Frontender's notes [ru]: 3 message(s)
Senior Frontend - javascript, html, css: 3 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Mathematics - infinity loop

Реализовано на HTML и SCSS. В анимации прописано движение по осям X и Y для частиц. Для этого используется CSS transform со значениями calc(cos(var(--angle)) * var(--radius)) и calc(sin(var(--angle)) * var(--radius) * -1);

👉 @seniorFront


Original post link: t.me/seniorFront/3809
Forwarded and filtered by @smartfeed_bot
Верстальщик доказывает дизайнеру, что вёрстка сделана точь в точь по макету:


Original post link: t.me/tproger_web/4376
Forwarded and filtered by @smartfeed_bot
​​🚀Оптимизация js/WebGL/Web Assembly

В этой статье мы рассмотрим оптимизацию скорости отрисовки в движке с использованием JavaScript, WebGL и Web Assembly.

Читать...


Original post link: t.me/frontendnoteschannel/3306
Forwarded and filtered by @smartfeed_bot
​​На каком языке писать сайт в 2024 году?

Сергей Немчинский обсуждает выбор технологий для создания сайта в 2024 году. Он рассматривает фронтенд и бэкенд технологии, включая JavaScript, React, Angular, Vue, PHP, Laravel, Python, Django, Ruby on Rails, Node.js, Java и C#: https://tproger.ru/articles/na-kakom-yazyke-pisat-sajt-v-2024-godu

#тренды


Original post link: t.me/tproger_web/4378
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Suit Home – трехмерная модель комнаты в чемодане, выполненная в Three.js. Подойдет для сайтов о дизайне помещений.

Сайтодел | #сниппет #css


Original post link: t.me/sitodel/1661
Forwarded and filtered by @smartfeed_bot
Какие языки программирования поддерживают структурную типизацию?
Anonymous Quiz
54%
TypeScript, Java
13%
Go, JavaScript
20%
Python, C++
13%
TypeScript, Scala
​​⚡️Собираем метрики Node.js приложений в PM2 с экспортом в Prometheus

В этой статье я хотел бы рассказать о способе сбора статистики из node.js приложений, которые запущены в PM2, и экспорт этих данных в Prometheus.

Читать...


Original post link: t.me/frontendnoteschannel/3307
Forwarded and filtered by @smartfeed_bot
Почему obj.someprop.x приводит к ошибке?

Ответ очевиден: мы пытается получить доступ к свойству x свойства someprop, которое имеет значение undefined. obj.proto.__proto = null, поэтому возвращается undefined, а у undefined нет свойства x.


Original post link: t.me/senior_front/1862
Forwarded and filtered by @smartfeed_bot