Библиотека фронтендера | 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
加入频道
💡HTML-элемент <progress> в действии: на заметку фронтенд-разработчику

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

#html #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 14 талантливых женщин, сделавших неоценимый вклад в ИТ

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

👉 Читать статью
👉 Зеркало
🧰 Как в Node.js контролировать потребление памяти при обработке сетевых запросов

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

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👨‍💻 12 ИТ-профессий, не требующих умения программировать

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

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

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

👉 Читать статью
Вышел UI Kit 6 — обновление ключевой библиотеки открытой дизайн-системы Яндекса Gravity UI

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

Пробуйте Gravity Ul и ставьте звездочки на GitHub, чтобы следить за обновлениями.
🧰 Разбираемся с типизацией 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
Самые полезные каналы для программистов в одной подборке!

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

🔥Для всех

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

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

👉 Подробнее
🔟 10 суровых истин, которые должен знать каждый джун

Вы думаете, что карьера в ИТ — это сплошные плюшки? Забудьте! Реальность жестока: низкие зарплаты на старте, бесконечные задачи и битва за релокацию. Откройте глаза на суровые реалии прямо сейчас!

👉 Читать статью
👉 Зеркало
💬 Как вы считаете, насколько хорошо фронтенд-разработчик должен ориентировать в основах веб-безопасности?

👨‍🏫 Если вы новичок, вам будет сложно понять, с чего начать путь в этой теме. Бесплатная академия веб-безопасности от PortSwigger — ресурс, который поможет исправить эту проблему.

📌 Отрабатывайте доступные темы (начать можно с client-side) и выполняйте лабораторные работы по ходу дела, но не бойтесь переходить к следующей теме, если застряли. К старой лабе можно вернуться, когда придет понимание вопроса 😉
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💬 Open Source по-русски: путь к технологической независимости или обочина прогресса?

Для одних организаций open source является ключом к преодолению зависимости от иностранных вендоров и драйвером инноваций, для других — дырой в безопасности и обочиной технологического прогресса.

Мы хотим изучить текущее состояние и возможности открытого ПО в России. Пройдите опрос и помогите нам увидеть ситуацию глазами IT-профессионалов.

👉 Ссылка на опрос 👈

Прохождение займёт примерно 4 минуты
🎨 Создание цветовых палитр с помощью функции CSS color-mix(): гайд для фронтенд-разработчика

🤔 Как мы можем гарантировать, что выбранные нами цвета вписываются в дизайн-систему нашего проекта?

📌 С использованием возможностей относительно новой функции CSS под названием color-mix().

Michelle Barker представила отличное введение для новичков, из которого вы научитесь создавать цветовые палитры и использовать color-mix() в сочетании с кастомными свойствами для использования в проектах и ​​дизайн-системах.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM