CodeRoll | Frontend
4.27K subscribers
1.75K photos
74 videos
1 file
1.05K links
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Что выведет этот код?
1
Что выведет этот код?
Что выведет этот код?
Что выведет этот код?
Что выведет этот код?

Coderoll | Frontend
Что выведет этот код?
Что делает Object.freeze?

Object.freeze замораживает объект, т.е нельзя добавить, удалить или изменить свойства

Подходит для защиты конфигураций и констант.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
1
⚡️ Пара методов для объектов в 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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Что выведет этот код?
💅1
Что такое props и state в React?

Ответ:
Props (свойства) — это данные, которые передаются в компонент родителем. Props являются неизменяемыми для компонента.
State (состояние) — это данные, которые управляются внутри компонента и могут изменяться. Изменение состояния

вызывает повторный рендер компонента.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
1
Как frontend-разработчику вырасти в ЗП?

День сурка frontend-разработчика выглядит так

Зарплата замерла, задачи — бесконечный повтор, растет только кол-во бессмысленных созвонов

Откликаешься на вакансии — отвечают только ноунеймы, на собесах закидывают странными алгоритмами «на скорость».

И самое бесящее — пока буксуешь, кто-то вокруг спокойно забирает офферы в Яндекс и VK...

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


👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.

В своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров

А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме

А еще у меня множество успешных кейсов и трогательных отзывов, найти их можно в канале.

Реклама, erid: 2W5zFHn8eq7 ИП Галактионов Тихон Витальевич, ИНН 771618975809
👍1
Что выведет этот код?
💅2
Что выведет этот код?
👍1
Интенсив по паттернам для фронтенд-разработчиков 💫

Во фронтенде всё меняется - ИИ пишет код быстрее, чем мы успеваем думать.

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

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

Подойдёт junior-фронтендерам с годом+ опыта, которые чувствуют, что задачи закрывают, а расти перестали.

И middle на бумаге, которые сами себе признаются, что слово «архитектура» в задаче вызывает лёгкую панику

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

Расписание:
27 (пн) — Поставим задачу, скормим её ИИ, сломаем решение и починим первым паттерном
28 (вт) — Разберём ещё два паттерна, типизацию и техдолг
29 (ср) — Посмотрим уязвимости и реализуем архитектурную прослойку безопасности на бэке

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

👉 Занять место на интенсиве
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


Создавайте отдельные объекты, а не модифицируйте их напрямую

⚠️ Так же это одно из правил иммутабельности, которое важно соблюдать при работе с продвинутыми инструментами

Если у вас есть необходимость изменить объект, то почти всегда надежнее будет создать его копию, и уже в ней проводить мутации

Сейчас это можно делать за счет object spread operator (...obj) или по старинке через Object.assign()

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
Что выведет этот код?
Что выведет этот код?
1
Что выведет этот код?
Что такое Event Loop и как он работает?

Ответ:
Event Loop — это механизм, который управляет потоком выполнения кода в JavaScript, обеспечивая асинхронность. Он проверяет Call Stack и очереди задач (например, микрозадачи и макрозадачи) и выполняет их в нужном порядке.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
2