Библиотека фронтендера | 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-мемы
Proglib Academy — тут мы рассказываем про обучение и курсы
Азбука айтишника — здесь мы познаем азы из мира программирования

🤖Про нейросети
Библиотека робототехники и беспилотников | Роботы, ИИ, интернет вещей
Библиотека нейрозвука | Транскрибация, синтез речи, ИИ-музыка
Библиотека нейротекста | ChatGPT, Gemini, Bing
Библиотека нейровидео | Sora AI, Runway ML, дипфейки
Библиотека нейрокартинок | Midjourney, DALL-E, Stable Diffusion

#️⃣C#

Книги для шарпистов | C#, .NET, F#
Библиотека шарписта — полезные статьи, новости и обучающие материалы по C#
Библиотека задач по C# — код, квизы и тесты
Библиотека собеса по C# — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Вакансии по C#, .NET, Unity Вакансии по PHP, Symfony, Laravel

☁️DevOps

Библиотека devops’а — полезные статьи, новости и обучающие материалы по DevOps
Вакансии по DevOps & SRE
Библиотека задач по DevOps — код, квизы и тесты
Библиотека собеса по DevOps — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования

🐘PHP

Библиотека пхпшника — полезные статьи, новости и обучающие материалы по PHP
Вакансии по PHP, Symfony, Laravel
Библиотека PHP для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по PHP — код, квизы и тесты

🐍Python

Библиотека питониста — полезные статьи, новости и обучающие материалы по Python
Вакансии по питону, Django, Flask
Библиотека Python для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Python — код, квизы и тесты

Java

Книги для джавистов | Java
Библиотека джависта — полезные статьи по Java, новости и обучающие материалы
Библиотека Java для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Java — код, квизы и тесты
Вакансии для java-разработчиков

👾Data Science

Книги для дата сайентистов | Data Science
Библиотека Data Science — полезные статьи, новости и обучающие материалы по Data Science
Библиотека Data Science для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Data Science — код, квизы и тесты
Вакансии по Data Science, анализу данных, аналитике, искусственному интеллекту

🦫Go

Книги для Go разработчиков
Библиотека Go разработчика — полезные статьи, новости и обучающие материалы по Go
Библиотека Go для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Go — код, квизы и тесты
Вакансии по Go

🧠C++

Книги для C/C++ разработчиков
Библиотека C/C++ разработчика — полезные статьи, новости и обучающие материалы по C++
Библиотека C++ для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по C++ — код, квизы и тесты
Вакансии по C++

💻Другие каналы

Библиотека фронтендера
Библиотека мобильного разработчика
Библиотека хакера
Библиотека тестировщика
Библиотека разработчика игр | Gamedev, Unity, Unreal Engine
Вакансии по фронтенду, джаваскрипт, React, Angular, Vue
Вакансии для мобильных разработчиков
Вакансии по QA тестированию
InfoSec Jobs — вакансии по информационной безопасности

📁Чтобы добавить папку с нашими каналами, нажмите 👉сюда👈

Также у нас есть боты:
Бот с IT-вакансиями
Бот с мероприятиями в сфере IT

Мы в других соцсетях:
🔸VK
🔸YouTube
🔸Дзен
🔸Facebook *
🔸Instagram *

* Организация Meta запрещена на территории РФ
This media is not supported in your browser
VIEW IN TELEGRAM
🖼️ Как создать приложение SolidJS с помощью Deno: простой гайд для фронтенд-разработчика

SolidJS — декларативная библиотека для создания UI, которая делает упор на высокую реактивность с минимальными накладными расходами и хорошо сочетается с Deno.

1️⃣ Создаем приложение SolidJS с помощью Vite:

deno init --npm vite@latest solid-deno --template solid-ts


2️⃣ Настраиваем бэкенд Hono
3️⃣ Пишем фронт на SolidJS
4️⃣ Наслаждаемся и разбираемся, как можно улучшить приложение👇

🔗 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🎙 453-й выпуск подкаста «Веб-стандарты»

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

⏱️ Таймкоды:
00:01:23 Новинки Safari 18.2
00:34:08 Firefox без DNT
00:43:22 Baseline 2024
01:06:34 Релиз JS-движка Boa
01:13:10 Container Queries на Netflix
01:22:35 Ответы на вопросы

▶️ YouTube лайв | YouTube | Сайт подкаста

#подкасты #новости
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 Кстати, CSS-псевдокласс :where() используется для одновременного применения одного и того же стиля ко всем элементам в скобках. Он требует в качестве аргумента список селекторов, разделённых запятыми.

#css #tip
⚒️ Rockpack 5.0 — альтернативный стартовый инструмент для React-приложений

Инструмент в стиле Create React App, призванный максимально сократить время настройки React-проекта, включающий поддержку рендеринга на стороне сервера, бандлинг, линтинг и тестирование.

👩‍💻 GitHub
Please open Telegram to view this post
VIEW IN TELEGRAM
👑🧟 Король спама: насколько сильно ты бесишь коллег в рабочих чатах

Признайся, ты тоже иногда отправляешь голосовые сообщения из маршрутки? Или может быть, ты тот самый человек, который пишет «Привет» и исчезает на час? Всего 10 вопросов, которые помогут понять, являешься ли ты мастером цифрового этикета или главным спамером офиса. Готов узнать правду?

👉 Пройти тест
🤩 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