Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
22.6K subscribers
2.38K photos
144 videos
38 files
4.78K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
🧘‍♂️ Work-life balance — это баланс между работой и личной жизнью. Соблюдать его — значит придерживаться образа жизни, при котором каждая сфера деятельности находится в гармонии с остальными и не наносит им ущерба.

💡 Другими словами, work-life balance позволяет успешно совмещать работу, отдых, семью, хобби, здоровье и другие важные аспекты нашей жизни.

💬 А вам удается его соблюдать?

👍 — да, только на этом и держусь
🤔 — нет, обычно работа в приоритете
🥱 — вы о чем вообще?
💯 — свой вариант (напишу в комментариях)
🥱48🤔39👍17😢4👾2
415. Firefox 124, Chrome 123, JSPI в WASM, Config и Hackfest, Popover…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Андрей Мелихов, Юля Миоцен, Никита Дубко про Firefox 124 и Chrome 123, JSPI в WASM, Config и Web Engines Hackfest, доступность Popover, JS-рантаймы и надёжные автогриды.

00:02:09 Firefox 124
00:13:06 Chrome 123
00:40:13 Chrome DevTools
00:49:20 JSPI в WASM
00:53:11 Config и Hackfest
00:55:26 Доступность Popover
01:10:55 Все JS-рантаймы
01:24:40 Где открывать ссылки
01:40:22 Надёжные автогриды
01:50:33 Ответы на вопросы

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

#подкасты
5
⚡️ Итоги достижений в Node.js за 2023 год: верхнеуровневый обзор новостей для фронтендеров, которые не следит за развитием проекта в реальном времени.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Простой кейс создания закругленных углов в CSS

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

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20🤔93
📉 Оптимизация JavaScript: гайд для фронтенд-разработчика

Оптимизация кода включает в себя баланс между улучшением производительности и сохранением читаемости.

Под катом — краткий обзор простых методов оптимизации с примерами и бенчмарками 👇

🔗 Читать
👍18
Forwarded from Библиотека программиста | программирование, кодинг, разработка
🧑‍💻 Путь разработчика: один язык на всю жизнь или постоянное переобучение?

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

👉 Поделитесь своим мнением и опытом. Ваши ответы помогут нам лучше понять тенденции и предпочтения в сообществе разработчиков

Опрос займёт у вас примерно 4 минуты.
3😁2👍1
🧰 Команда Netflix представила библиотеку SafeTest, которая предлагает свежий взгляд на сквозные (E2E) тесты для веб-приложений с UI

SafeTest призван решить проблемы существующих библиотек с помощью нового подхода к UI-тестированию.

📌 Основная идея: на этапе загрузки приложения иметь фрагмент кода, который внедряет хуки для запуска тестов.

Этот способ работы не оказывает заметного влияния на обычное использование вашего приложения — SafeTest прибегает к ленивой загрузке для динамической загрузки тестов только при их выполнении (в примере с README тесты вообще не находятся в продакшен бандле).

После этого для запуска обычных тестов можно использовать Playwright, что помогает достигнуть идеального контроля браузера, который мы хотим получить для наших тестов.

🤩 Этот подход также открывает некоторые интересные возможности:

☑️ Глубокая привязка к конкретному тесту без необходимости запускать тестовый сервер.
☑️ Двусторонняя связь между браузером и контекстом теста.
☑️ Доступ ко всем фичам DX, которые поставляются с Playwright (за исключением тех, которые поставляются с playwright/test).
☑️ Видеозапись тестов, просмотр трейсов и функция паузы страницы.

👉 Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍94
This media is not supported in your browser
VIEW IN TELEGRAM
🧙‍♂️ Визуализация JavaScript: выполнение промисов

Гайд с диаграммами и анимацией в сочетании с 8-минутным видео, из которого вы узнаете некоторые внутренние механизмы работы промисов и разберетесь, как они позволяют выполнять неблокирующие асинхронные задачи в JavaScript.

👉 Читать
🔥12👍6
👍 Ваш ультимативный набор шпаргалок для разработки на 2024 год

Эти шпаргалки сэкономят вам часы бесконечного гугления и упростят процесс кодинга.

🔗 Читать статью
🔗 Зеркало
👍11🎉4
👩‍💻 Node.js: документальный фильм об истории происхождения

Новый док от команды Honeypot особенно хорошо освещает историю Node, в том числе то, как все готовилось к форку io.js в 2014 году.

📌 Другие документальные фильмы для фронтенд-разработчика:

📺 React.js
📺 Vue.js
📺 GraphQL
📺 Ember.js
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍4🔥1
Forwarded from Библиотека программиста | программирование, кодинг, разработка
Я разработчик, а не компилятор


Важно задавать на ИТ-собесах вопросы, способствующие выявлению способности разрабов к абстрактному мышлению, проектированию и построению систем, а не просто на знание синтаксиса или деталей конкретного ЯП (привет душным собесам).

Автор приводит примеры «нормальных» вопросов по Java, с которыми недавно столкнулся: «Что такое полиморфизм?», «В чем разница между List и Set и когда использовать одно вместо другого?», а также более специфические вопросы, касающиеся пакетов и ключевых слов для наследования.

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

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

Хороший инженер — это не тот, кто может заменить компилятор, зная все тонкости синтаксиса, а тот, кто способен думать абстрактно, проектировать и строить системы c использованием современных инструментов.

💬 Согласны?

#холивар
22👍14🥱4👏1
🖼️ Что нужно знать о современном CSS: на заметку фронтенд-разработчику

Подборка современных дополнений к CSS: container queries, nesting, scroll-driven animations, view transitions, :has() и многие другие.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19🥱32👾2