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

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

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

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Вопрос с собеседования:

Что такое замыкания?

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


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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Immer — библиотека для работы с состоянием

Позволяет писать чистый и лаконичный код при работе с вложенными объектами. С помощью Immer можно обновлять состояние как будто напрямую, но в итоге получать неизменяемые данные. Работает через "проекты" (draft), которые можно безопасно менять, а библиотека сама позаботится о создании нового объекта.

Отлично интегрируется с Redux Toolkit и позволяет избавиться от громоздких .map и ...spread конструкций, ускоряя разработку и делая код чище.

👀 Посмотреть

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Вопрос с собеседования:

Как объединить массивы?

1 - Можно использовать метод concat()
2 - Можно использовать spread оператор


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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Вопрос с собеседования:

Что такое NaN?

NaN (Not a Number): это значение, получаемое в результате выполнения числовой операции над нечисловым значением.

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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Игра-тренажёр по Flexbox

Раз уж вам так понравилась предыдущая игра — держите ещё одну, но уже по флексам. Суть игры — расставить пушки так, чтобы кружочки-злодеи не прошли по карте

👀 Расставить пушки

Coderoll | Frontend #css
Реальное тестовое задание на позицию Junior Frontend Developer (React) от компании Jupiter Soft

❗️ Обратите внимание, что макеты часто дают не только в формате Figma, но и в Adobe XD

Все материалы, что предоставляли для реализации тестового задания лежат тут:

👀 Посмотреть

#js
Please open Telegram to view this post
VIEW IN TELEGRAM
Игровой тренжёр по TypeScript

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

Да, сервис доступен на русском и английском, визуал тоже кайфовый

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

Coderoll | Frontend #typescript
Please open Telegram to view this post
VIEW IN TELEGRAM
Вопрос с собеседования:

В чем разница между == и ===?

Строгое равенство сравнивает значения по типу данных и значению.

Нестрогое сначала старается привести значения к одному типу, а потом сравнивает.


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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Вопрос с собеседования:

Что такое лексическое окружение?

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


Лексическое окружение состоит из двух основных компонентов:

Environment Record (запись окружения) - отвечает за хранение переменных и функций внутри определенного контекста выполнения кода (например, функции или блока кода).

Outer lexical environment reference (Ссылка на внешнее лексическое окружение) - это ссылка на лексическое окружение, в котором данная функция была определена. Другими словами, это ссылка на окружение, в котором произошло объявление данной функции.


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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Репозиторий с 50 проектами для тренировки HTML/CSS/JS для новичков

👀 Посмотреть

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Вопрос с собеседования:

Что такое замыкания?

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


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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Вопрос с собеседования:

Для чего используют замыкания?

1.Использование в качестве приватных переменных

2.Каррирование - для создания новых функции, частично применяя аргументы к уже существующей функции.

3.Работа с асинхронным кодом- для сохранения контекста при обработке асинхронных операций, таких как обработчики событий или колбэки.

4.Мемоизация - сохранения результатов выполнения функций для оптимизации времени выполнения и уменьшения количества повторных вычислений.

5.Работа с коллбэками - для передачи контекста и данных в коллбэки, обеспечивая безопасный доступ к данным.


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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Vite (если вдруг вы ещё не работали с ним — обязательно посмотрите)

Vite — это невероятно быстрый инструмент сборки интерфейса, обеспечивающий работу веб-приложений нового поколения. Обеспечивает молниеносную скорость благодаря использованию ES-модулей. Поддерживает TypeScript, Vue, React и многие другие фреймворки.

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

Coderoll | Frontend #vite
Please open Telegram to view this post
VIEW IN TELEGRAM
Вопрос с собеседования:

Что такое intersection observer в JS?

Ответ:
это API JavaScript, который предоставляет способ асинхронного отслеживания изменений в видимости элементов внутри контейнера или внутри видимой области браузера.

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

Coderoll | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Zustand — современный state-менеджер

Альтернатива Redux с минималистичным API. Подходит для небольших и крупных проектов. Использует контекст и хук для доступа к состоянию.

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

Coderoll | Frontend #react #state
Please open Telegram to view this post
VIEW IN TELEGRAM
📚 Чистый код - Роберт Мартин

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

Помогает разработчикам улучшить читаемость и структурированность кода.

👀Полистать книжку

Coderoll | Frontend #книги
Please open Telegram to view this post
VIEW IN TELEGRAM
Lodash — инструменты для работы с данными

Упрощение работы с массивами, объектами и строками.
Lodash предоставляет огромное количество готовых функций для работы с данными. Особенно полезен при обработке массивов и глубокой копии объектов.

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

Coderoll | Frontend #lodash
Axios — запросы без боли

Axios облегчает работу с API, поддерживает асинхронные запросы, обработку ошибок и интерсепторы. Легко интегрируется в любой проект.

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

Coderoll | Frontend #axios #api #http
Chart.js — визуализация данных

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

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

Coderoll | Frontend
Swiper

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

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

Coderoll | Frontend