Библиотека фронтендера | 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
加入频道
🎙 452-й выпуск подкаста «Веб-стандарты»: Никита Дубко и Андрей Мелихов про новинки CSS 2024, require ES-модулей, TypeScript 5.7, слоистую спекуляцию и усталость от React.

⏱️ Таймкоды:
00:01:07 Новинки CSS 2024
00:33:51 Require ES-модулей
00:48:44 TypeScript 5.7
01:02:31 Слоистая спекуляция
01:17:55 Усталость от React

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

#подкасты #новости
Please open Telegram to view this post
VIEW IN TELEGRAM
🎨 Новый канал для вдохновения — UX in GIF

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

📌 Чем полезен канал?

→ Идеи для дизайна интерфейсов.
→ Анимации, которые можно повторить или адаптировать.
→ Лёгкий способ искать вдохновение перед новым проектом.

👉 Подписывайтесь и вдохновляйтесь: UX in GIF
Please open Telegram to view this post
VIEW IN TELEGRAM
🧬 Как реализовать наследование в JavaScript: 7 способов

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

👉 Читать статью
👉 Зеркало
Тест: 🐍 Насколько ты продвинутый питонист?

Python — отличный язык для автоматизации и решения задач, с которыми сталкивается каждый разработчик.

Пройдите тест и узнайте, насколько вы продвинуты в Python. Эти навыки будут полезны для оптимизации процессов и улучшения ваших проектов!

🎯 Пройти тест
🖼️ Работа с JavaScript Scheduler API: простой гайд для фронтенд-разработчика

На данный момент доступен только в Chromium/Edge, но обещает более точный способ расставлять приоритеты и управлять выполнением задач, чем это было возможно до сих пор.

👉 Читать гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from UX in GIF
🔧 TypeScript в деталях: настраиваем tsconfig.json правильно

Один файл, который может изменить все: полное руководство по tsconfig.json. Разбираем каждый параметр и его влияние на разработку, сборку и поддержку TypeScript-проектов.

👉 Читать статью
🎉 Кстати, в ноябре вышла новая версия TypeScript! Разбираемся, что ждет фронтендеров в версии 5.7:

npm install -D typescript


✔️ Улучшенные проверки для необъявленных переменных
✔️ Более умный поиск tsconfig при работе с проектами
✔️ Оптимизация производительности компиляции
✔️ Новые возможности в системе типов и многое другое

👉 Читать подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 В CSS можно сделать attribute selector регистронезависимым: на заметку фронтенд-разработчику

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

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
📈 Состояние производительности Node.js в 2024 году

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

Улучшения между Node 18 и 20 вплоть до версии 22 могут вас удивить — очевидно, что команда проделала большую работу в этой области.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🎨⚛️ CSS в React: сравниваем 5 подходов к стилизации

Стилизация React-приложений может быть сложной задачей: существует множество подходов, и выбор подходящего способа влияет на удобство разработки, производительность приложения и легкость управления кодом. Разберем основные методы стилизации, их преимущества и недостатки.

🔗 Читать статью
🔗 Зеркало
Самые полезные каналы для программистов в одной подборке!

Сохраняйте себе, чтобы не потерять 💾

🔥Для всех

Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
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