Библиотека фронтендера | 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
加入频道
⚡️ Команда 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 содержит серию команд и параметров. Хотите погрузиться детально? Читайте подробное интерактивное руководство.
#cheatsheet #javascript #easy by David Mraz

Шпаргалка по методам JavaScript DOM: на заметку фронтенд-разработчику.
✍️«Библиотека программиста» собирает кейсы использования нейросетей

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

Заполняйте форму — лучшие истории появятся в нашей подборке по теме.

👉Ссылка тут👈
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 Parallel Routes в Next.js 13: наглядный пример для фронтенд-разработчика.
381. Firefox, CSS Math, Service Workers, WCAG 3, P3 Figma, SQ, Astro…
Веб-стандарты
#подкасты

🎙Подкаст «Веб-стандарты»: Вадим Макеев, Андрей Ситник, Никита Дубко про Firefox 116, новый Math в CSS, ускорение Service Workers, WCAG 3, P3 в Figma, Style Queries, Astro и View Transitions и всё ли PostCSS.

00:02:18 Firefox 116
00:10:49 Ещё Math в CSS
00:19:08 Ускорение Service Workers
00:25:25 WCAG 3 пока рано
00:45:22 P3 в Figma
00:53:58 Style Queries
01:07:44 Astro и View Transitions
01:17:39 PostCSS всё
01:42:29 Ответы на вопросы

🔗 Слушайте на Ютубе
🔗 Ссылки на сайте