CodeRoll | Frontend
4.01K subscribers
1.8K photos
75 videos
1 file
1.13K 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
Что выведет этот код?
💅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