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

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

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

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Preact – альтернатива React, которая весит 3KB

Если у тебя есть проблемы с размером бандла в React-проекте, попробуй Preact. Он совместим с React API, но весит всего 3 KB!

👀 Попробовать

Coderoll | Frontend
😁31👍1🔥1
Что такое Object.defineProperty?

Ответ:
Object.defineProperty позволяет определить новое свойство в объекте или изменить существующее, с указанием его настроек (например, enumerable, writable, configurable).

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

Coderoll | Frontend
💅52
Что такое hoisting в JavaScript?

Ответ:
Hoisting (всплытие) — это механизм JavaScript, при котором объявления переменных и функций поднимаются в начало их области видимости перед выполнением кода.
Однако переменные, объявленные с let и const, всплывают без инициализации и вызывают ошибку при доступе до объявления.

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

Coderoll | Frontend
2💅2
Rem, Em, Px – какие единицы измерения лучше использовать в CSS?

При разработке адаптивных интерфейсов важно правильно выбирать единицы измерения. Но что лучше: px, em или rem?

📌 Краткий разбор:
px – фиксированная величина, удобна, но не масштабируется.
em – зависит от родительского элемента, удобно для вложенных блоков.
rem – зависит от html, обеспечивает консистентность масштабирования.

Когда использовать
Для шрифтов: rem
Для отступов и padding: em/rem
Для границ и теней: px

Coderoll | Frontend
👍32🔥2
Что такое Функциональное программирование?

Ответ:
Функциональное программирование — это парадигма программирования, которая основана на использовании чистых функций (pure functions), избегании побочных эффектов и работе с иммутабельными данными. В этой парадигме данные передаются через функции, а не изменяются напрямую.

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

Coderoll | Frontend
3💅3
Memoize.js — как управлять кэшем в браузере

Memoize.js — современная библиотека для работы с кешированием данных. Она идеально подходит для сохранения результатов API-запросов или временных данных.

👀 Потестить

Coderoll | Frontend
1
Книга «Рецепты TypeScript»

Практическое руководство для JavaScript-разработчиков, которое помогает решать типичные проблемы TypeScript. Она предлагает готовые решения для настройки сложных проектов, работы с типами и устранения ошибок компилятора, объясняя, как и почему это работает.


👀Почитать

Coderoll | Frontend | #Книги
Please open Telegram to view this post
VIEW IN TELEGRAM
1
Что такое Proxy в JavaScript?

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

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

Coderoll | Frontend
💅92
Сервис-генератор фона с градиентом

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

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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍1
Какие методы массива являются мутирующими?

Ответ:
Мутирующими называются методы, которые изменяют исходный массив. К таким методам относятся:

push() — добавляет элемент в конец массива.
pop() — удаляет последний элемент массива.
shift() — удаляет первый элемент массива.
unshift() — добавляет элемент в начало массива.
splice() — добавляет/удаляет элементы в любом месте массива.
sort() — сортирует элементы массива.
reverse() — меняет порядок элементов на противоположный.


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

Coderoll | Frontend
3💅3
Что такое reduce метод массива?

Ответ:
Метод reduce используется для свёртки массива в одно значение. Он принимает callback-функцию, которая вызывается для каждого элемента массива, накапливая результат в аккумуляторе.

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

Coderoll | Frontend
4💅4
НЕ:РОЗЫ - магазин подарков

Сложность: #средняя
Жанр: #LandingPage
Язык: #RU

👉Открыть макет

Coderoll Frontend | #макеты
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Что такое Async/Await?

Ответ:
Async/Await — это синтаксический сахар над Promises, который позволяет писать асинхронный код, выглядящий как синхронный. Ключевое слово async указывает, что функция содержит асинхронный код, а await используется для ожидания завершения Promise.

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

Coderoll | Frontend
4💅2
Что такое Asynchronous JavaScript?

Ответ:
Asynchronous JavaScript позволяет выполнять задачи без блокировки основного потока выполнения. Это достигается с помощью механизмов, таких как Callbacks, Promises, Async/Await и Web Workers. Асинхронность особенно важна при работе с операциями ввода-вывода (например, запросами к серверу).

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

Coderoll | Frontend
💅31
Что такое Мутабельность (Mutability) и Иммутабельность (Immutability)?

Ответ:
Мутабельность означает, что объект может быть изменён после его создания. Иммутабельность означает, что объект остаётся неизменным, и любые изменения создают новый объект. В JavaScript строки и числа являются иммутабельными, в то время как массивы и объекты — мутабельными.

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

Coderoll | Frontend
6💅2
Что такое Event Loop в JavaScript?

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

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

Coderoll | Frontend
💅32
Flexer

Визуальная песочница, в которой можно примерить разные свойства CSS Flexbox и увидеть, как они виляют на элементы на страничке

Если ещё не разобрались в флексах — сервис упростит изучение

👀 Посмотреть

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
2
🤔 И чем вообще заняться в такую жару?

Лучший вариант — учиться, пока остальные раскисли от зноя: так получится легко обогнать конкурентов, и уже к осени выходить на рынок труда. А чтобы учиться было удобно, мы в Базе Знаний отобрали для тебя лучшие материалы по самым востребованным вакансиям:

🖥 Python Dev: 1558+ материалов

👩‍💻 Frontend Dev: 1241+ материалов

👩‍💻 Backend Dev: 1095+ материалов

📊 Data Scientist: 978+ материалов

🎨 UX/UI Designer: 885+ материалов

📖 Книги по IT: 779+ материалов

⏲️ Ссылки на каналы будут доступны ещё 48 часов, успей забрать лучшее из мира IT в Телеге 👌
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
shadcn/ui – кастомные UI-компоненты на Tailwind

🔥 Нравится Tailwind, но не хватает готовых компонентов? Попробуй shadcn/ui:
Красивый, кастомизируемый UI
Поддержка dark/light тем
Работает с React + Tailwind

👀 Попробовать

Coderoll | Frontend
2