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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
📹 В своей фронтендерской работе вы наверняка сталкивались с добавлением видео с YouTube, демо с CodePen или содержимого PDF на страницы сайта/блога.

☑️ Это может быть полезно, когда нужно дать пользователю быстро что-то сделать с iframe, но зачастую он ничего с этим iframe не делает, а трафик на загрузку содержимого уже улетел (может повлиять на скорость загрузки самого сайта и UX).

🔥 Adrian Roselli делится кейсами встраивания любых iframe экономно для трафика пользователей и демонстрирует готовые примеры HTML для YouTube (с использованием youtube-nocookie.com), CodePen и PDF, а также код веб-компонента youtube-embed, который можно доработать под себя.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🤯 Про нашумевший тред парня, который нашел жену из 5239 девушек с помощью ChatGPT, слышно из каждого утюга. Поэтому интересна уже не сама история, а то, как люди на нее реагируют. А люди обычно разбираются, правда это или хайп, а также делают мемы.

🤦 Так вот, здесь айтишник с технической точки зрения оценил этот самый тред. Спойлер: либо парень гений, либо врёт.

Ну а мемы прикрепили к посту 😉

#назлобудня
👁 Если в вашей команде есть договорённость следить за процентом покрытия TypeScript-кода типами, то пакет type-coverage может помочь с этим.

🧰 Кастомизируется, умеет встраиваться в CI/CD, а также включает отдельный пакет для удобных HTML-отчётов.
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️Подборка плейлистов с профессиональной конференции для JavaScript-разрабов HolyJS:

🌐 HolyJS 2023 Spring
🌐 HolyJS 2023 Spring: Backend
🌐 HolyJS 2023 Spring: архитектура

#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💡Пример базовой анимации для маркеров/номеров HTML-списка с помощью псевдоэлемента ::marker

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

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
The latest front-end technology trends.pdf
1.1 MB
📈 Последние тренды во фронтенде в 2024 году

Мнение автора не является истиной в последней инстанции, но над этими пунктами однозначно стоит задуматься и, быть может, изменить свой вектор развития:

1️⃣ Анти-TypeScript: разработчик Ruby Давид Хейнемейер Ханссон отлично написал об этом. Тут и добавить нечего.
2️⃣ Vue & React: фреймворк и библиотека, которые остаются ведущими в индустрии фронтенда.
3️⃣ Webpack & Vite: хотя Vite предлагает более быструю сборку по сравнению с Webpack, Webpack все еще обладает достаточным функционалом, чтобы оставаться актуальным.
4️⃣ Turbopack — новый преемник Webpack на основе Rust.
5️⃣ Rust — хайпанул во фронтенде после того, как объявили о миграции Vite на Rust.
6️⃣ NestJS — фреймворк для создания масштабируемых приложений Node.js на стороне сервера.
7️⃣ Low-code & no-code платформы и ИИ-модели.

💬 Что бы вы добавили в этот список? Или, наоборот, убрали? Angular, SSR, SSG, PWA, ...?
💡Angular v17.1 добавляет в router новую фичу:

☑️ Теперь можно передавать данные в запросы навигации, которые будут доступны на протяжении всего процесса навигации
☑️ Это альтернатива использованию state

#новости #angular
🏔 Эпикфейл: карьера катится к чертям

🤦‍♂️ У всех нас случались провалы в карьере, о которых не хочется распространяться. Неловкий момент на собеседовании, провал проекта из-за глупой ошибки, конфликт с начальством — такие ситуации хочется поскорее забыть. Однако часто именно они дают нам самые ценные уроки и закаляют как профессионалов.

📝 Поделитесь своей историей карьерного провала в нашем новом опросе и расскажите, к чему он привел в итоге. Быть может, эта ошибка позволила вам пересмотреть свой путь и выбрать более подходящую профессию? А может, вы сделали правильные выводы и сейчас добились успеха?

👉 Поделиться историей
407. Chrome 121, Firefox 122, Safari 17.3 и бета 17.4 и альтернативные…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Никита Дубко, Алексей Симоненко про Chrome 121, Firefox 122, Safari 17.3 и бету 17.4 и альтернативные движки браузеров на iOS.

00:01:24 Chrome 121
00:16:03 Chrome DevTools
00:22:31 Firefox 122
00:40:34 Firefox DevTools
00:44:36 Safari 17.3 и бета 17.4
00:53:10 Альтернативные движки на iOS
01:37:17 Ответы на вопросы

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

#подкасты
🙇‍♂️ Тот самый минимум, который должен знать каждый разраб про юникод

📌 Гайд от Никиты Прокопова о том:

• что такое юникод;
• почему иконка Apple в тексте показывается только на устройствах Apple;
• чем отличаются UTF-8 и UTF-16;
• почему шрифты ломаются;
• что такое графемы;
• почему Твиттер иногда рисует русские тексты болгарскими символами.
🤦‍♂️ Есть такое слово «надо», которое отравляет многим жизнь. Надо получить вышку, надо жениться до стольких-то лет и родить детей до стольких-то, надо зарабатывать столько-то и еще много-много «надо».

❤️ Как с этим жить? Попробуйте вместо «надо» поставить «полезно». И если бесполезно — то не надо!

💬 А какое слово отравляет вашу жизнь? Поделитесь в комментариях 👇
📊 Самые востребованные фронтенд-фреймворки в 2023 году

Команда DevJobsScanner проанализировала около 500 тыс. фронтенд-вакансий за 14 месяцев. В качестве источников использовались Linkedin, Glassdoor, RemoteOk, Dice и многие другие.

📌 Что имеем по России: React (51%) Angular (36%) Vue (13%).

📌 В Бельгии, например, 60% занимает Vue.js и лишь 15% — React. А в Швейцарии Angular в 2 раза популярнее, чем React.

🤩 Остальные любопытные цифры и результаты исследования вакансий — под катом.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM