Библиотека фронтендера | 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
加入频道
🔍Насколько легко «войти в айти»?

IT — перспективная отрасль с высокими зарплатами и огромной конкуренцией. Собираем ваши истории: расскажите, как вам удалось сменить профессию (или сразу найти себя), какие шаги вы для этого предприняли и с какими сложностями пришлось столкнуться.

👉Пройдите наш 10-минутный опрос по ссылке.
🔎 Разбираем HTTP/2 по байтам

HTTP/2 — вторая крупная версия сетевого протокола HTTP, которая является первой новой версией HTTP с версии HTTP 1.1. Спецификация HTTP/2 была опубликована как RFC 7540 в мае 2015 года.

И пока HTTP/3 находится в стадии черновика, самое время разобраться в HTTP/2, в алгоритмах установки соединения, формате кадров, примерах взаимодействия клиента с сервером и многом другом.

HTTP Frame {
# Заголовок
Length (24),
Type (8),
Flags (8),

Reserved (1),
Stream Identifier (31),

# Содержимое
Frame Payload (..),
}


🔗 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
#javascript #tip by reactive_dude

Slice vs Splice в JavaScript: на заметку фронтенд-разработчику.
Hyperscript Tagged Markup (htm) — альтернатива JSX, использующая стандартные шаблоны с тегами, с поддержкой компилятора👇

🔸Используйте JSX-подобный синтаксис в простом JavaScript (транспилятор не требуется)
🔸Разрабатывайте с помощью React/Preact прямо в браузере, а затем компилируйте htm для продакшена
🔸Он использует стандартные JavaScript tagged templates и работает во всех современных браузерах

📌htm в цифрах:

🐣 < 600 байт при использовании непосредственно в браузере
⚛️ < 500 байт при использовании с Preact (спасибо gzip 🌈)
🥚 < 450 байт версия htm/mini
🏅 0 байт при компиляции с помощью babel-plugin-htm

🔗 GitHub
🤩Подборка бесплатных API на любой случай жизни

Здесь вам и база данных продуктов/рецептов для приложений о ЗОЖ, и коллекция цитат знаменитых людей, и база данных с видеоиграми, и многое другое. Одним словом, маст хэв для ваших проектов.
Optimizing_Angular_Form_Validation_with_Lazy_Load_by_Netanel_Basal.pdf
4.8 MB
🚀Оптимизация валидации формы Angular с помощью отложенной загрузки: быстрый гайд с примерами

Ленивая загрузка — это метод, используемый для повышения производительности веб-приложений. Он позволяет загружать необходимый код и ресурсы только тогда, когда это необходимо.

🔗 Читать
Собрали небольшую коллекцию для фронтенд-разработчика. Отлично подойдет, если пользуетесь готовыми шаблонами:

1⃣ Templated — коллекция простых HTML/CSS шаблонов
2⃣ Zerotheme — коллекция HTML/CSS шаблонов от дизайнера #Mik
3⃣ Html5up — коллекция элегантных, адаптивных и настраиваемых HTML/CSS шаблонов
4⃣ W3layouts — инициатива Hidayath по предоставлению бесплатных адаптивных шаблонов с поддержкой WordPress
5⃣ html5xcss3 — коллекция шаблонов, разработанных с учетом совместимости с экранами разных размеров
💬 Пользуетесь LinkedIn для поиска работы или других кейсов?

Больше «честных логотипов» от графического дизайнера Clif Dickens ищите на сайте.

👍 — конечно
🤔 — нет, он же заблокирован
🐛 9 признаков неопытного программиста

Давайте попробуем отделить зерна от плевел и вывести несколько общих признаков, по которым можно определить неопытного программиста.

🔗 Читать статью
🔗 Зеркало
#css #ui #javascript #tip by Jhey

Пример использования View Transitions для создания переключателя темы. Код здесь. Демонстрация тоже👇
🤔Вы когда-нибудь задумывались, как работает реактивность в вашем любимом фреймворке? Что ж, пришло время разобраться.

Для фронтенд-библиотеки реактивность — это способ автоматического выполнения обновлений в ответ на событие. В статье CTO builder.io углубляется в реактивность и сравнивает фреймворки.

🔗 Читать