Frontend-разработка
2 subscribers
878 photos
579 videos
3.31K links
Агрегатор каналов о фронтенде
Download Telegram
Верстальщик доказывает дизайнеру, что вёрстка сделана точь в точь по макету:


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
This is a daily stats digest!
Today the bot processed: 10 messages
Today you received: 8 messages
Our filtering prevented you from: 2 messages

Top 3 source channels:
Frontender's notes [ru]: 3 message(s)
Веб-страница: 3 message(s)
Senior Frontend - javascript, html, css: 2 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
✍️ Inter Tight – шрифт, разработанный специально для цифровых экранов. Имеет небольшие расстояния между символами. Пример шрифта можно посмотреть в макете "Gradients WebSite Template"

Сайтодел | #шрифт


Original post link: t.me/sitodel/1662
Forwarded and filtered by @smartfeed_bot
Media is too big
VIEW IN TELEGRAM
9 Dots Menu

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

👉 @seniorFront


Original post link: t.me/seniorFront/3811
Forwarded and filtered by @smartfeed_bot
​​​​SQL-индексы за 10 минут

Канал Listen IT рассказал о суперсиле индексов для оптимизации SQL-запросов. Индексация позволяет ускорить выполнение запросов к базам данных: https://tproger.ru/articles/sql-indeksy-za-10-minut

#sql


Original post link: t.me/tproger_web/4379
Forwarded and filtered by @smartfeed_bot
​​🦾Интеграция React и AngularJS через Webpack Module Federation

В этой статье я поделюсь с вами способом, как оживить ваш проект, плавно встроив элементы React в структуру, построенную на добром старом AngularJS.

Читать...


Original post link: t.me/frontendnoteschannel/3308
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
CSS scroll-driven scroll-snapping animations

Реализовано без использования JS. При помощи CSS scroll-snap.

👉 @seniorFront


Original post link: t.me/seniorFront/3812
Forwarded and filtered by @smartfeed_bot
​​🕔Ты наконец-то поймешь асинхронность в JS

В этой статье мы поговорим о том, что такое асинхронность в JavaScript и как она работает.

Читать...


Original post link: t.me/frontendnoteschannel/3309
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Movie Clapboard

Создано на HTML и SCSS. Анимировано при помощи CSS keyframes.

https://codepen.io/matthewcsimpson/pen/bGMjOMm


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

Top 3 source channels:
Senior Frontend - javascript, html, css: 2 message(s)
Frontender's notes [ru]: 2 message(s)
Сайтодел | GitHub, Макеты, Шрифты, JavaScript, Figma: 1 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
Exes and Ohs

Проверьте, имеет ли строка одинаковое количество "x" и "o". Метод должен возвращать булево значение и быть нечувствительным к регистру. Строка может содержать любой символ.

Примеры:
XO("ooxx") => true
XO("xooxx") => false
XO("ooxXm") => true
XO("zpzpzpp") => true
XO("zzoo") => false

👉 @seniorFront


Original post link: t.me/seniorFront/3813
Forwarded and filtered by @smartfeed_bot
​​👍Работаем с HTTP API: разбор частых проблем и методы их решения

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

Читать...


Original post link: t.me/frontendnoteschannel/3311
Forwarded and filtered by @smartfeed_bot
🎨 Цветовая палитра макета "Abstract 3D Coral Shapes"

HEX | RGB
#FFB8C2 | rgb(255,184,194)
#F5774F
| rgb(245,119,79)
#5C837E | rgb(92,131,126)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра


Original post link: t.me/sitodel/1663
Forwarded and filtered by @smartfeed_bot
This media is not supported in your browser
VIEW IN TELEGRAM
Bouncy image radio group

Это grid, параметры которого изменяются при нажатии на его элемент. Плавность достигается при помощи CSS transition.

👉 @seniorFront


Original post link: t.me/seniorFront/3814
Forwarded and filtered by @smartfeed_bot
​​⚡️Азы поисковой оптимизации для веб-разработчика: прокачиваем SEO с помощью кода и здравого смысла

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

Читать...


Original post link: t.me/frontendnoteschannel/3312
Forwarded and filtered by @smartfeed_bot