Библиотека фронтендера | 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
加入频道
Лучший способ получить/установить поле ввода со значением даты с помощью 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
🦑👨💻 Программист в «Игре в кальмара»: каковы твои шансы выжить?

Каждый день оптимизируешь процессы, автоматизируешь задачи и решаешь сложные проблемы. Но что, если тебе придется применять свои навыки, чтобы выжить?

Окажутся ли твои скрипты, алгоритмы и багфиксы полезными в критической ситуации?

👉 Пройти тест
🎙 454-й выпуск подкаста «Веб-стандарты»

Кого слушаем: Никита Дубко, Алексей Симоненко, Полина Гуртовая.

⏱️ Таймкоды:
00:01:53 CSS-вишлист
00:33:44 Custom Ident в CSS
00:48:57 Наконец-то text-box-trim
01:02:53 State of JS 2024

▶️ Сайт подкаста

#подкасты #новости
Please open Telegram to view this post
VIEW IN TELEGRAM
🎨 Какими навыками должен владеть фронтендер

Фронтендер отвечает не только за визуальную часть, но и за заголовки, меню, карточки, кнопки, адаптивность и валидацию. Они пишут код, на основе которого работают сайты.

Знания и навыки, необходимые фронтендеру:
▪️ Уметь работать с HTML и CSS
▪️ Выучить язык программирования JavaScript
▪️ Овладеть одним из фреймворков на базе этого языка (React, Angular, Vue)
▪️ Уметь работать с Git
▪️ Понимать, что такое веб-страницы, протоколы HTTP/HTTPS, браузеры, домены и хостинг
▪️ Разбираться в REST API
▪️ Работать с Figma
▪️ Иметь базовые навыки проверки своего кода

➡️ Забирайте курс Frontend со скидкой 35%, он поможет со всем этим разобраться – https://proglib.io/w/eeccf187
Please open Telegram to view this post
VIEW IN TELEGRAM
📈 Повышение производительности сайта The New York Times с помощью React 18

В конце 2023 года команда The New York Times решила в полной мере воспользоваться React 18 на своем новостном сайте.

Это интересное исследование, в котором рассматриваются проблемы, возникшие при обновлении, и значительные преимущества, которые им удалось получить.

👉 Читать на Medium или в PDF (файл в комментариях)
Please open Telegram to view this post
VIEW IN TELEGRAM