Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.1K subscribers
2.22K photos
126 videos
38 files
4.65K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
This media is not supported in your browser
VIEW IN TELEGRAM
🧙‍♂️ Визуализация JavaScript: выполнение промисов

Гайд с диаграммами и анимацией в сочетании с 8-минутным видео, из которого вы узнаете некоторые внутренние механизмы работы промисов и разберетесь, как они позволяют выполнять неблокирующие асинхронные задачи в JavaScript.

👉 Читать
👍 Ваш ультимативный набор шпаргалок для разработки на 2024 год

Эти шпаргалки сэкономят вам часы бесконечного гугления и упростят процесс кодинга.

🔗 Читать статью
🔗 Зеркало
👩‍💻 Node.js: документальный фильм об истории происхождения

Новый док от команды Honeypot особенно хорошо освещает историю Node, в том числе то, как все готовилось к форку io.js в 2014 году.

📌 Другие документальные фильмы для фронтенд-разработчика:

📺 React.js
📺 Vue.js
📺 GraphQL
📺 Ember.js
Please open Telegram to view this post
VIEW IN TELEGRAM
🖼️ Что нужно знать о современном CSS: на заметку фронтенд-разработчику

Подборка современных дополнений к CSS: container queries, nesting, scroll-driven animations, view transitions, :has() и многие другие.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🤩 «По-настоящему красивые переходы средствами браузера» — доклад Никиты Дубко про новые интересные фичи, которые уже позволяют в некоторых браузерах делать очень красивые переходы между состояниями веб-приложений.

Представьте клик на карточку товара, который плавно дорисовывает весь остальной интерфейс вокруг самой карточки. Или анимации, привязанные к скроллу, но не требующие никаких библиотек для этого.

👀 Смотреть
Please open Telegram to view this post
VIEW IN TELEGRAM
🛠 Введение в htmx: гайд для фронтенд-разработчика

По данным 2023 JavaScript Rising Stars библиотека htmx заняла второе место в разделе Front-end Frameworks и десятое место в разделе Most Popular Projects Overall.

htmx — это библиотека, которая предоставляет доступ к AJAX, переходам CSS, WebSockets и Server Sent Eventsпрямо из HTML через атрибуты, что позволяет создавать современные пользовательские интерфейсы (насколько сложные — другой вопрос), пользуясь простотой и мощью гипертекста.

На сегодняшний день у библиотеки почти 30 000 звезд на Github. Самое интересное, что до такого решения сообщество додумалось только сейчас, учитывая, что весь функционал был доступен уже 10 лет назад. Узнайте подробнее, почему👇

🔗 Читать
💬 Как изменился ваш информационный пузырь за год?

Помните свои информационные предпочтения год назад? Многое изменилось! Социальные сети, мессенджеры, YouTube, подкасты — все эти каналы ежедневно борются за наше внимание. У каждого из нас за год сформировался свой уникальный информационный рацион. Пройдите наш опрос и расскажите, как изменились ваши вкусы в медиапотреблении.

👉 Пройти опрос

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

➡️ Поиграть можно здесь

#css #tip by Shripal Soni
🧰 Atlassian Pragmatic Drag and Drop Framework — ориентированная на производительность Drag and Drop библиотека, которую можно использовать для улучшения работы с любым UI-стеком.

📺 Здесь вас ждет живое демо, а также запись выступления Alex Reardon, в котором рассказывается о предпосылках её создания и о том, как она работает.

👉 Подробнее
✍️ Как написать отличную документацию: 2 впечатляющих примера с открытым исходным кодом

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

👉 Читать статью
👉 Зеркало
416. Safari, CSS JIT, FigJam, бета Chrome 124, V8, сетки, View Transitions…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Юля Миоцен, Алексей Симоненко про Safari TP, CSS JIT, AI в FigJam, бету Chrome 124, Iterator helpers в V8, новые и старые сетки, View Transitions, Color Mix и Gulp 5.

00:01:54 Safari TP
00:11:15 CSS JIT
00:15:25 Apple Developer на YouTube
00:23:21 AI в FigJam
00:29:36 Бета Chrome 124
00:46:16 Iterator helpers в V8
00:53:49 Новые и старые сетки
01:00:54 View Transitions
01:20:52 Color Mix
01:30:13 Gulp 5

YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста

#подкасты
🤔 Что вообще такое номер {JSON}?

Несмотря на наличие стандартов вокруг JSON, ответ сложнее, чем вы думаете, особенно когда речь идет о взаимодействии с другими экосистемами и языками, отличными от JavaScript.

👉 Читать
🤩 Подборка полезных JavaScript-библиотеки для реализации красивых анимаций:

🔹 Three.js
🔹 Mo.js
🔹 AniJS
🔹 GSAP (GreenSock Animation Platform)
🔹 Typed.js
🔹 Lottie
🔹 Anime.js
🔹 Popmotion
🔹 Framer Motion
🔹 ScrollMagic
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM