CodeRoll | Frontend

👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции

✏ Создавайте отдельные объекты, а не модифицируйте их напрямую ⚠️ Так же это одно из правил иммутабельности, которое важно соблюдать при работе с продвинутыми инструментами Если у вас есть необходимость изменить объект, то почти всегда надежнее будет создать его копию, и уже в ней проводить мутации ➕ Сейчас это можно делать за счет object spread operator (...obj) или по старинке через Object.assign() Coderoll | Frontend

Интенсив по паттернам для фронтенд-разработчиков 💫 Во фронтенде всё меняется - ИИ пишет код быстрее, чем мы успеваем думать. И теперь разработчикам нужно качать не очередной фреймворк, а паттерны, типизацию, нормальная архитектуру - чтобы код не развалился. А с этим у большинства проблемы

С 27 по 29 апреля senior fullstack developer проведёт интенсив по паттернам с практическими примерами: живая задача, код от ИИ, разбор, что в нём не так.

Подробнее в его канале Подойдёт junior-фронтендерам с годом+ опыта, которые чувствуют, что задачи закрывают, а расти перестали. И middle на бумаге, которые сами себе признаются, что слово «архитектура» в задаче вызывает лёгкую панику После занятий поймёте, как видеть проблемы в сгенерированном коде, увидите работу с паттернами на живой задаче Расписание: 27 (пн) — Поставим задачу, скормим её ИИ, сломаем решение и починим первым паттерном 28 (вт) — Разберём ещё два паттерна, типизацию и техдолг 29 (ср) — Посмотрим уязвимости и реализуем архитектурную прослойку безопасности на бэке Основной формат платный, но сегодня можно попасть бесплатно. Для этого переходите по ссылке ниже: 👉 Занять место на интенсиве

Как frontend-разработчику вырасти в ЗП? День сурка frontend-разработчика выглядит так Зарплата замерла, задачи — бесконечный повтор, растет только кол-во бессмысленных созвонов Откликаешься на вакансии — отвечают только ноунеймы, на собесах закидывают странными алгоритмами «на скорость». И самое бесящее — пока буксуешь, кто-то вокруг спокойно забирает офферы в Яндекс и VK...

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

👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. В своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю, как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множество успешных кейсов и трогательных отзывов, найти их можно в канале. Реклама, erid: 2W5zFHn8eq7 ИП Галактионов Тихон Витальевич, ИНН 771618975809

❓Что такое props и state в React? Ответ: Props (свойства) — это данные, которые передаются в компонент родителем. Props являются неизменяемыми для компонента. State (состояние) — это данные, которые управляются внутри компонента и могут изменяться. Изменение состояния вызывает повторный рендер компонента. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

⚡️ Пара методов для объектов в JS, которую должен знать каждый Object.keys() - это метод, который возвращает массив из собственных перечисляемых свойств переданного объекта Пример: var obj = { first: "a", second: "b", third: "c" }; console.log(Object.keys(obj)); // консоль: [ 'first', 'second', 'third' ]Не забудьте, что массивы - это тоже объекты, и к ним тоже можно применить данный метод. Хотя это и не нужно н практике Object.values() - это метод, который возвращает массив значений перечисляемых свойств объекта Пример: const user = { name: 'John', surname: "Smith", age: 35, }; console.log(Object.values(user)); // консоль: Array [ 'John', 'Smith', 35 ] Coderoll | Frontend

❓ Что делает Object.freeze? Object.freeze замораживает объект, т.е нельзя добавить, удалить или изменить свойства Подходит для защиты конфигураций и констант. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 Coderoll | Frontend

Что выведет этот код? Coderoll | Frontend

Фронтенд-разработчик, который нанимает джунов, запускает бесплатное обучение С 8 апреля на канале Интенсивный JavaScript стартует обучение по фронтенду, где не будет бесконечной теории — только кодинг с первого урока 🔖За время интенсива ты пошагово соберёшь один или два проекта в портфолио — промосайт SpaceX или интерактивную страницу Mercedes: 1. Сверстаешь шапку сайта с нуля 2. Добавишь видеофон и параллакс-эффект 3. Сделаешь адаптив под мобилку 4. Оживишь страницу анимациями 5. Напишешь аккордеон, табы и модальное окно 6. Подключишь отправку данных на сервер 7. Опубликуешь оба сайта в интернете Не учебные «калькуляторы» — а страницы, которые не стыдно показать в портфолио как пет-проекты Ведёт действующий тимлид, который регулярно нанимает джунов в команду — поэтому знает, что реально нужно уметь, а что можно не учить Помимо кода — разберёт, как стартовать на фрилансе без бирж и где брать первые заказы до того, как будешь готов трудоустраиваться Подходит и новичкам, и тем, кто уже что-то знает, но не может собрать это в рабочий навык 🔽🔽🔽 🔗Участвовать бесплатно

👩‍💻👩‍💻 Как выглядит алгоритм сортировки подсчетом на JavaScript?

Сортировка подсчетом — это алгоритм сортировки коллекции объектов по ключам, представляющим собой небольшие целые числа

const countingSort = (inputArr: number[], min: number, max: number) => {
  const sortedArr = []

  const count = new Array(max - min + 1).fill(0)

  for (const element of inputArr) count[element - min]++

  count[0] -= 1

  for (let i = 1; i < count.length; i++) count[i] += count[i - 1]

  for (let i = inputArr.length - 1; i >= 0; i--) {
    sortedArr[count[inputArr[i] - min]] = inputArr[i]
    count[inputArr[i] - min]--
  }

  return sortedArr
}

Coderoll | Frontend