JavaScript заметки
Відкрити в Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Показати більше7 744
Підписники
-124 години
-97 днів
-6330 день
Архів дописів
7 744
Научим кодить на Python бесплатно и грамотно
@python_tasks — единственный обучающий канал, который даёт код не просто картинкой, но и текстом для запуска
А ещё даёт объяснение решений, а не просто показывает, что правильно.
Реальные задачи с собеседований VK, Yandex и Лаборатории Касперского
Топовые, бесплатные знания для тебя — @python_tasks
7 744
Object.entries()
Метод возвращает массив, состоящий из массивов, каждый из которых содержит пары ключ-значение объекта, переданного в качестве аргумента. Этот метод полезен при работе с объектами, так как позволяет легко получать доступ к ключам и значениям объекта.
Как видно из примера, метод Object.entries() преобразует объект person в массив массивов, где каждый вложенный массив содержит ключ и значение объекта. Это может быть полезно, например, для итерации по объекту или для выполнения каких-либо операций с ключами и значениями.
#методы
7 744
Задачи на Promise
Объект Promise представляет возможное завершение (или сбой) асинхронной операции и ее результирующее значение. В данной статье продемонстрированы основные задачи на Promsie, которые часто спрашивают на собеседованиях. Присутствует код с подробными комментариями.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 744
😭 Новички во фронтенде могут ошибаться
Быть фронтендером — это решать сложные задачи, развиваться, зарабатывать большие деньги и расти.
Круто, если на этом пути есть старший коллега, который может подсказать, поддержать и научить фишкам.
Есть телеграм-канал, который ведет опытный разработчик и делится с новичками своим опытом и лучшими практиками простым языком.
👉🏻 Гурыч Фронт
7 744
Метод parseInt()
Метод
parseInt() в JavaScript используется для преобразования строки в целое число. Он пытается проанализировать переданную строку и извлечь из нее целочисленное значение.
Чтобы использовать метод parseInt(), передайте ему строку, которую вы хотите преобразовать в число, в качестве аргумента. Метод parseInt() будет искать цифровую часть строки, игнорируя начальные пробелы, и преобразовывать ее в целое число. Если в начале строки содержатся недопустимые символы, parseInt() вернет NaN (Not a Number).
В примере строка "42" передается в метод parseInt(). Он преобразует строку в целое число 42. Затем результат сохраняется в переменной число, и при выводе в консоль получаем значение 42.
#метод7 744
Способы применения reduce
Метод reduce() выполняет функцию редуктора для каждого элемента массива и возвращает одно выходное значение. Редьюсер проходит по массиву поэлементно. На каждом шаге добавляет текущее значение массива к результату предыдущего шага. Этот результат является текущей суммой всех предыдущих шагов. Делается это до тех пор, пока не останется элементов для добавления. Делимся статьей, где автор демонстрирует различные применения reduce.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 744
Олег работает фронтенд разработчиком в жёлтом банке
Его зарплата 2500$ в месяц, а ещё Олег любит сидеть в телеграме, общаться с друзьями, читать каналы и залипать на мемы.
Если бы Олег завёл свой телеграм канал, он бы мог в свободное от работы время зарабатывать на рекламе 1500$ дополнительно к своей зарплате.
Если хотите понять, как создавать свои телеграм каналы и монетизировать их, то подпишитесь на канал Телеграмотный.
Автор канала айтишник с 7 летним опытом, ведёт сетку телеграм айти-пабликов и показывает, как он на них зарабатывает.
7 744
Метод push()
Метод
push() в JavaScript используется для добавления одного или нескольких элементов в конец массива. Он изменяет исходный массив, увеличивая его длину на количество добавленных элементов.
Чтобы использовать метод push(), вызовите его на массиве, к которому хотите добавить элементы, и передайте эти элементы в качестве аргументов. Метод push() добавит каждый переданный элемент в конец массива.
В примере у нас есть массив [1, 2, 3], к которому мы применяем метод push() и передаем два дополнительных элемента: 4 и 5. Метод push() добавляет эти элементы в конец массива, изменяя его. После вызова метода и вывода массива в консоль, мы получаем [1, 2, 3, 4, 5].
#метод7 744
О производительности JavaScript
Бенчмарки — это что-то вроде минного поля. Каждый бенчмарк имеет свои недостатки и погрешности, и помимо пиковой производительности существует целый ряд других факторов, которые необходимо оценивать при выборе платформы или фреймворка для создания веб-сервисов. В данной статье автор демонстрирует производительность фреймворка just-js.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 744
Метод forEach()
Метод
forEach() является одним из методов доступных для работы с массивами в JavaScript. Он позволяет выполнять указанную функцию обратного вызова для каждого элемента в массиве. Таким образом, мы можем легко итерироваться по всем элементам массива и выполнить определенные операции для каждого из них.
В примере у нас есть массив чисел numbers. Мы используем метод forEach() для итерации по каждому элементу массива и выводим его значение в консоль. Функция обратного вызова, переданная в forEach(), принимает каждый элемент массива и выполняет указанный код для него.
Метод forEach() является удобным инструментом для обхода элементов массива и выполнения операций с каждым из них. Он предоставляет нам простой и понятный способ работать с каждым элементом без необходимости использовать циклы или индексы массива.
#метод7 744
Асинхронность в браузере
Делимся статьей, в которой автор составил подробный гайд про асинхронность в браузере. Рассмотрены цикл событий, функции обратного вызова, async/await и другие темы. Благодаря данной статье у тебя сформируется полное понимание асинхронности в браузере.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 744
Верстаешь?
🔥 Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:
1. Сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».
А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.
👉 Проскочить на интенсив бесплатно
Начинаем 11 июля.
7 744
Метод splice()
Метод
splice() в JavaScript используется для изменения содержимого массива путем удаления, замены или добавления элементов. Он изменяет сам исходный массив и возвращает новый массив, содержащий удаленные элементы (если они были удалены).
В примере у нас есть массив ['яблоко', 'груша', 'апельсин', 'банан']. Мы вызываем метод splice(1, 2, 'слива', 'вишня'), указывая, что нужно начать изменение с индекса 1, удалить 2 элемента ('груша', 'апельсин') и добавить элементы 'слива' и 'вишня'. Метод splice() изменяет исходный массив, и он становится ['яблоко', 'слива', 'вишня', 'банан']. Он также возвращает массив с удаленными элементами, который в данном случае будет ['груша', 'апельсин']. Мы выводим оба массива в консоль и получаем соответствующие результаты.
#метод7 744
6 современных возможностей JavaScript, о которых не знает большинство разработчиков
Современному JavaScript есть что предложить разработчикам для решения насущных задач. Эти 6 советов помогут писать лаконичный, хорошо читаемый и отлично работающий код JavaScript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 744
Метод includes()
Метод
includes() в JavaScript используется для проверки наличия определенного элемента в массиве или строке. Он возвращает булевое значение, указывающее, найден ли элемент.
Для использования метода includes(), вызовите его на массиве или строке, над которыми хотите выполнить поиск. Передайте в качестве аргумента элемент, который вы ищете. Метод вернет true, если элемент найден, и false, если элемент отсутствует.
В приведенном примере у нас есть массив ['яблоко', 'груша', 'апельсин', 'банан']. Мы вызываем метод includes('груша'), чтобы проверить, содержит ли массив элемент 'груша'. Метод возвращает true, так как 'груша' присутствует в массиве. Затем мы вызываем метод includes('слива'), чтобы проверить, содержит ли массив элемент 'слива'. Метод возвращает false, так как 'слива' отсутствует в массиве. Результаты выводятся в консоль.
#метод7 744
Стек вызовов JavaScript: объяснение с помощью иллюстраций
Как выполняются функции в Javascript? Каков порядок их выполнения? Что такое контекст выполнения? Отвечаем на эти вопросы с иллюстрациями.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 744
Метод Object.values()
Метод
Object.values() в JavaScript используется для извлечения значений свойств объекта и возвращения их в виде массива. Этот метод позволяет получить все значения, находящиеся в свойствах объекта, игнорируя их ключи.
Для использования метода Object.values(), передайте объект, чьи значения вы хотите извлечь, как аргумент. Метод вернет новый массив, содержащий все значения свойств объекта.
В примере у нас есть объект с различными свойствами, такими как "имя", "возраст" и "город". Мы вызываем метод Object.values() и передаем в него этот объект. Результатом будет новый массив значения, содержащий все значения свойств объекта. В данном случае, вывод в консоль будет следующим: ['Алексей', 30, 'Москва'].
Метод Object.values() полезен, когда вам необходимо работать только с значениями свойств объекта, без учета их ключей. Например, вы можете использовать этот метод для итерации по значениям объекта или для проверки наличия определенного значения в объекте.
#метод7 744
18 продвинутых навыков JavaScript для старших инженеров-программистов
Эти лайфхаки помогут эффективно решать проблемы с браузером, изображениями, DOM-элементами и JS-скриптами. Они позволят вам подняться на новый уровень профессионализма, а вашим пользователям обеспечат максимальный комфорт.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 744
🔥Откройте для себя новые возможности масштабируемых приложений с помощью Angular!
🔔 И сделайте это 18 июля в 20:00 (мск) на открытом уроке, организованном в рамках онлайн-курса «Angular Developer» от OTUS. Узнайте, как этот мощный фреймворк, разработанный Google, использует TypeScript для улучшения читаемости кода и минимизации ошибок.
💬На бесплатном уроке этого курса вы познакомитесь с ключевыми возможностями Angular: Angular CLI, двусторонней привязкой данных, шаблонами, маршрутизацией и сервисами. Преподаватель-эксперт покажет, как эти технологии помогут вам сэкономить время на разработке, создавая продукт с расширяемым, легко поддерживаемым и хорошо структурированным кодом.
После вебинара вы также получите возможность приобрести курс по выгодным условиям в рассрочку. Не упустите шанс!
👉Регистрируйтесь сейчас: https://otus.pw/htlJ/
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. 2RanyoD5Zbn
7 744
Метод toFixed()
Метод
toFixed() в JavaScript используется для форматирования числа с фиксированным количеством знаков после десятичной точки. Он возвращает строковое представление числа с указанным числом знаков после запятой.
Для использования метода toFixed(), вызовите его на числе, которое хотите отформатировать, и передайте количество желаемых знаков после десятичной точки в виде аргумента. Метод toFixed() вернет строку с отформатированным числом.
В приведенном примере у нас есть число 3.14159, к которому мы применяем метод toFixed() с аргументом 2. Метод toFixed(2) форматирует число, оставляя два знака после десятичной точки, и возвращает строку "3.14". Мы выводим эту строку в консоль и получаем "3.14". Обратите внимание, что метод toFixed() округляет число в соответствии с правилами округления.
#метод
Вже доступно! Дослідження Telegram за 2025 — головні інсайти року 
