JavaScript заметки
Открыть в Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Больше7 745
Подписчики
-124 часа
-97 дней
-6330 день
Архив постов
7 742
Рекурсия
Тема нашей сегодняшней статьи — рекурсия. Для многих разработчиков рекурсия кажется чем-то очень сложным и непонятным, но не переживайте, не так страшен черт, как его малюют.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 742
🟡Тест по React JS от OTUS
— Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой!
👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS
Курс доступен в рассрочку.
🎁 Пройдете успешно тест, получите доступ к открытым урокам курса.
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. 2Ranyo45Fm2
7 742
Maps в языке JavaScript
Самая удивительная часть Maps - это то, что мы больше не ограничиваемся использованием
строк. Теперь мы можем использовать любой тип в качестве ключа, и он не будет привязан к типу для строки.
Примечание. Использование функций или объектов не будет работать при проверке равенства с использованием таких методов, как
map.get(). Таким образом, придерживайтесь примитивных значений, таких как строки, булевы и числа.
#полезно7 742
WeakMaps
Самое интересное в использовании WeakMaps для хранения наших личных данных заключается в том, что их ключи не выдают имена свойств, которые можно увидеть с помощью
Reflect.ownKeys()
Практичным примером использования WeakMaps является хранение данных, связанных с элементом DOM
#полезно7 742
🎯 Тест по Node JS от OTUS
🚀 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на углубленном курсе - Node JS Developer от OTUS
Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript
🔥 РЕЗУЛЬТАТ ПРОХОЖДЕНИЯ КУРСА
Разработка серверных приложений любой сложности на Node.js с использованием Express, TypeScript, GraphQl, Apollo и Nest.js
Время прохождения теста ограниченно 30 минут
👉 ПРОЙТИ ТЕСТ
Курс доступен в рассрочку.
🎁 Пройдете успешно тест, получите доступ к открытым урокам курса.
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. 2Ranyo5ZF3N
7 742
Оператор delete
Оператор delete используется для удаления свойства объекта. Если он используется для удаления уже существующего свойства объекта, он возвращает значение true и удаляет свойство из объекта. Однако удаление несуществующего свойства объекта не повлияет на объект, но все равно вернется значение true. В данной статье автор рассказывает про особенности оператора delete.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 742
Сортировка пузырьком
Сортировка пузырьком — это простейший алгоритм сортировки. Он многократно меняет местами соседние элементы, если они расположены в неправильном порядке. Этот алгоритм не подходит для больших наборов данных, так как его сложность по времени довольно высока. В данной статье автор демонстрирует работу алгоритма.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 742
Никакие платные курсы больше не нужны — по этим 4 каналам можно освоить Frontend-разработку с нуля 👇
📌Senior Frontend — JS, HTML и CSS
📌Frontend Interview — как проходить собеседования
📌Web Craft — только Web-разработка
📌Frontender Libs — библиотеки для фронтендера
7 742
Symbol.for(key)
Symbol.for(key) создает символ, который по-прежнему неизменен и уникален, но может быть просмотрен глобально. Два идентичных вызова Symbol.for(key) возвращают один и тот же символ.
Примечательным примером использования Symbol для взаимодействия является Symbol.iterator, который существует во всех повторяющихся типах в ES6: массивы, строки, генераторы и т. д.
#полезно
7 742
Массивы: Сравнение с языком С
Изучение того, как массивы и простые методы работают в языках более низкого уровня, может углубить твое понимание массивов JavaScript. Делимся статьей, где автор демонстрирует сравнение массивов с языком С.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 742
⚡️Уже 31 мая стартует обучение на продвинутом онлайн-курсе «C# ASP NET Core Developer» в OTUS. Пройдите вступительный тест и проверьте, осилите ли вы программу!
👉ПРОЙТИ ТЕСТ ПО ASP NET
За 5 месяцев вы научитесь:
— Самостоятельно реализовывать веб-приложения на ASP Net Core
— Создавать высоконагруженные API на GraphQL, gRPC и SignalR Core
— Освоите JavaScript, познакомитесь с ReactJS и научитесь интегрировать его с ASP NET Core
— Покрывать веб-приложения интеграционными и нагрузочными тестами
— Разворачивать веб-приложения в Docker-контейнерах и в облаках
— Настраивать CI/CD и использовать Kubernetes
— Реализовывать микросервисную архитектуру и использовать RabbitMQ
— Управлять безопасностью и защищаться от хакерских атак
Преподаватели — практики с опытом в C#, .NET, ASP NET. Выпускников нашего курса ждут 12 работодателей - партнёров Отуса. Обучение доступно также в рассрочку.
Нативная интеграция. Информация о продукте www.otus.ru
7 742
Symbol( )
Вызов
Symbol() или Symbol(описание) создаст уникальный символ, который не может быть просмотрен глобально.
#полезно7 742
Ленивая загрузка и производительность
Ленивая загрузка — это метод отсрочки загрузки ресурса до тех пор, пока он не понадобится. Это озволяет сохранить данные и уменьшить сетевую конкуренцию за критически важные ресурсы. В 2019 году метод стал веб-стандартом, и сегодня loading = «lazy» для изображений поддерживается большинством основных браузеров. В данной статье продемонстрировано, как ленивая загрузка влияет на производительность.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 742
Классы в языке JavaScript
С помощью ES6 мы можем создавать классы таким образом, и расширять их, используя ключевое слово
extends
#полезно7 742
Создание слайдбара
Обычно ты можешь найти слайдбар при манипулировании регуляторами громкости или яркости на компьютере. Слайдбар может иметь значок на одном конце панели или значки на обоих концах панели для выбора определенного диапазона. Благодаря этой статье ты научишься создавать слайдбары.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 742
Оператор распространения
В ES6 мы используется оператор распространения для передачи массива значений, которые выступают параметрами для функции.
Мы можем легко конкатенировать литералы массивов.
#полезно
7 742
Core Web Vitals
Core Web Vitals — это три показателя, которые оценивают опыт пользователя при загрузке веб-страницы. Эти метрики оценивают, насколько быстро загружается содержимое страницы, как быстро браузер, загружающий веб-страницу, может реагировать на ввод пользователя и насколько нестабильно содержимое загружается в браузере. Данная статья поможет разобраться с Core Web. Vitals.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 742
Устали от стандартных задач и ищете драйва в разработке? Переходите на Solidity — самый популярный язык в разработке децентрализованных систем 💰
Узнайте все о языке Solidity на открытом уроке, который состоится 25 мая в 20:00 мск. На занятии поговорим об особенностях этого языка, его нестандартном поведении, а также возможностях для разработчиков.
🚀 Вебинар приурочен к старту онлайн-курса «Solidity Developer» в OTUS.
💻 На занятии мы разберем:
- Почему важно изучать Solidity?
- Что можно создавать с помощью этого языка?
- Какие отличия Solidity от других языков программирования?
- Как перейти к разработке на Solidity с базовыми знаниями JS и С++?
- Какая зарплата у Solidity разработчиков?
Вебинар предназначен для разработчиков с опытом от года, фронтендерам, разрабатывающим web3 приложения, и организаторам блокчейн-стартапов.
Пройдите вступительный тест, чтобы участвовать 👉 https://otus.pw/0s4Y/
Нативная интеграция. Информация о продукте на otus.ru
7 742
Именованные параметры
Одним из шаблонов в ES5 для обработки именованных параметров был шаблон объектов опций, принятый из jQuery.
Можно достичь той же функциональности, используя деструктурирование как формальный параметр для функции.
#полезно
7 742
Анимация текстовых переходов
Делимся статьей, где автор демонстрирует анимацию текстовых переходов. view-transition позволяет с помощью CSS описать, как убрать старое текстовое состояние и показать новое текстовое состояние. Присутствует ссылка на демку.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Уже доступно! Исследование Telegram 2025 — ключевые инсайты года 
