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

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

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

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

Coderoll | Frontend
👍53
Что такое Object.freeze()?

Ответ:
Object.freeze() делает объект неизменяемым (immutable). После вызова этого метода нельзя добавить, удалить или изменить свойства объекта.

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

Coderoll | Frontend
💅65
Классная шпаргалка для методов строк

Coderoll | Frontend
👍3🔥2
Что такое Proxy в JavaScript?

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

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

Coderoll | Frontend
💅104
Chart.js — визуализация данных

Chart.js предоставляет простые и гибкие инструменты для визуализации данных. Помогает при создании графиков и диаграмм.Поддерживает различные типы графиков: линейные, круговые, барные и другие.

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

Coderoll | Frontend
Как работает метод filter?

Ответ:
Метод filter создаёт новый массив, содержащий все элементы исходного массива, для которых callback-функция возвращает true. Исходный массив не изменяется.

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

Coderoll | Frontend
10💅3
Zod – валидация данных без боли

Если тебе надо валидировать данные в формах, API или везде, где есть объекты – Zod твой лучший друг. Минимальный код, строгая типизация, удобный API. Особенно полезен в TypeScript-проектах.

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

Coderoll | Frontend
Какими способами можно визуально скрыть элемент?

с помощью свойства display;
с помощью свойства opacity;
с помощью свойства visibility;
с помощью position:absolute;
уменьшить размеры элемента до нуля.

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

Coderoll | Frontend
11💅3
Что такое JSON.parse() и JSON.stringify()?

Ответ:
JSON.parse() преобразует JSON-строку в JavaScript-объект или массив.
JSON.stringify() преобразует JavaScript-объект или массив в JSON-строку.

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

Coderoll | Frontend
9💅2
Вопрос с FrontEnd-собеседования 👨‍💻

Опишите шаблон проектирования "Модуль" в Javascript


Как лучше ответить:

Модули JavaScript являются наиболее часто используемыми шаблонами проектирования для сохранения отдельных фрагментов кода независимыми от других компонентов. Это обеспечивает хорошую структурированность кода.

Модули должны быть функциями, вызываемыми прямо на месте (IIFE, Immediately-Invoked-Function-Expressions), чтобы обеспечить приватные области действия, то есть замыкание, которое защищает переменные и методы. Вот как примерно это может выглядеть:


(function() {
// declare private variables and/or functions
return {
// declare public variables and/or functions
}
})();

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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥21
DevDocs

Универсальная платформа с документацией по различным технологиям (JS, Vue, React, CSS и другим).

Все документации в одном месте без необходимости гуглить.

👀 Ссылка

Coderoll | Frontend
3
Что такое Closure и как его избежать?

Ответ:
Closure — это функция, которая запоминает своё внешнее окружение. Чтобы избежать нежелательных замыканий, можно использовать let вместо var внутри циклов или пересоздавать область видимости.

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

Coderoll | Frontend
4💅3
В чем разница между null и undefined?

Ответ:
null — это значение, которое означает "отсутствие значения". Его можно присвоить переменной намеренно.
undefined — это значение, которое указывает, что переменная была объявлена, но ей не присвоено значение.

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

Coderoll | Frontend
7💅1
Современный JavaScript. От новичка до профи [2024]

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

Вне зависимости от уровня подготовки, курс обеспечит вас всей самой необходимой информацией для успешного освоения JS.

👀 Посмотреть курс

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Разбираем 5 способов ускорить сайт: от простого к сложному

Каждая миллисекунда важна! В этой статье разбираются топовые способы оптимизации загрузки страницы

👀 Читать

Coderoll | Frontend
Что такое Virtual DOM?

Virtual DOM – это концепция, используемая в React и других библиотеках для эффективного обновления пользовательского интерфейса. Вместо прямых изменений в реальном DOM, React сначала обновляет виртуальную копию, сравнивает изменения (diffing), а затем минимально обновляет реальный DOM.

Virtual DOM делает обновления производительнее, так как минимизирует количество реальных манипуляций с DOM.

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

Coderoll | Frontend
3💅3
Тесты и задачи по HTML, CSS и JS

Эти тесты подойдут вам, если вы уже знаете основы HTML, CSS, JavaScript и хотите проверить свои знания, закрепив ранее изученные материалы.

Вы также узнаете много нового: нюансы, тонкости, особенности, интересные возможности о которых могли не знать раньше.

👀 Проверить знания

Coderoll | Frontend
👍1
Что такое промисы (Promises) в JavaScript?

Ответ:
Промисы — это объект, представляющий результат асинхронной операции. У промиса есть три состояния: pending (ожидание), fulfilled (успех) и rejected (ошибка). Они позволяют работать с асинхронным кодом без использования коллбэков.

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

Coderoll | Frontend
6👍2💅1
TanStack Query – must-have для работы с API

Библиотека, которая делает работу с серверными данными в React и Vue в разы проще. Кэширование, рефетчинг, автоматические обновления – все на высшем уровне. Забудь про useEffect и стейты для загрузки данных!

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

Coderoll | Frontend
Что такое Event Delegation?

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

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

Coderoll | Frontend
4💅2
Разбираем вопрос с FrontEnd-собеседования 👨‍💻

Опишите шаблон проектирования "Модуль" в Javascript

Как лучше ответить:

Модули JavaScript являются наиболее часто используемыми шаблонами проектирования для сохранения отдельных фрагментов кода независимыми от других компонентов. Это обеспечивает хорошую структурированность кода.

Модули должны быть функциями, вызываемыми прямо на месте (IIFE, Immediately-Invoked-Function-Expressions), чтобы обеспечить приватные области действия, то есть замыкание, которое защищает переменные и методы. Вот как примерно это может выглядеть:


// declare private variables and/or functions
return {
// declare public variables and/or functions
}
})();


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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31🔥1