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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
👁 Если в вашей команде есть договорённость следить за процентом покрытия TypeScript-кода типами, то пакет type-coverage может помочь с этим.

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

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

#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
6🥰4
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
👍169
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, ...?
👍15🎉3🤔2
💡Angular v17.1 добавляет в router новую фичу:

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

#новости #angular
👍14
Forwarded from Библиотека программиста | программирование, кодинг, разработка
🏔 Эпикфейл: карьера катится к чертям

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

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

👉 Поделиться историей
👍4🤔2
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 Подкасты | Яндекс Музыка | Сайт подкаста

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

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

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

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

💬 А какое слово отравляет вашу жизнь? Поделитесь в комментариях 👇
👍5🥱4
📊 Самые востребованные фронтенд-фреймворки в 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
👍14🔥43
408. Бета Chrome 122, Outlook похуже, Arc поищет за вас, Dev-режим…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Алексей Симоненко, Вадим Макеев, Никита Дубко, Юля Миоцен про бету Chrome 122, движок Outlook похуже, Arc, который ищет за вас, Dev-режим в Figma, знание SVG и Interop 2024.

00:01:31 Бета Chrome 122
00:11:29 Outlook стал хуже
00:24:10 Arc ищет за вас
00:52:24 Dev-режим в Figma
01:09:17 Знайте SVG
01:26:12 Interop 2024
02:00:34 Ответы на вопросы

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

#подкасты
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍1
⚡️Команда AWS открыла исходный код легковесного JavaScript рантайма под названием LLRT (Low Latency Runtime).

🧰 Он быстрый, написан на Rust и использует QuickJS в качестве JS-движка.

🔗 GitHub
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
9
Heisenbug 2023.pdf
10.7 MB
🎙«Используем JS в браузере для повседневных задачек» — доклад Алексея Иванова на Heisenbug 2023 Spring

🧰 Chrome DevTools — основной инструмент дебага во время веб-разработки. А Console — один из главных модулей DevTools. Его основная задача заключается в отображении ошибок в коде, но также он отвечает и за выполнение команд на JS.

💡Цель доклада — показать, как с помощью консоли и других модулей DevTools сократить время на тестирование.

📌 Темы, которые рассматриваются в докладе:

🔧 Подготовка тестовых данных
🔧 Автоматизация рутины
🔧 Нужно ли сделать свое расширение для помощи тестировщикам?

📺 Смотреть
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍3
This media is not supported in your browser
VIEW IN TELEGRAM
🤦‍♂️ Вот мы обсуждаем тут современные JS-фреймворки, библиотеки, рантаймы, сборщики и так далее. А jQuery между прочим тоже развивается.

🚀 Так, на прошлой неделе была выпущена бета jQuery 4.0.0. Новая версия прощается с поддержкой IE 10, удаляет множество устаревших API и лишь немного вступает в современный мир (она даже перешла на ESM).

🎉 jQuery — не единственная новинка из прошлого, получившая обновление на этой неделе: также вышла Backbone.js 1.6!

🐦 И еще кое-что: 3-го февраля Vue.js исполнилось десять лет! Vue.js: JavaScript MVVM made simple — то самое обсуждение на Hacker News от 03.02.2014.
Please open Telegram to view this post
VIEW IN TELEGRAM
😁25👍3👾21🤩1
😺🐙💡 Как сделать креативный профиль на GitHub

Расскажем, как представить свои навыки, опыт и пет-проекты так, чтобы на профиль обращали внимание потенциальные работодатели и единомышленники.

👉 Читать статью
👉 Зеркало
😁25👍1