Библиотека фронтендера | 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
加入频道
⚡️ Дэн Абрамов из React/Redux покидает Meta*

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

*организация, деятельность которой запрещена на территории РФ
This media is not supported in your browser
VIEW IN TELEGRAM
Оживите свои SVG изображения: быстрый гайд для фронтенд разработчика по анимации свойств SVG stroke-dasharray и stroke-dashoffset.

Читать
This media is not supported in your browser
VIEW IN TELEGRAM
Используем background-attachment, чтобы прикрепить фон к области просмотра👇

card {
background: radial-gradient(circle at var(--x) var(--y), ...);
background-attachment: fixed;
}


➡️ Полный пример здесь.

#css #tip by Jhey
Please open Telegram to view this post
VIEW IN TELEGRAM
«Библиотека программиста» в поиске контент-менеджера для ведения телеграм-каналов

Ищем человека, который грамотно пишет, разбирается в контенте и в одной из этих трех тем:
👉Data Science
👉Frontend
👉мобильная разработка

Мы предлагаем частичную занятость и полностью удаленный формат работы — можно совмещать с основной и находиться в любом месте🌴

Подробнее о вакансии и форма для отклика — по ссылке.

Ждем вас в команде!
25 вопросов, которые стоит задать HR-менеджеру на интервью

В этой статье разберемся, что спросить у работодателя, чтобы получить оффер.

🔗 Читать статью
🔗 Зеркало
⚡️ Команда Bun выпустила раздел Guides — большую коллекцию примеров кода и пошаговых руководств по выполнению общих задач с помощью Bun.

➡️ Перейти к изучению
#холивар

Какая информация в описании вакансии может вас оттолкнуть? И на что вы больше всего обращаете внимание:

📝 Условия работы
📝 Описание вакансии
📝 Бренд работодателя

🤩 — главное, чтобы хорошо платили
💯 — для меня важны все перечисленные пункты
🤔Type vs Interface: что использовать в 2023 году

Matt Pocock рассказывает о ключевых различиях между интерфейсами и псевдонимами типов в TypeScript, включая варианты их использования и важные функции, которые следует учитывать.

Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
📌 Ловите подборку за неделю и узнайте, #чтопроисходит

⚡️ Состоялся релиз Firefox 116 и сформированы обновления ветки с длительным сроком поддержки (115.1.0 и 102.14.0).
⚡️ Инструменты разработчика Firefox 116 теперь поддерживают средства форматирования кастомных объектов.
⚡️ Команда Google представила несколько значительных улучшений в том, как можно загружать JavaScript-код Google карт.
⚡️ Проект Svelte опубликовал свое последнее ежемесячное обновление. Да, сейчас в мире Svelte происходит много всего.

🔹 VanJS 1.0 — реактивный UI-фреймворк размером 1 КБ без React/JSX. Релиз v1.0 на этой неделе — относительно большой шаг вперед для еще молодого проекта.
🔹 Backbone 1.5 — библиотека, которая структурирует веб-приложения, предоставляя модели с привязкой ключ-значение и настраиваемые события/коллекции, и подключает все это к вашему существующему API через интерфейс RESTful JSON..
🔹 Shoelace 2.6 — популярный набор независимых веб-UI-компонентов.
🔹 Prisma 5.1 — Node.js нового поколения + ORM TypeScript.
🔹 eslint-config-prettier 8.10 — отключите правила ESLint, которые конфликтуют с Prettier.
🔹 tsup 7.2 — самый простой и быстрый способ связать ваши TypeScript-библиотеки.
🔹 Hackathon Starter 8.0 — шаблон для веб-приложений Node.js.
🔹 OGL 1.0 — минимальная библиотека WebGL.
🔹 Size Limit 8.2 — инструмента для проверки производительности вашего JS-проекта.
🔹 Stockfish.js 16 — знаменитый шахматный движок Stockfish на JS через WASM.
🔹 Marked 6.0 — быстрый анализатор и компилятор Markdown, теперь правда на TypeScript.
🔹 eta (η) 3.1 — Встроенный механизм шаблонов JS, теперь с поддержкой Bun.
🔹 Tremor 3.6 — React-библиотека для создания дашбордов.
🔹 Octokit.js 3.1 — GitHub SDK, включающий API client, App client и Action client.
🔹 React Image Gallery 1.3 — компонент карусели галереи изображений.
🔹 YouTube.js 5.8 — библиотека для использования InnerTube API.
Please open Telegram to view this post
VIEW IN TELEGRAM
Базовое понимание React Server Components (RSC)

Если вы уже пытались освоить RSC и находите недавнее руководство Дэна Абрамова очень сложной, под катом вас ждет доступное объяснение основ, охватывающих проблемы, которые решают RSC, почему вы можете их использовать и как Next.js все упрощает👇

Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Команда DevDojo — большие поклонники Alpine и Tailwind. Им так нравится этот стек, что они открыли исходный код библиотеки UI-элементов Pines, которая создавалась на протяжении многих лет.

📌 Почему Tailwind и Alpine?
При совместном использовании Alpine и Tailwind дополняют друг друга и позволяют разработчикам создавать повторно используемые и функциональные элементы UI с минимальными усилиями. Используя директивы Alpine для функциональности и служебные классы Tailwind для дизайна, вы можете создавать красивые и функциональные интерфейсы, представленные с использованием только HTML.

Резюмируя сказанное, Pines — это не отдельная библиотека, а набор элементов для проектов Alpine и Tailwind.
🎙Подкаст «Про код» от HTML Academy: Коля Шабалин, Игорь Антонов и Женя Шкляр про проблемы с тегами, новую версию Node.js и обновление @font-face.

00:00:00 Начало
00:00:30 Визуально скрытые элементы единичной ширины
00:05:03 Node 18.17 LTS
00:07:08 Promise.withResolvers
00:17:03 Новый синтаксис @font-face
00:27:27 История TypeScript
00:48:50 Дело против самозакрывющихся тегов

🔗 Слушайте на Ютубе
🔗 Ссылки на подкаст-площадки
This media is not supported in your browser
VIEW IN TELEGRAM
#devtool #tip by Shripal Soni

Когда вы устанавливаете точку останова, вы можете сделать ее условной на основе результата выражения. Просто выберите Add Conditional Breakpoint и введите свое выражение.
#html #cheatsheet by David Mraz

Мини-шпаргалка по значениям атрибута type HTML-тега <input>, задача которого — сообщать браузеру, к какому типу относится элемент формы.
#новости

🎉 Firefox 116 выпущен совсем недавно, и вместе с ним режим unicodeSets (//v) стал на шаг ближе к кросс-браузерной поддержке.

Chrome
Firefox 116
🕐 Safari 17 (в настоящее время находится в стадии бета-тестирования)

🔗 Подробнее
Архитектура фронтенд-проектов: Feature Sliced Design в деталях

🌐Обзор архитектуры
Плюсы и минусы архитектуры
⚖️Сравнение с архитектурой Simple Modular

Читать
#холивар

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

🤷‍♂️ Некоторые работодатели приветствуют желание разработчиков развиваться и оплачивают сертификаты.

💬 А у вас такое практикуется? Если бы у вас была возможность получить любой сертификат, какой выберете?
📌 Сохраняй в заметки, чтобы не пропустить:

📺 Построение микрофронтендной архитектуры. Первый взгляд, боли и решения / Никита Морозов / АО «МТТ»
📺 TypeScript на максималках. Защищаемся от any в кодовой базе / Максим Земсков / Яндекс
📺 Beyond Frontend / Алексей Тюльдюков / VK
📺 Бьем монолит. Основные практики / Александр Гузенко / IT_ONE
Самые полезные каналы для программистов в одной подборке!

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

🔥Для всех

Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
IT-мемы

☕️Java

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

👾Data Science

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

🧠C++

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

💻Другие профильные каналы

Библиотека фронтендера
Библиотека шарписта
Библиотека Go разработчика
Библиотека мобильного разработчика
Библиотека хакера
Библиотека питониста
Библиотека devops’a
Библиотека тестировщика
Библиотека пхпшника

💼Каналы с вакансиями

Вакансии по питону, Django, Flask
Вакансии по фронтенду, джаваскрипт, React, Angular, Vue
Вакансии по C#, .NET, Unity
Вакансии по Go
Вакансии по PHP, Symfony, Laravel
Вакансии по DevOps & SRE
Вакансии для мобильных разработчиков
Вакансии по QA тестированию
InfoSec Jobs — вакансии по информационной безопасности
〰️ Элемент <path> в SVG — один из самых мощных элементов в библиотеке основных форм SVG. С его помощью можно создавать отрезки, кривые, дуги и многое другое.

Форма элемента path определяется одним атрибутом: d. Атрибут d содержит серию команд и параметров. Хотите погрузиться детально? Читайте подробное интерактивное руководство.