Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
22.7K subscribers
2.37K photos
143 videos
38 files
4.78K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
🤯 Что вам помогает работать, когда устаете? Когда в отпуск ну вообще никак, а сил уже нет.

💬 Может быть, чтение отвлеченной литературы, спорт, дневной сон, прогулки, встречи с друзьями, что-то ещё?

#интерактив
🤔5👍1
Опрос «Как вы учитесь с помощью телефона: поделитесь своим опытом!»

Дорогие подписчики, мы на миссии улучшений, и вы — наш ключ! 🔑


Мы хотим стать ещё круче, и для этого нужно узнать, как вы учитесь!

Заполните мини-анкету о том, как вы используете мобильные приложения для прокачки знаний.

Займёт всего 5 минут — как раз успеете за чашкой кофе! А за ваш ценный вклад мы дарим 15% скидку на все курсы https://proglib.academy/ 🎁
🚀 Новые возможности React 19: конец эры повторных рендерингов

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

🔗 Читать статью
🔗 Зеркало
👍151😁1
🎨 Как улучшить UI: 10 советов для начинающих фронтендеров

Советы о создании идеального UI/UX читайте в нашей статье

Изучите основы Frontend'а вместе с нашим курсом:
🔵 Frontend Basic: принцип работы современного веба

👉 Ссылка на статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥 TC39 продвигает более 10 предложений по ECMAScript

Архитекторы, стоящие за разработкой спецификации ECMAScript/JavaScript, снова собрались вместе на этой неделе, и у них был насыщенная повестка дня. Import attributes, Iterator helpers, Promise.try и Regexp modifiers перешли на этап 4, и не только.

👉 Подробнее
👍9❤‍🔥7🎉2🥰1
Audio
🎙 443-й выпуск подкаста «Веб-стандарты»: Вадим Макеев, Полина Гуртовая, Алексей Назаренко, Алексей Симоненко про Safari TP, Firefox 131, CrUX History API и про вечный спор веб-компонентов и фреймворков.

⏱️ Таймкоды:
00:02:40 Safari TP
00:12:58 Firefox 131
00:29:19 CrUX History API
00:34:06 Веб-компоненты и фреймворки
01:06:14 Что такое веб-компоненты
01:21:19 Веб-компоненты в рантайме
01:32:30 Зачем нужны веб-компоненты

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

#подкасты #новости
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
💡 В Chrome Dev Tools мы можем сохранить любой элемент или объект в качестве глобальной переменной, что может быть очень удобно при отладке или быстром анализе данных

#devtools #tip by Shripal Soni
👍21🥰16🥱5
🔥 Улучшение вложенности CSS с помощью CSSNestedDeclarations

CSSNestedDeclarations — новый интерфейс, одобренный рабочей группой CSS, который исправляет некоторые ошибки вложенности CSS, например, когда объявления, идущие после правил стиля, сбивают с толку, перемещаясь вверх.

Он доступен в Chrome начиная с версии 130, а также тестируется в Firefox и Safari. Bramus Van Damme, Google Chrome Developer Relations, делится краткой информацией о том, что происходит за кулисами, но вкратце:

Это означает, что вложенность CSS в Chrome 130 стала намного лучше


👉 Читать подробнее
🤔4
💬 Пусть Т9 продолжит эту фразу за вас:

Как же меня бесит в программировании...

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

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

🔥Для всех

Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
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 запрещена на территории РФ
👍21
🦖 Анонс Deno 2: грандиозный релиз для рантайма

Обратная совместимость с Node — главная особенность, но есть и многое другое. Однако лучшим является эпическое видео «Анонс Deno 2» ⏯️

После слегка напыщенного вступления Ryan Dahl представляет фантастический тур в стиле keynote по всему, что может предложить Deno.

💡 Кстати, интересной новой фичей является поддержка Deno Jupyter Notebook, о которой можно подробно узнать здесь.
7😁3👍1🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
🛠️ Number Flow — React-компонент для перевода, форматирования и локализации чисел.

Создан на основе Intl.NumberFormat и веб-анимации. Независимый. Доступный. Настраиваемый.

👉 GitHub
1😁11👍6
🤯 Ситуация:

Вам поступает задача, вы на глаз оцениваете ее в две недели и получаете одобрение по срокам. Сначала все идет хорошо, пилите проект и ничто не предвещает беды.

Со временем задача усложняется, потому что данные приходят с задержками и вразнобой. Вы не делитесь с руководителем своими трудностями, потому что тогда это можно посчитать за некомпетентность.

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

💬 Как думаете, как стоило поступить исполнителю?
🔥 Когда нужен TypeScript: введение в мир надежного программирования

Александр Чернов, фронтенд-разработчик в Альфе, рассуждает о TypeScript и том, как с помощью него мы можем сделать программирование и код на JavaScript более надежными и прогнозируемыми. 

Наподумать:
…если вы решили внедрять TS на проект, что работает долгие годы и уже на поддержке, то, возможно, не стоит тратить ресурсы на то, чтобы добавить TypeScript. Здесь уже бизнес будет решать, выгодно это или нет. А разработчики могут использовать, например, JSDoc.
🥱3👍1
🧩⚛️ React + структуры данных = суперкод: 7 примеров для практики

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

Читать статью
👍11🥱3
🔥 История веб-фреймворка Hono от его создателя

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

Вы можете создать простое приложение, напоминающее Express.js, но запустить его на Cloudflare Workers, Deno, Bun или Node. Он активно используется и имеет много интересных фич, включая возможности писать HTML с помощью JSX.

👉 Читать
👍9🔥1
🔍 Как создать приложение для поиска изображений с помощью CLIP, Postgres и JavaScript

Руководство, которое объединяет множество идей в одном месте. CLIP используется для преобразования изображений в текстовые описания.

Postgres используется в качестве векторной базы данных. JavaScript обеспечивает связующее звено как для фронтенда (с React), так и для бэкенда (Node.js).

👉 Читать
🔥8👍4