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

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

Чат: https://news.1rj.ru/str/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download 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
Что выведет этот код?
Что должен знать современный Middle Frontend

Вы и сами знаете, как тяжело обстоят дела с трудоустройством в 2025 году. Откликов на джунов больше, чем вакансий, и даже опытные вроде бы мидлы долго ищут работу.

Автор видео разобрал подробно, что нужно знать современному мидлу, чтобы соответствовать запросам рынка


👉 Смотреть видео

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1😁1
Что выведет этот код?
Что такое Spread оператор (...)?

Ответ:
Spread оператор позволяет расширять или разворачивать итерируемые объекты (например, массивы или строки) в местах, где ожидается ноль или более аргументов (для функций) или элементов (для массивов).

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

Coderoll | Frontend
Что такое “defer” и “async” в тегах <noscript>?

Ответ:
Атрибуты defer и async используются в тегах <noscript> для управления загрузкой и выполнением JavaScript на веб-странице.

— defer: Скрипт с атрибутом defer загружается асинхронно, но выполняется только после того, как весь HTML документ будет полностью загружен (после события DOMContentLoaded). Скрипты с defer выполняются в порядке их появления на странице.

<noscript src="noscript.js" defer></noscript>


— async: Скрипт с атрибутом async загружается асинхронно и выполняется сразу после того, как он будет загружен, без ожидания загрузки других скриптов или HTML. Порядок выполнения может быть произвольным, так как скрипты могут загружаться параллельно.

<noscript src="noscript.js" async></noscript>


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

Coderoll | Frontend
💅1
Объясните, что такое прототипное наследование в JavaScript?

Ответ:
В JavaScript все объекты имеют скрытое свойство [[Prototype]] (прототип), которое указывает на другой объект. Когда вы пытаетесь получить доступ к свойству объекта, и оно не существует, JavaScript будет искать это свойство в его прототипе. Этот процесс называется прототипным наследованием.

Пример:

const animal = {
speak: function() {
console.log("Animal speaks");
}
};

const dog = Object.create(animal);
dog.speak(); // Animal speaks
В этом примере объект dog наследует метод speak от объекта animal.


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

Coderoll | Frontend
3💅1
Что такое “currying” в JavaScript?

Ответ:
Currying — это процесс преобразования функции, которая принимает несколько аргументов, в серию функций, каждая из которых принимает один аргумент. Это позволяет создавать более универсальные и частично применяемые функции.

Пример:

const add = a => b => a + b;

const add5 = add(5);
console.log(add5(3)); // 8


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

Coderoll | Frontend
Что такое props и state в React?

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

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

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

Coderoll | Frontend
Что такое серверный рендеринг (SSR) в React?

Ответ:
Серверный рендеринг (SSR) — это процесс рендеринга React-компонентов на сервере перед отправкой HTML-кода на клиент. Это улучшает SEO и ускоряет первоначальную загрузку приложения.

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

Coderoll | Frontend
⚡️ Бесплатное обучение фронтенд-разработке с нуля до React — с поддержкой от наставника

Опыт в программировании не нужен.

На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить

С 24 по 28 декабря проводит бесплтаное обучение, где он на практике поможет разобраться в основах — HTML/CSS и JavaScript, а также попробовать самый популярный фреймворк — React

💡Всё объясняет на примере проекта — доски объявлений

Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля

🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться и джуну, и разрабу поопытнее

Помимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду.
Поделится способами поиcка клиентов с поомщью ИИ.
Расскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией

Подписывайтесь, чтобы участвовать, осталось 33 места

Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду

➡️Участвовать бесплатно

+ среди участников разыграет годовую подписку на полезный ИИ
Please open Telegram to view this post
VIEW IN TELEGRAM
Сервис-генератор фона с градиентом

Хороший сервис, который способен генерить фоны из нескольких цветов, чтобы всё выглядело хорошо (вместо обычных 2-3 цветов)

👀Посмотреть-потыкать

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
☄️ЭТО СВЕРШИЛОСЬ!!!!!!

Под новый год были ВЗЛОМАНЫ ВСЕ сборники курсов!

вот архив, забирай свои знания

https://news.1rj.ru/str/+zkfGiEhbenU2Nzcy
Please open Telegram to view this post
VIEW IN TELEGRAM
💅1
Что выведет этот код?
Что выведет этот код?
Забудь про ChatGPT. Это как просить калькулятор нарисовать картину.  

Пока массы гоняют одни и те же скучные запросы в зацензуренные боты, реальная революция ИИ в канале «Техноразум»:

— Нейросети, которые не боятся запретных тем ( 🔞))
— Скрытые функции, которые другие ИИ прячут за платную подписку или цензурой
— Настоящие инструкции и промты для взлома творческих шаблонов

Переходи к настоящим возможностям, забудь про детский сад нейросетей: https://news.1rj.ru/str/+7dOPAyODQ6
Please open Telegram to view this post
VIEW IN TELEGRAM
Что выведет этот код?
Что выведет этот код?
1