Не даём мозгу засохнуть, вспоминаем алгоритмы на выходных 🥸

Яндекс любит алгоритмические собесы, поэтому у них есть куча материала по подготовке:
https://contest.yandex.ru/contest/8458/enter
https://practicum.yandex.ru/profile/algorithms-interview/
https://yandex.ru/yaintern/algorithm-training_1

Ещё и видосы у них тоже есть:
https://www.youtube.com/watch?v=0yxjWwoZtLw
https://www.youtube.com/watch?v=zU-LndSG5RE
https://www.youtube.com/watch?v=OsQoft0R1GA

Вспомнить оценку сложности алгоритмов:
https://habr.com/ru/post/188010/
https://habr.com/ru/post/196560/
https://www.geeksforgeeks.org/

Известные сайтики где можно набить руку и померится птс'ами:
https://leetcode.com/problemset/algorithms/
https://www.codewars.com/
https://www.hackerrank.com/

Хороших и продуктивных выходных тебе! ❤️

Prime — UI фреймворк, который может везде 😎

Он поддерживает React, Angular и Vue, имеет богатый набор компонентов и интегрируется с Tailwind

Плюсом имеет свой набор иконок, хуки-утилиты и есть фигма макеты (за денежку, но всё можно найти, если ты пиратских кровей)

GitHub команды

Компоненты для React
Компоненты для Vue
Компоненты для Angular

Proposal: Promise.withResolvers перешёл на Stage 4 🫶

Для пропоусалов это финальная стадия, а это значит, что уже совсем скоро это можно будет без проблем использовать в проектах 🔥

Спецификация 👇
https://github.com/tc39/proposal-promise-with-resolvers

Для нетерпеливых можно использовать уже сейчас с помощью npm пакета 👇
https://www.npmjs.com/package/promise.withresolvers

Умный Typescript: Branded types + Assertion function 🧑‍🎓

Бывало такое, что хочется создать такой тип, которому нужна логика? Например, тип для процентов или же тип только для положительных чисел? Тебе нужно лишь 3 шага, чтобы такое реализовать!

Первый шаг:
Создай тип и назови его так, чтобы тиммэйты поняли
type PositiveNumber = number; — всё привычно и понятно, но TS не будет ругаться если вдруг это -1

Второй шаг:
Добавь Branded Types по вкусу
type PositiveNumber = number & { __brand: 'PositiveNumber' }; — тут ты TS'ы показал, что это не просто число, а что-то особенное

Третий шаг:
Используй Assertion function, чтобы показать TS'у как он может его распознать
function assertsPositiveNumber(value: number): asserts value is PositiveNumber {
if (value < 0) {
throw new Error('Value must be a positive number');
}
}

Хорошего дня ❤️

Развитие для Frontend-разработчика 🧐

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

Конечно, перед интервью я немного готовлюсь, а потом делаю разбор нерешённых задачек

Ко мне постучались ребята из Frontendiya и поделились, что как раз делают платформу для подготовки к интервью и занимаются менторством во фронтенде (готовят к собесу, проводят тренировочные интервью, разбирают недочёта и делают так, чтобы тебя точно взяли на крутую работу 😎)

Можно заценить их собесы на ютубе:
Senior за 2 года? собеседование frontend | live coding
7+ лет опыта во фротенде | Собеседование frontend #10

В субботу (9 декабря) ребята будут запускать свою платформу и решать алгоритмические задачи из интервью бигтеха (Яндекс, Вк, Сбер, Тинькофф) на стриме. Стрим будет приватным, поэтому ссылка появится в закрытом чате, если интересно, то залетай 😏

Что нового в Chrome 120? 🔥

Теперь нет смысла переводить статьи, гугл сам стал их переводить 🤗

https://developer.chrome.com/blog/new-in-chrome-120?hl=ru

JetBrains AI — новый конкурент GitHub Co-pilot 🏖️

Что там будет?
— Чат с ИИ консультантом по поводу кода
— Автокомплиты кода презсказанные нейронкой
— Документирование функций и классов
— Генерация описания коммитов
— Помощь в именовании классов, функций и переменных

Цена должна быть в районе ~$10 в месяц

Видос анонс и обзор возможностей 👇
https://www.youtube.com/watch?v=-NnYtfzO7qU

Официальный сайт

Подведение итогов 2023 года по CSS от Google Chrome 🔥

Хайлатов слишком много, что аж не смог вынести в TLDR

Не поленись и прочти под бутылочку пятничного пивка 🍻

https://developer.chrome.com/blog/css-wrapped-2023?hl=ru

Advent календарь TypeScript'ера 👨‍💻

Заходи и решай задачку каждый день, чтобы помочь Санта-Клаусу успеть все свои делишки к Рождеству

https://typehero.dev/aot-2023

P.S. наткнулся на этот сайт спустя 10 дней, поэтому уже доступно 10 задачек

Команда Oxc создаёт убийц 🔒

Ребята пишут JS тулзы на Rust'е, засчёт этого получают огромный буст к производительности и готовят его модно-молодёжно

Что у них уже есть сейчас (пока всё равно сыровато, но потенциал большой)?
— OxLinter — в 50~100 раз быстрее чем ESlint
— OxResolver — в 28 раз быстрее чем enhanced-resolve
— OxParcer — в 2 раза быстрее чем SWC

Отзыв Evan You (создатель Vue.js) об OxLinter:

Запустил oxlint на кодовой базе Vue 3, ~200 правил + ~590 файлов завершены за 50 мс 🤯 (30 мс повторного запуска).

Производительность просто сумасшедшая

Официальный сайт OXC

Функция TypeScript 5.3, о которой вам не рассказали 👨‍💻

Давно не переводил статьи, эта показалась интересной 😜
https://habr.com/ru/articles/781230/

Полный анонс TypeScript 5.3

GitBrain — AI-powered Git Client для MacOS ⚡️

На вид удобный и бесплатный интерфейс для Git'а с AI генерацией и разделением коммитов

https://gitbrain.dev/

P.S. сам сижу с винды, поэтому не тестил его, но решил поделиться находкой с тобой 😘

TWC — создавай переиспользуемые компоненты React + Tailwind в одну строку ⚡️

Я сам никогда не использовал Tailwind в своих проектах, но комьюнити TW визжит от восторга в Твиттере, поэтому я не мог пропустить эту библиотеку, и не поделиться ею с тобой ❤️

Преврати свой компонент из этого:

import * as React from "react";
import clsx from "clsx";
 
const Card = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
  <div
    ref={ref}
    className={clsx(
      "rounded-lg border bg-slate-100 text-white shadow-sm",
      className,
    )}
    {...props}
  />
));

В это:

import { twc } from "react-twc";
 
const Card = twc.div`rounded-lg border bg-slate-100 text-white shadow-sm`;

Официальный сайт
GitHub проекта

Я не мог оставить тебя без подарка на Новый Год и Рождество, обязательно участвуй в розыгрыше ❤️

Типы событий в React и TypeScript 👨‍💻

https://habr.com/ru/articles/783858/

FrontendConf нужна твоя помощь 🫶

Ребята собирают новую программу FrontendConf2024 и просят пройти опрос, займет не более пяти минут, проголосуй за темы, которые интересны тебе и твоей команде

А в конце опроса будет архив из 370 докладов с конференции 🤑

https://docs.google.com/forms/d/1AlPYMgHpFWFkT06G5fwA_GhmtZ2nQ0hcVmEXihPvE_o/viewform

И не забудь поделиться со своими коллегами-друзьями ❤️

Всех с прошедшим Новым Годом и прошедши-наступающим Рождеством! 🚗

Надеюсь, что твои праздники проходят великолепно, и ты круто проводишь время, и получил гору подарков 🍭

Я закончил доедать прошлогодний оливье и потихоньку прихожу в себя, в ближайшее время начну писать контент, stay tuned

Будет очень приятно, если поделишься своими пожеланиями на этот год каналу и оставишь свой фидбэк (положительный или отрицательный), это будет для меня лучшим подарком на Новый Год от тебя! 👇

Индивидуальное менторство от Frontendiya 🌟

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

— Подготовимся к алгоритмическим собеседованиям в Яндекс, Тинькофф, ВК и другие биг техи.
— Научимся работать в команде, ты будешь понимать весь процесс от поставки задачи бизнесом, до доведения ее в прод
— Выйдем на сильный уровень работы с гитом (гит флоу, черепик, ребейз, сквош. Эти слова перестанут вас пугать)
— Качественно, а главное с пониманием научимся разворачивать проект (линтинги, ci/cd и тд)
— Получишь опыт командной разработки, научишься оценивать задачи и реализовывать их в рамках этой оценки (пишем проект связанный с автоматизацией работы компьютерных клубов на таком стеке: react, typescript, zustand, i18next, mantine). Если знания слабоваты для командного проекта, в течении 1-2 месяцев подтягиваем слабые стороны.

Важно!
— Никаких тудулиство, интернет магазинов и прочего💩
— Это не курсы, где вы все молодцы. Готовьтесь получать по рукам😂

Наши менторы:
Антон — Lead frontend 5+ лет опыта Ссылка на LinkedIn

Саша — middle+ frontend в Тинькоф, 4+ лет опыта. Ссылка на LinkedIn

Валера — 2 года опыта. Наш лучший студент, которого мы взяли на работу. Ссылка на LinkedIn

После менторства будем залетать на плотного мидла с зп 100-150к+ (прожарим резюме, подготовимся ко всем стадиям интервью), но ты можешь дальше спамить отклики и получать отказы🫡

Кто готов, пиши - @frontendiya_manager будем назначать собес.

Промокод POFLOTSKI24 даст скидку 10%