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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
🤩 12 современных возможностей CSS, качественно улучшающих DX или UX одной строкой кода

Эта статья — эпизод из серии заметок о современных решениях CSS для проблем, которые Stephanie Eckles решала на протяжении последних 15 лет в качестве фронтенд-разработчика.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🏛️⚛️ React пора сдать в музей: почему популярный фреймворк устарел и чем его заменить

Миллионы разработчиков по-прежнему используют React, но так ли это оправдано? Глубокий анализ от экспертов показывает, что стандартный инструментарий React создает больше проблем, чем решает. Изучаем реальные примеры компаний, которые смогли улучшить производительность своих приложений в разы после отказа от React.

🔗 Читать статью
🔗 Зеркало
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Кстати, в ноябрьском выпуске VS Code анонсирована фича, которая позволяет добавлять импорт для вставленного кода при копировании и вставке JavaScript и TypeScript.

👉 Подробнее об этой и других новых фичах

#новости
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔🔥🪦 Беспощадный Frontend-тест: уволься сам, если не наберёшь 7 из 10!

Ау! Есть среди нас фулстек-разработчики? Или может те, кто когда-то начинал с HTML и CSS?

👉 Проверяем свои знания о фронтенде тут
🤔 Как Google обрабатывает JavaScript в процессе индексирования

Когда-то, если вы хотели, чтобы Google индексировал ваш контент, он должен был быть напрямую написан на HTML, а не динамически отображаться с помощью JavaScript. Конечно, с тех пор многое изменилось, но насколько?

👉 Читайте в исследовании MERJ и Vercel, посвящённом развенчанию мифов о рендеринге Google с помощью эмпирических данных
Please open Telegram to view this post
VIEW IN TELEGRAM
Лучший способ получить/установить поле ввода со значением даты с помощью JavaScript

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

#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🎨 13 приемов CSS, которые изменят твой подход к верстке

13 продвинутых техник, которые редко встречаются в базовых туториалах, но активно используются в enterprise-разработке. Ты узнаешь, как избегать типичных ошибок и использовать современные возможности браузеров по максимуму.

👉 Читать статью
👉 Зеркало
Вакансии «Библиотеки программиста» — ждем вас в команде!

Мы постоянно растем и развиваемся, поэтому создали отдельную страницу, на которой будут размещены наши актуальные вакансии. Сейчас мы ищем:
👉контент-менеджеров для ведения телеграм-каналов

Подробности тут

Мы предлагаем частичную занятость и полностью удаленный формат работы — можно совмещать с основной и находиться в любом месте🌴

Ждем ваших откликов 👾
🚨Команда Cloudflare в рамках инициативы Cloudflare Radar представила отчет за 2024 год, в котором есть полезная информация и для фронтендеров

С использованием URL Scanner, команда просканировала ~5000 сайтов, чтобы определить самые популярные технологии и сервисы. И вот что получилось:

✔️ React имеет явное преимущество над Vue.js и другими фреймворками/библиотеками JavaScript.
✔️ PHP — самая популярная технология программирования.
✔️ Доля jQuery — в 10 раз больше, чем у других популярных JavaScript-библиотек.
✔️ WordPress имеет более 50% доли среди систем управления контентом.
✔️ Go превзошел NodeJS как самый популярный язык, используемый для создания автоматизированных API-запросов.
✔️ Во всем мире почти половина веб-запросов использовала HTTP/2, а 20,5% — HTTP/3.
✔️ Среди браузеров Google Chrome остается наиболее популярным, но Safari опережает его на iOS-устройствах.

👉 Читать полный отчет с интерактивными графиками

#новости
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
📚Четвертое издание Eloquent JavaScript от Marijn Haverbeke — пожалуй, одна из лучших «универсальных» книг для изучения JavaScript, адаптированная к реалиям 2024 года и в целом улучшенная.

👉 Вы можете прочитать ее онлайн или скачать в удобном вам формате (по ссылке также доступно второе издание, переведенное на русский)
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻👩‍💻👩‍💻👩‍💻 Наиболее эффективные методы улучшения Core Web Vitals

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

Взаимодействие со следующей отрисовкой
1. Регулярные паузы для разделения длительных задач.
2. Минимизация JavaScript.
3. Минимизация крупных обновлений рендеринга.

Скорость загрузки основного контента
1. Обеспечение доступности ресурса LCP в HTML-коде и его приоритетность.
2. Мгновенная навигация.
3. Использование CDN для оптимизации TTFB.

Совокупный сдвиг макета
1. Четкие размеры для загружаемого контента.
2. Страницы, поддерживающие bfcache.
3. Анимации и переходы CSS вызывают сдвиги макета.

👉 Читать полный гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
🖼️ Визуализация JavaScript: Event Loop, Task Queue и Microtask Queue

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

👉 Читать

#инфографика
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 Использование сокращенной записи для определения всех четырех позиций в CSS

#css #tip by Shripal Soni
🔥 Селекторы CSS на практике

Подробное руководство, охватывающее все различные способы выбора элементов в CSS (например, псевдоселекторы, вложенные селекторы, селекторы атрибутов и т. д.) и способы их использования для применения стилей.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🎁 Лучше икры на Новый год только...

Сертификат на обучение от Proglib Academy! Это крутой подарок для тех, кто интересуется IT, хочет освоить новую профессию и жить в шоколаде.

Почему наши курсы — хороший презент:

🔵Подходит для новичков и профессионалов: можно выбрать обучение под любой уровень знаний.
🔵Помогает развивать востребованные навыки, которые пригодятся в IT.
🔵Позволяет выбрать удобный формат обучения: можно учиться в своем темпе, когда удобно.

Сертификат оформляется за пару минут, и даже не нужно ломать голову над упаковкой.

🚀 Подарите возможность начать год с полезных знаний и карьерного роста → подробнее о сертификатах
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Вышли шестая и седьмая части серии статей, в которой Игорь Агапов из Timeweb Cloud разбирает структуры данных и алгоритмы, представленные в популярном репозитории 👉 https://yangx.top/frontendproglib/5399

Новые части посвящены алгоритмам поиска, а также алгоритмам для работы с множествами и строками.

#javascript #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM