Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
@frontendproglib
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
加入频道
About
Blog
Apps
Platform
Join
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
💡 Использование switch (true) в качестве альтернативы сложным операторам if/else

👉 Подробнее

#javascript #tip
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
4.8K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Forwarded from Библиотека девопса | DevOps, SRE, Sysadmin
🗺️ Где составить дорожную карту: ТОП-10 сервисов

Сервисы, которые подойдут для составления карьерной карты и не только.

Читать статью

#гайд
4.5K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Используйте тригонометрические функции в CSS для создания плавной ступенчатой задержки перехода:


.character {
  transition-delay:
    calc(sin((var(--index) / 12) * 45deg) * 0.475s);
}


#css #tip by jhey
Please open Telegram to view this post
VIEW IN TELEGRAM
5.2K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
🧨 Из грязи в князи: вкатился с нуля в IT за границей

❗ Мы ищем тех, кто начинал карьеру в IT за границей без опыта и специальной подготовки. Хотим услышать ваши истории успеха и препятствий, с которыми вы столкнулись.

📝 Если вы готовы рассказать свою историю — напишите нам на [email protected]
4.5K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
This media is not supported in your browser
VIEW IN TELEGRAM
🧰 Pico CSS — минималистичный легковесный CSS-фреймворк для семантического HTML, который отлично подойдет бэкендеру, ведь с ним вообще не надо заморачиваться:

☑️ Pico напрямую стилизует HTML-теги, используя менее 10 классов. Также предлагается версия без классов для поклонников чистого HTML.
☑️ Работает без зависимостей, менеджеров пакетов, внешних файлов или JavaScript, обеспечивая элегантные и простые стили с чистой HTML-разметкой.
☑️ Pico автоматически масштабирует размеры шрифтов и отступы в зависимости от ширины экрана, обеспечивая консистентный и элегантный вид на всех устройствах.
☑️ Включает две доступные, нейтральные цветовые схемы: светлую и тёмную. Автоматически адаптируется к предпочтениям пользователя о цветовой схеме без использования JavaScript.
☑️ Можно настроить Pico с помощью более чем 130 CSS-переменных или использовать SASS. Переключайтесь между 20 ручными цветовыми темами и компонуйте с 30+ модульными компонентами.
☑️ В отличие от громоздких и перегруженных фреймворков, Pico поддерживает легкость HTML, уменьшает использование памяти, избегая чрезмерной специфичности CSS, и сокращает количество загружаемых файлов.

👉 GitHub
4.6K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
⚡️Итоги недели в мире ИИ и обзоры новых сервисов

У нас вышла очередная статья на 📰 по мотивам еженедельной рассылки про последние новости и тенденции в мире ИИ.

Ниже — небольшая выдержка из статьи, а целиком читайте здесь 👈

💬Новости

▫️ Создан новый тест для ИИ — WMDP (Weapons of Mass Destruction Proxy), который будет проверять модели на знание:
— способов создания и применения всех видов оружия массового поражения;
— методов взлома систем кибербезопасности.
▫️Глава OpenAI Сэм Альтман обнародовал переписку с Илоном Маском, в которой последний указывает на то, что ожидает от OpenAI прибыли. Это противоречит недавним заявлениям Маска.

🛠 Инструменты

▫️ Corgea — находит и автоматически исправляет уязвимости в коде.
▫️ GenWebBilder — делает полнофункциональные веб-сайты по скетчам и скриншотам.
▫️ Framedrop AI — автоматически конвертирует длинные видео, влоги и стримы в рилсы и короткие клипы для X и TikTok.
▫️ Vocalo AI — личный репетитор, который научит свободно говорить по-английски.

👍 Робототехника

Профессор Кен Голдберг из Университета Беркли поделился соображениями по поводу технических, этических и экономических проблем, которые препятствуют широкому внедрению ИИ-роботов на данном этапе.

➡️ Вы можете подписаться на email-рассылку здесь
Please open Telegram to view this post
VIEW IN TELEGRAM
12.1K viewsedited  
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
4.7K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
413. Safari 17.4 и TP, стейджи в WHATWG, бесконечность в CSS, Нильсен…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Вадим Макеев, Никита Дубко про Safari 17.4 и TP, стейджи в WHATWG, бесконечность в CSS, Нильсена, AI, доступность и Deno JSR.

00:01:31 Safari 17.4
00:33:22 Safari TP
00:42:13 Стейджи в WHATWG
00:49:38 Бесконечность в CSS
00:58:23 Нильсен, AI и доступность
01:11:22 Deno JSR
01:24:47 Ответы на вопросы

⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста

#подкасты
4.3K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Чтобы новичку найти хорошую работу в ИТ, нужно развивать/расширять ...
Anonymous Poll
24%
Нетворкинг
34%
Софт скиллы
51%
Хард скиллы
29%
Портфолио
1%
Свой вариант (напишу в комментариях)
22%
Посмотреть результаты
756 voters4.4K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
💡HTML-элемент <progress> в действии: на заметку фронтенд-разработчику

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

#html #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
4.3K viewsedited  
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Forwarded from Библиотека программиста | программирование, кодинг, разработка
👩‍💻⭐ 14 талантливых женщин, сделавших неоценимый вклад в ИТ

Дочь распутного поэта, католическая монахиня, голливудская звезда и контр-адмирал — что может их объединять? Вклад в развитие ИТ!

👉 Читать статью
👉 Зеркало
4.1K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
🧰 Как в Node.js контролировать потребление памяти при обработке сетевых запросов

Виктор Кугай, руководитель команды разработки спецпроектов в Тинькофф, рассказывает об использовании Node.js Streams и механизма Back Pressure протокола TCP для реализации пакетной обработки больших объемов данных на машинах с жестким лимитом памяти.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Как в Node.js контролировать потребление памяти при обработке сетевых запросов
Всем привет! Я Виктор Кугай, руководитель команды разработки спецпроектов в Тинькофф. Мы создаем геймификационные проекты, основанные на данных, чтобы познакомить пользователей с экосистемой компании...
4.9K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Forwarded from Proglib.academy | IT-курсы
👨‍💻 12 ИТ-профессий, не требующих умения программировать

IT-профессионалы — это не только программисты, QA-тестировщики и DevOps-инженеры. В айтишном закулисье занято множество специалистов, которые не задействованы в написании кода и поддержке приложений — они работают рекрутерами, дизайнерами, маркетологами, техническими писателями, бизнес-аналитиками и менеджерами по продажам.

Работа этих вспомогательных специалистов — неотъемлемая часть успеха любой ИТ-компании.

Подробнее о том, чем занимаются такие специалисты, читайте в нашем материале.

👉 Читать статью
4.1K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Вышел UI Kit 6 — обновление ключевой библиотеки открытой дизайн-системы Яндекса Gravity UI

Что интересного:
— Новый компонент List 2.0  для работы со списками: можно подбирать размер и ширину, ставить иконки и разные разделители, а также добавилась поддержка стейтов
— Поддержка rtl: теперь с помощью дизайн-системы можно делать лендинги и сайты на арабском, иврите и других языках с написанием справа налево
— Улучшение доступности: например, поддержка клавиатуры для clickable и closable состояния компонента Persona

Пробуйте Gravity Ul и ставьте звездочки на GitHub, чтобы следить за обновлениями.
4.7K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Получается ли у вас соблюдать дисциплину при работе из дома?
Anonymous Poll
10%
Режим — это вообще не про меня
22%
Да, каждый день рано встаю и успеваю сделать поставленные задачи
47%
Когда как — зависит от мотивации и нагрузки
9%
Нет, не получается
1%
Свой вариант (напишу в комментариях)
10%
Посмотреть результаты
794 voters4.7K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
🧰 Разбираемся с типизацией Array.reduce в TypeScript

Многие используют Array.reduce для преобразования массивов в объекты, но сталкиваются с типичной проблемой: TypeScript не всегда корректно выводит типы. Matt Pocock предлагает несколько кейсов её решения, делая код более типобезопасным и понятным.

📌 В руководстве рассмотрены несколько подходов к решению проблемы типизации при использовании Array.reduce:

☑️ Использование as для указания типа начального значения — самый простой способ сообщить TypeScript о типе объекта, который вы собираетесь создать.

☑️ Аннотация типа параметра obj. Этот метод позволяет явно указать тип агрегируемого объекта, что улучшает читаемость и поддержку кода.

☑️ Передача типового аргумента в Array.reduce. Этот подход позволяет точно контролировать тип возвращаемого значения, используя возможности системы типов TypeScript.
Please open Telegram to view this post
VIEW IN TELEGRAM
Total TypeScript
How To Type Array.reduce
Learn how to handle errors when using Array.reduce to transform arrays into objects in TypeScript. Fix the error by annotating types or using type arguments.
4.8K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Самые полезные каналы для программистов в одной подборке!

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

🔥Для всех

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

#️⃣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-разработчиков

👾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 запрещена на территории РФ
4.2K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
This media is not supported in your browser
VIEW IN TELEGRAM
💡Простой кейс реализации паузы/старта видео в зависимости от состояния видимости страницы

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

#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
4.3K views
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
🏎 Speedometer 3.0: лучший способ измерения производительности браузера

Speedometer существует с 2014 года, но новая версия является первой, в которой реализован полный совместный подход с участием всех основных браузерных движков (Blink, Gecko, WebKit). Вы можете провести тест самостоятельно здесь.

👉 Подробнее
4.5K views