CodeRoll | Frontend

⚡️Бесплатное обучение фронтенд-разработке с нуля Подойдёт и новичкам, и тем, у кого есть опыт С 14 мая стартует новое бесплтаное обучение, где действующий разработчик и фрилансер на практике поможет разобраться в основах на практике Участники за 4 дня напишут сайт кинотеатра и опубликуют проект в интернете План по дням день 1: вёрстка страницы день 2: продолжаение вёрстки день 3: интерактив и JavaScript день 4: адаптим и анимации Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля Если хотели сделать первый шаг во фронтенд — это хорошая возможность попробовать эту сферу и сделать первый проект Подписывайтесь, чтобы участвовать, осталось 39 мест Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план изучения фронтенда с нуля

👩‍💻👩‍💻 Как выглядит алгоритм экспотенциального поиска на JavaScript? Экспоненциальный поиск позволяет выполнять поиск по отсортированному неограниченному списку для указанного входного значения (поисковый «ключ») Алгоритм состоит из двух этапов. Первый этап определяет диапазон, в котором ключ поиска находился бы, если бы он был в списке. На втором этапе выполняется бинарный поиск по этому диапазону ❗️ В нашем примере binarySearchIterative - это функция бинарного поиска, про который мы уже писали раньше

export const exponentialSearch = (
  array: number[],
  x: number
): number | null => {
  const arrayLength = array.length
  if (arrayLength === 0) return null

  if (array[0] === x) return 0

  let i = 1
  while (i < arrayLength && array[i] <= x) {
    i = i * 2
  }

  const start = Math.floor(i / 2)
  const end = Math.min(i, arrayLength - 1)
  const result = binarySearchIterative(array, x, start, end)

  return result
}

Coderoll | Frontend

👩‍💻👩‍💻 Как выглядит алгоритм экспотенциального поиска на JavaScript? Экспоненциальный поиск позволяет выполнять поиск по отсортированному неограниченному списку для указанного входного значения (поисковый «ключ») Алгоритм состоит из двух этапов. Первый этап определяет диапазон, в котором ключ поиска находился бы, если бы он был в списке. На втором этапе выполняется бинарный поиск по этому диапазону ❗️ В нашем примере binarySearchIterative - это функция бинарного поиска, про который мы уже писали раньше export const exponentialSearch = ( array: number[], x: number ): number | null => { const arrayLength = array.length if (arrayLength === 0) return null if (array[0] === x) return 0 let i = 1 while (i < arrayLength && array[i] <= x) { i = i * 2 } const start = Math.floor(i / 2) const end = Math.min(i, arrayLength - 1) const result = binarySearchIterative(array, x, start, end) return result } Coderoll | Frontend

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

❓ Что такое Event Loop и как он работает? Ответ: Event Loop — это механизм, который управляет потоком выполнения кода в JavaScript, обеспечивая асинхронность. Он проверяет Call Stack и очереди задач (например, микрозадачи и макрозадачи) и выполняет их в нужном порядке. Ставь ❤️ если знаешь ответ Если нет — ставь 💅 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