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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
🧰 Команда Яндекса выложила в опенсорс Testplane, внутренний инструмент для тестирования пользовательских сценариев во фронтенде.

Кроме этого, его можно использовать для скриншотного тестирования, тестирования React-компонентов и запуска клиентских unit-тестов в контексте браузера.

📌 Евгений Константинов из команды разработки инструментов автоматического тестирования в Яндексе рассказал об истории Testplane, в чём преимущества инструмента и как его добавить в свой проект.

👉 GitHub
👨‍💻📎 27 сайтов с задачками для оттачивания навыков программирования

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

Вам под силу эти задачи?➡️

🔗 Ссылка на сайты
Please open Telegram to view this post
VIEW IN TELEGRAM
426. Нативная карусель, WebAssembly JSPI, стили popover/dialog,…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Полина Гуртовая, Вадим Макеев про нативную карусель, WebAssembly JSPI, стили popover/dialog, просто htmx, gap и cap в CSS.

00:01:07 Нативная карусель
00:16:43 WebAssembly JSPI
00:28:39 Стили popover/dialog
00:43:05 Просто htmx
01:04:17 Gap и cap в CSS
01:16:53 Ответы на вопросы

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

#подкасты #новости
Proglib запускает канал Азбука айтишника

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

У нас есть рубрики:
База — в ней рассказываем про термины из IT простым языком
Проект — объясняем, из чего состоят айтишные проекты и сколько они могут стоить
Психология айтишника — тут говорим про софт-скиллы, особенности работы и взаимодействия

👉Подписывайтесь!
Please open Telegram to view this post
VIEW IN TELEGRAM
Автор статьи Sergei Vorniches прошел через фриланс, стажировки, корпорации, смену профессии и даже запуск собственного SaaS'а. Очевидно, что за это время он получил много как позитивного, так и негативного опыта. В статье он описывает 5 важных уроков, которые хотел получить 10 лет назад.

💬 Какие из них лично для вас являются наиболее важными в профессии айтишника? Цифру пишите в комментарии👇
👀Что из этого сгенерировала нейросеть?

Подписывайтесь на наш новый канал про нейросети для создания изображений, там есть:

🌸Новые нейросети и инструменты, например, вот модель генерирует картинки по наброску
🌸Промты для разных задач
🌸Лайфхаки по использованию нейросетей

👉Подписывайтесь!
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️ Разработка Notion-like редактора for fun and profit

Автор делится опытом работы с атрибутом contenteditable у HTML-элементов, про сопутствующие проблемы при его использовании, про кастомное форматирование и про работу с выделенными участками текста.

HTML-атрибут contenteditable позволяет сделать элемент на веб-странице редактируемым. Применяя его к элементу, например <div>, мы даем пользователю возможность изменять содержимое элемента прямо в браузере, как в текстовом редакторе.

👉 Читать
⚛️ 6 самых важных шаблонов проектирования в React

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

👉 Читать статью
👉 Зеркало
🥷 Личный бренд айтишника — тема непростая. Когда сильных хард-скиллов уже недостаточно для роста в карьере, приходится искать способы выразить свою экспертность.

💬 А как вы предпочитаете развивать свой личный бренд?

👍 — публикации на профессиональных площадках
❤️ — преподавание
🔥 — выступления на конференциях/митапах
🤔 — с экспертностью пока есть проблемки
👏 — свой вариант (напишу в комментариях)
✍️Библиотека программиста» находится в поиске автора оригинальных статей

Кто нужен?
● Энтузиасты (джуны и выше), которые держат руку на пульсе, читают помимо книг зарубежные техноблоги
● Энтузиасты, которым есть что сказать

Тематика
● DevOps
● В четырех случаях из пяти вы предлагаете тему статьи

Объем
● От 7 до 15 тыс. знаков без учета кода
● 2-3 статьи в месяц

Оплата
● 8к руб. за статью
● Работаем с самозанятыми (компенсируем налог), ИП

Я пишу «так себе», что делать?
Чтобы написать статью, которую не стыдно опубликовать, достаточно овладеть инфостилем. У нас есть бесплатный курс для начинающих копирайтеров «Статьи для IT: как объяснять и распространять значимые идеи». Время прохождения курса: 1-2 недели.

✉️Пишите на [email protected]
💡 Знаете ли вы, что к числам в упорядоченном списке можно добавить 0️⃣?

#css #tip by Shripal Soni
😌 5 техник для снятия стресса на работе

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

🔗 Читать статью
🔗 Зеркало
⚡️ TypeScript 5.5 RC: основные нововведения релиз-кандидата

🔷 Методы Set ECMAScript: добавлена поддержка новых методов, таких как union, intersection, difference, symmetricDifference, isSubsetOf, isSupersetOf и isDisjointFrom.

🔷 Inferred Type Predicates: TypeScript теперь выводит предикаты типов в функциях, улучшая типобезопасность и надежность кода, особенно при работе с массивами.

🔷 Control Flow Narrowing: улучшенный анализ управления потоком для выражений с постоянными индексами, что позволяет более точно проверять типы выражений, таких как obj[key].

🔷 Импорт типов в JSDoc: введен новый тег комментариев @import, упрощающий импорт типов в JavaScript-файлах без влияния на выполнение.

🔷 Проверка синтаксиса регулярных выражений: TypeScript теперь выполняет проверку синтаксиса регулярных выражений, выявляя распространенные ошибки и обеспечивая совместимость с версиями ECMAScript.

🔷 Изолированные декларации: новый параметр --isolatedDeclarations помогает более эффективно генерировать файлы деклараций, требуя явных аннотаций типов для экспорта.

🔷 Шаблонная переменная ${configDir}: введена новая шаблонная переменная для файлов конфигурации, чтобы сделать общие файлы tsconfig.json более портативными и удобными в управлении.

🔷 Генерация файлов деклараций: улучшена обработка зависимостей в package.json для генерации файлов деклараций, что снижает необходимость в явных аннотациях типов.

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

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

🔥Для всех

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

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

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

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

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

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

* Организация Meta запрещена на территории РФ
⚡️ Краш-курс по JavaScript Promises от
Kevin Powell

⏱️ Таймкоды:

00:00 Introduction
01:40 Creating a promise
03:50 Errors and catch
05:20 Chaining multiple methods
07:42 Using finally
08:54 Practical examples
14:05 async and await
16:45 gotchas with async and await
22:00 Which approach should you use?

👀 Смотреть полностью

#этобаза
427. Chrome 126, элемент permission, Firefox 127, бета Safari 18…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Алексей Симоненко, Вадим Макеев, Никита Дубко про Chrome 126, элемент permission, Firefox 127, бету Safari 18, CSS-эксплейнеры, Node.js 22.

00:01:38 Chrome 126
00:20:51 Элемент permission
00:37:23 Firefox 127
00:56:52 Бета Safari 18
01:26:13 CSS-эксплейнеры
01:41:46 Node.js 22

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

#подкасты #новости
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

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

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

У нас есть рубрики:
База — в ней рассказываем про термины из IT простым языком
Проект — объясняем, из чего состоят айтишные проекты и сколько они могут стоить
Психология айтишника — тут говорим про софт-скиллы, особенности работы и взаимодействия

👉Подписывайтесь!
Please open Telegram to view this post
VIEW IN TELEGRAM
DGM.js — библиотека для рендеринга и работы с холстами, содержащими «умные» фигуры, которые вы можете использовать в сценариях и задавать различные ограничения/свойства.

📌 Под капотом:

💡 «Умные» фигуры
🔧 Headless компоненты (React)
🔥 Бесконечный холст
📑 Поддержка многостраничности
👍 Стили, имитирующие ручной рисунок
👥 Совместная работа в реальном времени
🎨 Темный режим (адаптивные цвета)
📸 Экспорт в изображения (PNG, SVG)
🧑🏻‍💻 Экспорт/импорт JSON

👉 GitHub