Библиотека фронтендера | 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
加入频道
👨‍💻 9 мифов об IT и найме айтишников

Развеиваем мифы об ИТ-специалистах, их зарплате, востребованности и процессе найма.

🔗 Читать статью
🔗 Зеркало
🧰 Как выстроить удобные процессы в работе с монорепозиторием

Как настроить общее рабочее пространство для команды без запуска сборки в watch-режиме и ожидания старта dev-сервера, чтобы подхватить изменения? Для этого нужно удобным для всех образом настроить переиспользование кода внутри монорепозитория.

Андрей Кочеров, старший разработчик интерфейсов в Яндекс Такси и техлид фронтенд команды партнёрских продуктов, делится опытом создания готового к работе репозитория на основе методологии Trunk Based Development.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
💡Во время отладки иногда может быть полезно просмотреть все event listener’ы, прикрепленные к элементу, и удалить их один за другим, чтобы найти основную причину проблемы.

#devtool #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
391. Chrome 118 и куки, Arc Max и AI, CSS-темы, адаптивное видео…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко, Алексей Симоненко, Андрей Мелихов про Chrome 118 и сторонние куки, Arc Max и AI, CSS-темы, адаптивное видео, стандарт Source Maps, включение ESM в Node.js и немного сломанный OKLCH.

00:01:39 Релиз Chrome 118
00:09:59 Сторонние куки в Chrome
00:22:17 Arc Max и AI
00:36:38 Тёмные темы в CSS
00:46:17 Адаптивное видео
00:55:39 Стандарт Source Maps
01:02:45 Включение ESM в Node.js
01:19:59 OKLCH немного сломан
01:31:34 Ответы на вопросы

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

#подкасты
👨‍💻 9 трендов в найме айтишников в 2023 году

Рассказываем, что интересного происходит в найме IT-специалистов.

По данным Хабр Карьеры, бэкендеры и фронтендеры испытывают трудности с поиском работы — спрос на них уменьшился на 4% и 15% соответственно.

Но сложнее всего сейчас мобильным разработчикам. А все потому, что рынок мобильной разработки рухнул на 24% по сравнению с показателями прошлого года. Но этот тренд в большей степени коснулся стажеров и джунов.

Читать статью
🤔Представьте, что у вас есть комфортная зарплата с одним условием — вы создаёте проект, который всегда хотели создать.

💬Какой это будет проект? Он не обязательно должен быть связан с программированием👇

#холивар
This media is not supported in your browser
VIEW IN TELEGRAM
🏛 Музей открыт! Приходите исследовать артефакты из раннего Интернета.

🤩 Все экспонаты в основном представляют собой интерактивные, а не статичные изображения, с прокручиваемыми страницами, играми и т. д.
Please open Telegram to view this post
VIEW IN TELEGRAM
🐦🔥Команда React объявила, что долгожданные функции Server Actions и Client Actions теперь доступны в React Canary.

#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Svelte на примерах

Краткое, понятное и ориентированное на практику введение в Svelte и SvelteKit.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👓Изменение цветов в SVG-элементе с помощью CSS и JavaScript

Почти всё внутри встроенного изображения SVG можно изменить с помощью CSS и JavaScript. Узнайте подробнее на простых примерах👇

📺Читать & Смотреть
Please open Telegram to view this post
VIEW IN TELEGRAM
392. DevTools Chrome и Firefox, скролбары, скрытие IP, text-indent…
Веб-стандарты
🎙️Догоняем выпуски подкаста «Веб-стандарты»: Алексей Симоненко, Вадим Макеев, Никита Дубко про DevTools Chrome и Firefox, стилизацию скролбаров, скрытие IP, развитие text-indent, Safari TP, Node.js и Eleventy 3.0.

00:01:24 Chrome DevTools
00:13:09 Стилизация скролбаров
00:26:42 Скрытие IP в Chrome
00:37:47 Firefox DevTools
00:49:55 Развитие text-indent
00:58:54 Safari TP
01:12:41 Node.js 21
01:20:06 Маскот Node.js
01:23:52 Eleventy 3.0
01:29:17 Ответы на вопросы

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

#подкасты
Кастомизация вывода JSON.stringify() на практике: на заметку фронтенд-разработчику.

#javascript #tip by Shripal Soni
👀 СРОЧНО: Next.js 27 позволит взаимодействовать с ядром системы на уровне компонентов

А если серьезно, то на недавней Next.js Conf была представлена 14-ая версия фреймворка, а вместе с ней стабильную поддержку получили Server Actions. Кроме того:

◆ next dev --turbo
↳ Запуск локального сервера на 53% быстрее
↳ Обновление кода на 94% быстрее
◆ Partial Prerendering (Preview)
◆ Новый курс для изучения Next.js
↳ App Router
↳ Authentication
↳ Postgres

Хотите погрузиться в эту тему подробнее? Читайте анонс React Server Components или запустите демо-приложение, использующее React Server Components. Если совсем ничего непонятно, здесь есть неплохой обзор происходящего с React и Next.js.

#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
20_JavaScript_Abbreviation_Techniques_To_Improve_Efficiency_by_Xiuer.pdf
4.5 MB
20 методов сокращения JavaScript для повышения эффективности

Сокращение кода — это компромисс между производительностью и удобочитаемостью.

Читайте подробнее, если вас не раздражает что-то вроде этого:

let arr = [12, null, 0, 'xyz', null, -25, NaN, '', undefined, 0.5, false];