TGViewer
Channel Public Channel
CodeRoll | Frontend

CodeRoll | Frontend

@coderoll

OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

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

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

По всем вопросам пишите сюда - @yankovsky_ads
Subscribers
4.07K
Photos
1.8K
Videos
74
Links
1.1K

Showing posts older than #2856 · Back to latest

Older Posts 20 shown
Post #2854 897
⚡️ Какие типы данных существуют в JavaScript?

Ответ:
- string
- number
- boolean
- bigInt
- symbol
- null
- undefined
- object


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

Coderoll | Frontend
  • ❤ 4
  • 💅 3
  • 😁 1
Post #2852 938
❓ JS, это однопоточный язык?

Ответ:
JavaScript (JS) является однопоточным языком программирования. Это означает, что у вас есть только один основной поток выполнения кода, который обрабатывает все инструкции последовательно (или синхронно).
Веб-браузеры, в которых JavaScript обычно исполняется, также однопоточные в своей основе.

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

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

Coderoll | Frontend
  • ❤ 9
  • 💅 2
Post #2851 862
⚡️Что такое гиперссылка?

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

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

Coderoll | Frontend
  • ❤ 3
Post #2849 883
❓ Что такое IIFE (Immediately Invoked Function Expression)?

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

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

Coderoll | Frontend
  • ❤ 4
  • 💅 1
Post #2848 901
Вопросы с собеседования: Promise.all

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

Для начала вспомним работу оригинального Promise.all.

Он принимает коллекцию промисов, начинает одновременно их выполнять и возвращает новый промис. Если все переданные промисы выполнятся, возвращаемый промис тоже выполнится и в нём будет лежать массив результатов, причём в том же порядке. Но! Если какой-то промис вылетел с ошибкой, то Promise.all прекращает работу раньше и возвращаемый промис будет отклонён.

Таким образом у нас есть два сценария:
Позитивный: Когда все промисы завершились успешно. Тут в ответ придёт массив результатов с сохранением очерёдности.
Негативный: Когда какой-то промис завершился с ошибкой. Тут Promise.all не будет ждать завершение оставшихся, а сразу перейдёт в состояние rejected с полученной ошибкой.

Сначала попробуйте решить самостоятельно, можете написать свое решение в комментариях

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



// На вход к нам приходит массив промисов
Promise.all = (promises) => {
// Здесь будем хранить результаты успешно завершенных промисов
const results = []

// Количество промисов, которые осталось выполнить
// На данный момент не выполнился еще ни один промис!
let rest = promises.length

// Возвращаем, естественно, новый промис
return new Promise((resolve) => {
// Проходимся по списочку
promises.forEach((promise, index) => {
promise
// Если промис завершается успешно
.then((result) => {

// Кладём его в наше хранилище
// Причём сохраняем индекс, под которым он был в массиве `promises`
results[index] = result

// На один невыполненный промис стало меньше!
rest -= 1

// Если активных промисов больше нет, то резолвим результат
if (rest === 0) resolve(results)
})
})
})
}


Coderoll | Frontend
  • ❤ 1
  • 👍 1
Post #2845 819
✈️ Углублённый курс по JavaScript [2024, RU]

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

Особое внимание уделяется переменным и функциям, Event Loop и асинхронности, ООП, Symbol, Reflect, Proxy, Map и Set, итераторам, модулям и другим важным особенностям JavaScript.


🔤 Скачать курс 🔤

Coderoll | Frontend
Post #2843 734
❓ Как работает метод some?

Ответ:
Метод some проверяет, удовлетворяет ли хотя бы один элемент массива заданному условию. Если хотя бы один элемент соответствует условию, метод возвращает true, иначе — false.

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

Coderoll | Frontend
  • ❤ 1
  • 💅 1
Post #2841 791
❓ Как работает метод map?

Ответ:
Метод map создаёт новый массив, применяя указанную функцию к каждому элементу исходного массива. При этом исходный массив не изменяется.

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

Coderoll | Frontend
  • 💅 2
  • ❤ 1
Post #2839 863
Deno — это новый инструмент для работы с JavaScript и TypeScript от создателя Node.js

Deno позиционируется как безопасная альтернатива Node.js с улучшенными возможностями для работы с модулями и встроенным TypeScript. Имеет улучшенную безопасность благодаря контролю за доступом к файлам, сети и процессам.

👀 Читать доку

Coderoll | Frontend
Post #2838 770
❓ Что такое Symbol в JavaScript?

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

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

Coderoll | Frontend
  • 💅 3
  • ❤ 2
Post #2837 817
❓ Что такое Lazy Loading?

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

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

Coderoll | Frontend
  • ❤ 8
  • 💅 1
Post #2836 815
Разбираем вопрос с FrontEnd-собеседования 👨‍💻

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

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

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

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


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


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

Coderoll | Frontend
  • 👍 3
  • ❤ 1
Post #2833 787
❓ Что такое Module Pattern?

Ответ:
Module Pattern — это паттерн проектирования в JavaScript, который позволяет создавать модули с приватными переменными и методами, используя замыкания.

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

Coderoll | Frontend
  • 💅 6
  • ❤ 1
Post #2832 887
TanStack Query – must-have для работы с API

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

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

Coderoll | Frontend
  • ❤ 1
Post #2829 763
❓ Что такое замыкание (closure) в JavaScript?

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

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

Coderoll | Frontend
  • ❤ 3
  • 💅 2
Post #2828 756
shadcn/ui – кастомные UI-компоненты на Tailwind

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

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

Coderoll | Frontend
  • ❤ 2
Post #2825 751
Flexer

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

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

👀 Посмотреть

Coderoll | Frontend
  • ❤ 3
Post #2824 778
❓ Что такое Event Loop в JavaScript?

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

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

Coderoll | Frontend
  • 💅 4
  • ❤ 2
Post #2821 904
❓ Что такое Мутабельность (Mutability) и Иммутабельность (Immutability)?

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

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

Coderoll | Frontend
  • ❤ 6
  • 💅 3
Post #2818 818
❓ Что такое Asynchronous JavaScript?

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

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

Coderoll | Frontend
  • 💅 3
  • ❤ 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →