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

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

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

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
👨‍💻 Вопросы для подготовки к собеседованию по JavaScript. Часть 2

В первой части мы разобрали стрелочные функции, замыкания, промисы и async/await, методы работы с массивами и объектами, шаблонные литералы, особенности Map и Set, оператор расширения и клонирование объектов.

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

👉 Читать статью
👉 Зеркало
🔥 Angular DevTools теперь поддерживает hydration debugging

⚒️ В случае ошибки hydration DevTools поможет вам найти разницу между отображаемым HTML на сервере и DOM, созданным браузером.

☑️ Hydration — это процесс, который восстанавливает отрисованные на стороне сервера приложение на клиенте. Сюда входят такие вещи, как повторное использование DOM-структур серверного рендеринга, сохранение состояния приложения, передача данных приложения, которые уже были получены сервером, и другие процессы.

#angular
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔 Остаться или уйти? Оптимальный срок работы на одном месте

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

Многие опытные айтишники сталкиваются с такой дилеммой. С одной стороны, текущее место работы устраивает. С другой — хочется разнообразия, новых задач и знаний.

Должен ли современный IT-специалист менять работу чаще, чем раз в 5 лет? Или лучше наращивать экспертизу в рамках одной компании? А может дело совсем не в сроках, а в качестве задач и развитии карьеры?

👉 Расскажите о своём опыте в нашем новом опросе 👈
409. Интенты, Safari, сайты в панели, PWA в Европе, JS-рантайм в…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко, Алексей Симоненко, Андрей Мелихов про интенты Blink, Safari TP, сайты в панели, PWA в Европе, JS-рантайм в AWS, JS Rising Stars и монополию npm.

00:01:07 Интенты Blink
00:19:19 Safari TP 188
00:34:35 Сайты в панели
00:41:50 Никаких PWA в Европе
00:52:19 JS-рантайм в AWS
01:00:47 JS Rising Stars
01:25:36 Монополия npm
01:40:13 Ответы на вопросы

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

#подкасты
📆 Tempo — новая библиотека для работы с датами и временем в JavaScript (и TypeScript). Это своего рода продолжение традиций популярных библиотек вроде moment.js, day.js и date-fns.

Основной акцент в Tempo сделан на минимальный размер и простоту использования, включая поддержку операций с часовыми поясами.

Важной особенностью является то, что она представляет собой набор утилит для работы с нативным объектом Date в JavaScript, в отличие от других библиотек, предлагающих собственные примитивы даты.

Tempo использует возможности Intl.DateTimeFormat в JavaScript для извлечения сложных данных, таких как смещения часовых поясов и форматы дат, адаптированные к локали. Это обеспечивает простой API для форматирования, анализа и манипулирования датами.

👉 Сайт & GitHub
🔄 Array.prototype.with на практике: мини-гайд для фронтендера

Появившийся во всех трех основных браузерных движках метод Array.prototype.with() направлен на сохранение иммутабельности, что часто встречается в современных библиотеках и фреймворках.

Погрузитесь на практике в работу с новыми методами, включая Array.prototype.toReversed(), Array.prototype.toSorted() и Array.prototype.toSpliced()👇

👉 Читать
🖼 В Angular v17.2 директива NgOptimizedImage теперь поддерживает плейсхолдер, который будет отображаться автоматически во время загрузки соответствующего изображения.

📑 Читайте подробнее в документации

#angular
410. Apple и веб, CSS-функции, полезный AI, новые фичи Set и сложности…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Алексей Симоненко, Вадим Макеев про Apple и веб, CSS-функции, полезный AI Magika, новые фичи Set, сложности классов и новую метрику INP.

00:01:46 Apple и веб
00:50:44 CSS-функции
01:08:55 Полезный AI Magika
01:21:35 Новые фичи Set
01:35:05 Новая метрика INP

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

#подкасты
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Network => Overview: простой способ фильтрации запросов по времени в Chrome Dev Tools

#devtool #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
⚙️ vue-devtools — браузерное расширение для отладки приложений Vue.js. Выпущенная недавно версия 6.6.0 включает новый UI на Vue 3 и многое другое.

👉 GitHub
💬 Какой(-ую) инструмент/фреймворк/библиотеку/... из мира фронтенд-разработки вы открыли для себя в 2023 году? Поделитесь опытом 👇

#интерактив
Please open Telegram to view this post
VIEW IN TELEGRAM
📊 Представлена версия 5.5 популярной библиотеки визуализации Apache ECharts

Большое преимущество ECharts — это баланс мощности и простоты. С ее помощью можно очень многое сделать (ознакомьтесь с многочисленными примерами здесь), при этом код не усложнится. Хотите убедиться? Тогда ознакомьтесь с любовным письмом Alice GG к Apache ECharts 💌

Версия 5.5 расширяет поддержку ESM, добавляет поддержку рендеринга на стороне сервера, позволяет создавать неполные круговые диаграммы и многое другое.
🤩 Подборка свежих видеоуроков и видеокурсов для фронтернд-разработчика от freeCodeCamp:

🌐 CRUD API — Node, Express, MongoDB
🌐 Изучите p5.js для креативной разработки — 5 проектов для новичков
🌐 SvelteKit
🌐 25 проектов на React
🌐 Веб-доступность
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 PGlite — Postgres в WASM

Эта сборка упакована в клиентскую TypeScript-библиотеку, которая позволяет запускать Postgres в браузере, Node.js и Bun без необходимости устанавливать какие-либо другие зависимости. Занимает 3,7 МБ в сжатом виде.

👩‍💻 GitHub
👉 Playground
Please open Telegram to view this post
VIEW IN TELEGRAM
📈 Тренды React в 2024 году

Robin Wieruch, фронтенд-разработчик и автор книги The Road to React, делится своим мнением относительно трендов React:

🚀 Astro с React
🚀 Аутентификация (в React)
🚀 tRPC для разработки full-stack приложений React
🚀 React Server Components и Next.js
🚀 TanStack Router для React SPA
🚀 Turbopack и Vite
🚀 React Compiler
🚀 Biome
🚀 Headless UI-библиотеки для React
🔥 Node.js в 2023 году: краткий обзор

Rafael Gonzaga из команды Node.js TSC и Fastify делится полезными обновлениями о развитии Node.js за последний год.

Вы узнаете, как команда обеспечивает тестирование и надежность Node.js, об изменениях в зависимостях Node.js от внешних вендоров (три из которых появились в 2023 году), а также об улучшениях в области безопасности Node.js и его присутствия в вебе.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💡Легко предотвращайте цепочку прокрутки и улучшайте UX

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

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
📃 response-print-pdf — UI Kit для создания PDF-файлов с использованием React и TypeScript.

Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:

☑️ Простоту в использовании
☑️ Готовые компоненты и шаблоны
☑️ 100% контроль макета
☑️ Интеграция динамических данных в PDF-файл

👉 GitHub
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.

Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.

Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.