Библиотека фронтендера | 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
加入频道
🤔 Как избежать булевых значений в сигнатуре функции JavaScript

Сложно не согласиться с автором, ведь options object или enums почти всегда являются лучшим выбором.

👉 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥 Асинхронность в JavaScript: Async/Await, Promises, Callbacks, Fetch API

Перед вами мини-курс по асинхронному программированию на JavaScript от freeCodeCamp. Вы изучите основные концепции и примените знания на практике.

Таймкоды:
⌨️ (0:00:27) Part 1 Overview
⌨️ (0:00:50) Prerequisites
⌨️ (0:01:02) What is Synchronous Programming
⌨️ (0:01:14) What is Asynchronous Programming
⌨️ (0:05:13) Call Backs
⌨️ (0:09:45) Call Back HELL
⌨️ (0:10:07) Call Back HELL Example
⌨️ (0:12:55) Promises
⌨️ (0:13:26) 3 States of a Promise
⌨️ (0:19:38) Consuming Promises
⌨️ (0:19:52) Then/Catch
⌨️ (0:24:59) Common Mistakes (Then/Catch)
⌨️ (0:27:01) Promise.All()
⌨️ (0:31:10) Async/Await
⌨️ (0:40:55) Part 2
⌨️ (0:41:19) Recap Promises
⌨️ (0:43:14) Fetch API
⌨️ (0:51:58) Chuck Norris API
⌨️ (1:02:16) Weather API
⌨️ (1:30:48) Pokedex API
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🤹 Магия clip-path в CSS

clip-path часто используется для обрезки узла DOM в определенные формы, например, треугольники. Но что, если использовать его для анимации?

Автор статьи погружается в clip-path и рассматривает некоторые из интересных вещей, которые вы можете с ним сделать. Как только вы прочтете ее, вы начнете видеть, что это свойство используется везде.

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

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

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

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

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

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

🔥Для всех

Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
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 запрещена на территории РФ
🏦🕵 Банковский фейс-контроль: как финтех распознает «хорошего» клиента

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

🔗 Читать статью
🔗 Зеркало
📩 Друзья-фронтендеры!

Мы запускаем еженедельную email-рассылку, посвященную миру фронтенд-разработки. В ней вы найдете:

• Последние тренды и новости
• Полезные инструменты и ресурсы
• Советы по оптимизации кода
• Интересные проекты и кейсы

👇👇👇
☝️☝️☝️ Вопрос к вам: в какой день недели вы бы хотели получать нашу рассылку?
Anonymous Poll
30%
Понедельник
7%
Вторник
10%
Среда
7%
Четверг
21%
Пятница
12%
Суббота
13%
Воскресенье
431. Firefox 128, особенный доступ Chromium, Interop 2024, Zed на…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко и Алексей Симоненко про Firefox 128, особенный доступ Chromium, Interop 2024, Zed на Linux, View Transition и GitHub.

00:01:50 Firefox 128
00:25:53 Особенный доступ Chromium
00:45:03 Как дела у Interop 2024
01:05:23 Редактор Zed на Linux
01:14:19 Непонятки View Transition
01:37:59 Усталость от GitHub
01:52:50 Ответы на вопросы

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

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

Все фронтендеры любят localStorage — ведь в него можно прикопать данные без всяких баз и серверов. Но из localStorage можно отлично обстрелять себе ногу — автор делится шестью встроенными пулеметами и рассказывает, как с ними бороться:

🔫 Коллизии ключей
🔫 Изменение схемы данных
🔫 Рассинхрон схемы на чтение и на запись
🔫 Ошибки setItem
🔫 Чтение localStorage в SSR
🔫 Отсутствие изоляции между пользователями
▶️ Что такое менеджер состояний: интервью с автором Reatom Артёмом Арутюняном

📌 Какие темы вас ждут?

☑️ Роль стейт-менеджера в управлении состоянием в приложениях
☑️ Различия между функционально-реактивным и объектно-ориентированным реактивным программированием
☑️ Проблемы и преимущества React
☑️ Сложности дебага реактивного кода
☑️ Использование Reatom
☑️ Альтернативы Redux и другие подходы к управлению состоянием

⏱️ Таймкоды:

00:00 Интро и о спикере
04:08 Понятие состояния и его управление
09:45 Различные подходы к реактивному программированию
14:10 Проблемы с Backbone и появление React
23:05 Внесение сигналов в стандарт JavaScript
28:32 Проблемы дебага в реактивном коде
32:39 Использование аборт-контроллера в Reatom
38:20 Вдохновение от библиотек Cerebro.js и Kefir, а также паттерна Function 3
43:06 Библиотека Kefir и реактивность
46:25 Работа с асинхронными данными и персистентность в Reatom
49:16 Комьюнити Reatom
57:51 Альтернативы Redux: Redux Toolkit, MobX и Effector
58:46 Проблемы Redux Toolkit
01:05:26 Проблемы MobX
01:09:15 Преимущества Effector
01:10:07 Экосистема и готовые решения каждой библиотеки
01:11:52 Active Communities and Good Documentation
01:12:49 Zustand: Less Documentation and Use Cases
01:13:16 MobX's Optional Decorator
01:14:12 React Query for React Developers
01:14:59 Jotai: A Lightweight Alternative
01:15:53 Effector and Reatom: More Powerful but Complex
01:16:50 Choosing the Right Library
01:26:06 Решение проблемы с зомби-чудранами и управление ресурсами
01:28:00 Архитектурная организация атомов и файлов
01:29:35 Фабрики и паттерн computed factory
01:33:02 Минусы и текущие проблемы риатома
01:39:52 Недостатки риатома и реактивного программирования
01:40:21 Проблемы с дебаггингом в риатоме
01:41:20 Альтернатива реактивности: конечные автоматы
01:44:39 Библиотека FSMoothy для работы с конечными автоматами
01:48:31 Разница между состоянием и атрибутами в реактивном программировании
Please open Telegram to view this post
VIEW IN TELEGRAM
💡Полезный сниппет, позволяющий скрыть контент, но оставить его доступным для скрин-ридеров

➡️ Поиграть можно здесь

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
💬😊 Как найти общий язык с коллегами на новой работе: 11 простых советов

Практичные советы для эффективной адаптации на новом рабочем месте и налаживания контакта с коллегами.

Читать статью
🤔 CSS-классы вредны

Если вы когда-нибудь заглядывали за кулисы пользовательских веб-интерфейсов, то знаете для чего нужно свойство class. Оно ведь нужно для связи HTML с CSS, правда?

Автор статьи рассказывает о том, почему настало время отказаться от него. Имена классов — это архаичная система, используемая как неудачный посредник для примитивов UI.

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

👉 Читать
👩‍💻 Exploring JS: книги по JavaScript для разработчиков

Вы наверняка знаете Dr. Axel по его замечательным записям в блоге на протяжении многих лет, но у него также есть впечатляющая коллекция книг, которые вы можете прочитать бесплатно, включая недавно обновленные Exploring JavaScript (ES2024 Edition), Deep JavaScript и Tackling TypeScript.
Please open Telegram to view this post
VIEW IN TELEGRAM
🛠 InfiniteGrid 4.12 — бесконечное размещение карточек в макете сетки

Зелый и проверенный способ создания сеток, состоящих из элементов карточек разных размеров. Успешно работает как на десктопах, так и на мобильных устройствах, имеет интеграцию с React, Vue, Angular, Svelte и другими.

👉 GitHub
432. Доклады и лайвы, приватный Safari, анимация auto, SVG, ускорение…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Алексей Симоненко, Полина Гуртовая про видео докладов и лайвов, приватный Safari, анимацию auto, копирование SVG, ускорение Notion, Node.js, шрифты и State of React.

00:02:17 Доклады и лайвы
00:08:22 Такой приватный Safari
00:45:37 Анимация height: auto
00:55:00 Копирование SVG
01:00:20 Ускорение Notion
01:16:03 Node.js 22
01:23:46 Инкрементальные шрифты
01:44:28 State of React 2023
01:55:32 Ответы на вопросы

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

#подкасты #новости
🤖🔞 Пишем Telegram-бота для фильтрации нецензурной лексики в чате

Автор «Библиотеки программиста» представил бесплатного Telegram-бота для фильтрации нецензурных выражений в чате Telegram, который разработан на JavaScript с использованием фреймворка grammY. В статье — основные составляющие Telegram-бота, необходимые для его работы.

👉 Читать статью
👉 Зеркало
🔄 Создание полосатого индикатора выполнения на CSS без использования какой-либо сторонней библиотеки: на заметку фронтенд-разработчику

➡️ Поиграть можно здесь

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🆕 JavaScript эволюционирует: новые методы и функции для эффективной разработки

Нововведения нацелены на повышение читаемости и эффективности кода. Рассмотрим, как Object.groupBy, регулярные выражения с V-флагом, Promise.withResolvers и методы мутации массивов решают актуальные задачи программирования.

🔗 Читать статью
🔗 Зеркало