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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
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: как объяснять и распространять значимые идеи

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

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

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

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
💬 Представьте ситуацию, что вы можете стабильно получать одинаковые деньги как в стартапе, так и в большой компании. Что бы вы выбрали?

🤩 — стартап, горящие глаза и вот это всё
👍 — большую компанию! Там можно быстрее набраться коммерческого опыта
🤔 — свой вариант (напишу в комментариях)

#холивар
В следующей мажорной версии React появятся новые клиентские хуки, которые сфокусированы на двух ключевых аспектах: выборке данных и работе с формами.

Они повысят производительность React-разработчиков, включая тех, кто создает SPA.

🔸use(Promise)
🔸use(Context)
🔸Form Actions
🔸useFormState
🔸useFormStatus
🔸useOptimistic
🔸Бонус: Async Transitions

👉 Подробнее о каждом хуке на русском
411. Chrome 122 и бета 123, Firefox 123, Safari TP 189, подсветка…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко, Андрей Мелихов, Алексей Симоненко, Вадим Макеев про Chrome 122 и бету 123, Firefox 123, Safari TP 189, подсветку без разметки, стандарты и тоглеры.

00:01:46 Chrome 122
00:20:03 Бета Chrome 123
00:37:51 Firefox 123
00:57:43 Safari TP 189
01:02:57 Подсветка без разметки
01:13:36 Стандарты и тоглеры

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

#подкасты
🧠 Знания — сила! Что должен изучить каждый программист?

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

Мы проведем анализ ответов и составим ТОП-лист навыков, которые не помешают освоить каждому программисту и разработчику для успешного карьерного роста!

👉 Пройти опрос
📑 Отчеты об основных веб-показателях с помощью Performance API

Performance API предоставляет интерфейс для измерения и оценки показателей веб-производительности с помощью JavaScript. Автор демонстрирует примеры генерации последних непосредственно в DOM и создания собственных отчетов.

👉 Читать
💬 А вам какой вариант ближе?

🤔 — верхний
👍 — нижний

#javascript #tip by Shripal Soni
🍍Подборка лучших статей «Библиотеки программиста» за февраль: сохраняй в заметки, чтобы не пропустить #самыйсок

😈 Даркнет: как устроен теневой рынок труда
🚀🏢 Стартапы vs IT-гиганты: куда лучше устроиться Junior-разработчику
🗄️ Базовые запросы SQL: получение записей из БД
🥇 Спортивная мотивация и мотивация в IT, что общего?
😺🐙💡 Как сделать креативный профиль на GitHub
🎮👨‍💻 15 игр, которые научат программированию
🧑🏻‍🏫 Менторство в IT: как стать айтишником, найти работу мечты и облегчить себе жизнь
⛩️ 6 способов нестандартно войти в Айти
👨‍💻 Вопросы для подготовки к собеседованию по JavaScript. Часть 2
📈 5 трендов в подборе ИТ-специалистов на 2024 год
🐍 Цепи Маркова: генерирование читабельной бессмыслицы за 20 строк на Python
☕️📦 10 Java-библиотек, которые изменят твой код навсегда
🥤🛡️ Как сделать Flask-приложение неуязвимым: полное руководство по защите от хакерских атак
🐱🎨🙏🤖 10 самых странных языков программирования, о которых вы никогда не слышали

🏃 Самоучитель по Go для начинающих:
👉 Часть 6. Функции и аргументы. Области видимости. Рекурсия. Defer
👉 Часть 7. Массивы и слайсы. Append и сopy. Пакет slices
👉 Часть 8. Строки, руны, байты. Пакет strings. Хеш-таблица (map)

🐍🎸 Курс Django:
👉 Часть 2: ORM и основы работы с базами данных
👉 Портфолио разработчика