Библиотека фронтендера | 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
加入频道
🚀 Performance и оптимизация TypeScript-типов в больших проектах

Большие TypeScript-проекты на практике чаще всего представляют собой монорепозитории, в которых может быть сотни и даже тысячи модулей, интерфейсов и типов.

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

Хмелев Андрей, техлид и фулстек-разработчик, разбирается:

• почему TypeScript захлёбывается в крупных проектах;
• какие подходы и практики помогут оптимизировать типы;
• как проводить диагностику узких мест в процессах компиляции и разработки.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
⭐️ Восходящие звёзды JavaScript 2024 года

Пришло время окончательно попрощаться с 2024 годом, но не раньше, чем Michael Rambeau проведёт ежегодный анализ JavaScript-проектов, которые лучше всего зарекомендовали себя на GitHub за последний год.

Даже если для вас количество звезд на GitHub — не показатель, это по-прежнему отличный способ получить представление об экосистеме JavaScript и увидеть, какие библиотеки и инструменты пользуются популярностью в различных нишах. Как всегда, это фантастическая подборка.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔 Вам не нужен Next.js

Несмотря на то, что Next.js считается предпочтительным метафреймворком React, если ваши требования невелики, простой переход на React даёт множество преимуществ с точки зрения простоты и скорости.

👉 Читать подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
🤩 Сбалансированный текст в CSS

Ahmad Shadeed, фронтенд-разработчик и автор книги Debugging CSS, начинает новый год с этого интерактивного гайда, в котором объясняется практическая сторона визуальной балансировки текста с помощью CSS. Это подробное описание того, что могут делать text-wrap и их различные значения.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.

Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.

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

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
🔥 Новые возможности фронтенда для дизайнеров в 2025 году

Стилизация отдельных компонентов, управление стилями родительских элементов на основе дочерних элементов, использование относительных цветов — всё это современные возможности фронтенда.

Многие задачи, которые раньше требовали JavaScript, теперь можно решить с помощью одной строки HTML и CSS.

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

👉 Погрузитесь и узнайте
, как эти возможности могут упростить вашу повседневную работу и помочь создавать современные UI-компоненты
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 7 способов скрыть элементы с помощью CSS: основные достоинства и недостатки

#css #tip by Shripal Soni
🎙 457-й выпуск подкаста «Веб-стандарты»

Кого слушаем:
Вадим Макеев, Андрей Мелихов, Алексей Симоненко, Полина Гуртовая.

⏱️ Таймкоды:
00:01:18 Firefox 134
00:11:48 Новости Node.js
00:17:37 Нативный TS в Node.js
00:33:43 WinterTC
00:46:36 Баланс текста
01:03:42 Атрибуты импортов
01:14:55 JS Rising Stars

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

#подкасты #новости
Самые полезные каналы для программистов в одной подборке!

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

🔥Для всех

Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
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 запрещена на территории РФ
👩‍💻 👩‍💻 Тight Mode: почему браузеры показывают разные результаты по производительности 

Мы знаем, что браузеры выполняют множество различных функций. Одна из них — это то, как они не только загружают ресурсы, но и как они расставляют приоритеты для этих ресурсов.

Chrome и Safari реализовали Tight Mode, который ограничивает, какие ресурсы загружаются и в каком порядке, но в каждом из них подход к этому кардинально отличается.

👉 В статье автор в общих чертах объясняет, что это такое, что его запускает и как к нему относятся в основных браузерах
Please open Telegram to view this post
VIEW IN TELEGRAM
👋 Всем привет!

Мы ищем участников для интервью на тему «Обучение навыкам в IT»!

Кто нам нужен?
— Вы недавно (в последние 6 месяцев) проходили курсы по техническим специальностям или математике.
— Вы разработчик, стремящийся освоить Data Science или Machine Learning.

Что нужно сделать?
— Участвовать в небольшом интервью по Zoom (не больше 45 минут).
— Вознаграждение: 1500 рублей на карту за участие + уникальный шанс пообщаться с нашим CEO!

Как откликнуться?
Напишите в личные сообщения @artem_ceo
🖼️ Использование TypeScript без инструментов сборки

С недавнего времени Node.js (с версии 23) поддерживает выполнение TypeScript без дополнительных настроек. Теперь можно просто запустить команду, Node.js автоматически удалит аннотации типов и выполнит код, используя swc:

node index.ts


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

👉 Читайте подробнее, какие ещё проекты поддерживают использование TypeScript без инструментов сборки
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 Кастомизируйте вывод c помощью JSON.stringify()

Передайте функцию замены в формате JSON.stringify(data, replacer?, space?), чтобы настроить выходные данные.

#javascript #tip by Shripal Soni
👦 HTML и CSS для абсолютных новичков

Фронтенд-разработчик Kevin Powell начал год с курса из 50 видео. Он охватывает все: от синтаксиса, структуры страницы, семантического HTML, специфики CSS и многого другого.

👉 Смотреть курс