🤔Динамика закрытия пулл-реквестов, прирост кодовой базы, активность разработчиков по часам и по дням недели и многое другое... Что только не придумают для оценки производительности разработчика.

💬А в вашей команде есть метрики оценки личной производительности? Если да, то какие и как они измеряются?

#холивар

Ну что, друзья, уже попробовали новенький сайт Angular? Так называемый будущий дом для Angular-разработчиков.

Вас ждут новые учебные пособия, обновленная документация и руководства, которые помогут вам создавать приложения с использованием новых функций Angular.

📌А теперь по порядку:

⚡Новые встроенные учебные пособия
⚡Документация с открытым исходным кодом
⚡Angular playground
⚡Новый лого — тоже большое дело, и многое другое

👉 Читать анонс полностью

🎙️ТОП-14 подкастов о карьере в ИТ

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

👉 NEWHR и СОБЕС — два подкаста от Киры Кузьменко, рекрутера с 20-летним опытом
👉 Хочу в айти — подкаст для новичков, в котором не так много выпусков, но они короткие, ёмкие и интересные.
👉 Выхожу с понедельника — подкаст про разные направления в ИТ
👉 Moscow Python — подкаст о карьере, личном опыте и не только
👉 Podlodka Podcast — популярный подкаст с очень разнообразными и интересными темами, связанными с карьерой в ИТ и другими айтишными направлениями

#подкасты

🧰tshy — инструмент, который позволяет создавать гибридные пакеты CommonJS/ESM на TypeScript для Node.js.

Он управляет полем exports в файле package.json, компилирует исходный код TypeScript в форматы ESM и CommonJS и настраивает правильные точки входа модуля.

👉 GitHub

💡Раскрывающийся список без использования Javascript: HTML-теги <details> и <summary> в действии

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

#css #tip by Shripal Soni

⚡️ На patterns.dev вышло новое бесплатное руководство по паттернам проектирования Vue.

#новости

Недавно мы писали про новый сайт Angular и бенчмарки, а сегодня делимся изменениями в v17:

🤩Deferrable views выводят производительность и удобство работы разработчика на новый уровень
🏎️ Время сборки сокращается до 87% благодаря гибридному рендерингу
🏗️ Сборки Vite + esbuild и многое другое

👉 Анонс новой версии на русском

🔧ts-reset — как CSS reset, только для TypeScript:

👍 .json (fetch) и JSON.parse возвращают unknown
✅ .filter(Boolean) работает именно так, как вы ожидаете
🥹 array.includes расширен для более удобного использования и многое другое!

👉 GitHub

🤩 На заметку фронтенд-разработчику:

🙇‍♂️ Коллекция тестовых заданий для самостоятельного выполнения от разных ИТ-компаний, собранная командой Хекслет и сообществом
🙇‍♂️ Классические алгоритмы и структуры данных, реализованные на JavaScript
🙇‍♂️ Структуры данных и алгоритмы на JavaScript и TypeScript (примеры к книге Learning JavaScript Data Structures and Algorithms — Third Edition)
🙇‍♂️ Структуры данных и алгоритмы с практикой на JavaScript (примеры к книге Data Structures and Algorithms in JavaScript)
🙇‍♂️ Структуры данных и алгоритмы с ES6

🔐Защита приложений Next.js с помощью аутентификации на основе ролей с использованием NextAuth: гайд для фронтенд-разработчика от freeCodeCamp

В этом практическом руководстве демонстрируется процесс включения готовых OAuth провайдеров Google/GitHub и их интеграции в приложение.

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

📺Смотреть

🎉🥳🍾 Кстати, нас уже больше 22 000! Спасибо за интерес к «Библиотеке фронтендера».

🧑‍💻🪜 6 карьерных советов программисту

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

#туториал

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

🔧Как в Tailwind делать динамические темы с помощью oklch(): гайд для фронтенд-разработчика

📌 Пример кода👇

import { makeVariable, shades } from "./common";
import { consistentChroma } from "./runtime";

export function dynamicTwClasses(baseName, baseHue) {
  return Object.fromEntries(
    shades.map((shade, i) => {
      const color = consistentChroma(i, baseHue);

      return [
        shade,
        `oklch(${makeVariable({
          fallbackValue: color,
          name: baseName,
          shade,
          withVar: true,
        })} / <alpha-value>)`,
      ];
    }),
  );
}

🚩 Итог одной валютной удаленки: проработал месяц бесплатно и ушел с долгами

Изумительная история фронтендера, который целый месяц работал без зарплаты и даже остался должен своему работодателю $1609

#почитать

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

🎙Свежий выпуск подкаста «Веб-стандарты»: Алексей Симоненко, Андрей Мелихов, Вадим Макеев про GitHub Universe и Copilot, Angular.dev, знание Юникода, CSS 4, 5, 6 и AI в FigJam.

00:02:01 GitHub Universe
00:30:39 Angular.dev
00:46:18 Знай Юникод
01:01:24 CSS 4, 5, 6
01:30:37 AI в FigJam

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

#подкасты