JavaScript заметки @notesjs Channel on Telegram

JavaScript заметки

@notesjs


Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl

JavaScript заметки (Russian)

Добро пожаловать в канал "JavaScript заметки"! Если вы интересуетесь практическим JavaScript и хотите улучшить свои навыки во Frontend-разработке, то этот канал идеально подойдет для вас. Здесь вы найдете регулярные заметки, которые помогут вам углубиться в мир программирования и стать более опытным специалистом.

Читайте наши посты, пока компилируется ваш проект. Наши обучающие материалы будут полезны как начинающим, так и опытным разработчикам. У нас вы сможете узнать о последних тенденциях в мире JavaScript и улучшить свои навыки.

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

Присоединяйтесь к нам на нашем канале на бирже telega.in/channels/notesjs/card?r=Wj7h1mbl и начните свое увлекательное путешествие в мир JavaScript прямо сейчас!

JavaScript заметки

17 Feb, 16:05


JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer

WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

17 Feb, 06:05


Работа с Web-сокетами (WebSockets)

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

#полезное

JavaScript заметки

16 Feb, 16:05


Next JS и Nginx

Решил сделать небольшую инструкцию как запустить проект Next JS на сервере. Я использовал Ubuntu 22.04 и Nginx.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

16 Feb, 06:05


Работа с регулярными выражениями (RegExp)

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

#полезное

JavaScript заметки

15 Feb, 16:05


Fusor vs React

Моя работа состоит в написании кода на React. Несмотря на то, что мне нравится React, при разработке на нем я столкнулся с некоторыми его недостатками. В связи с этим, я решил создать свою библиотеку, Fusor, чтобы исправить эти недостатки и вот что из этого получилось.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

15 Feb, 06:05


Манипуляция стилями CSS

Этот код позволяет изменять стили элементов страницы динамически с использованием JavaScript.

#полезное

JavaScript заметки

14 Feb, 16:05


Service Workers против медленного интернета: Кэширование и улучшение UX

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

14 Feb, 06:05


Работа с Promise

Этот код создает и использует промис для асинхронной обработки данных и управления успешными и неуспешными результатами.

#полезное

JavaScript заметки

13 Feb, 16:05


Интересные трюки JS

Небольшая подборка нестандартных вариантов использования HTML/JS/CSS, где каждый найдёт что-то интересное. Если информация окажется полезной, будем собирать эти хаки на постоянной основе и публиковать по мере накопления.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

13 Feb, 06:05


Использование JavaScript FileReader API для чтения файлов на стороне клиента

FileReader API позволяет веб-приложениям читать содержимое файлов на стороне клиента без необходимости отправлять файлы на сервер. Это может быть полезно, например, для загрузки и обработки текстовых файлов, изображений и других медиафайлов.

#полезное

JavaScript заметки

12 Feb, 16:05


tracking.js

Библиотека tracking.js привносит в среду браузера различные алгоритмы и методы компьютерного зрения. Используя современные спецификации HTML5, библиотека предоставляет возможность отслеживать цвета в реальном времени, распознавать лица и многое другое. Делимся статьей, где автор демонстрирует использование tracking.js.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

12 Feb, 06:05


Использование JavaScript Animation API для создания анимаций и переходов на веб-странице

Animation API позволяет создавать анимации и переходы на веб-страницах с использованием JavaScript, что может улучшить пользовательский опыт и привлечь внимание к определенным элементам.

#полезное

JavaScript заметки

11 Feb, 16:05


Функциональные концепции

Функции - мощные инструменты в языке JavaScript. Сегодня поговорим о 4 главных концепциях функционального программирования, которые повысят уровень вашего мастерства.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

11 Feb, 06:05


Использование JavaScript Intl API для форматирования чисел, дат и строк в соответствии с локалью пользователя

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

#полезное

JavaScript заметки

10 Feb, 16:05


Управление памятью JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

10 Feb, 06:05


Использование JavaScript FormData для отправки формы с помощью AJAX

FormData - это объект JavaScript, который позволяет легко собирать данные из формы и отправлять их на сервер с использованием AJAX-запроса.

#полезное

JavaScript заметки

09 Feb, 16:05


Повышение производительности

Делимся статьей, где автор дает советы по повышению производительности JavaScript. К ним относятся: использование локальных переменных, XMLHttpRequest, инструментов для отладки и многое другое.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

09 Feb, 06:05


Использование JavaScript Geolocation API для получения информации о местоположении пользователя

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

#полезное

JavaScript заметки

08 Feb, 16:05


18 продвинутых навыков JavaScript для старших инженеров-программистов

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

08 Feb, 06:05


Использование JavaScript IndexedDB для хранения больших объемов структурированных данных на клиенте

IndexedDB предоставляет возможность веб-приложениям сохранять и манипулировать большими объемами структурированных данных на стороне клиента.

#полезное

JavaScript заметки

07 Feb, 16:05


Задачи на Promise

Объект Promise представляет возможное завершение (или сбой) асинхронной операции и ее результирующее значение. В данной статье продемонстрированы основные задачи на Promsie, которые часто спрашивают на собеседованиях. Присутствует код с подробными комментариями.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

07 Feb, 06:05


Использование JavaScript History API для управления историей браузера

History API позволяет манипулировать историей браузера, добавляя, изменяя или удаляя записи истории без перезагрузки страницы.

#полезное

JavaScript заметки

06 Feb, 16:30


😳 Кто спрашивал на какие каналы по программированию я подписан?

Лично я подписан и читаю вот этот канал: @umnyiprogrammist

JavaScript заметки

06 Feb, 16:05


Копирование в JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

06 Feb, 12:05


Как легко прокачать навыки верстки и найти работу? 

Присоединяйся к каналам опытного верстальщика: 
1. Вёрстка сайтов | HTML, CSS, JS — здесь собраны бесплатные, структурированные уроки и различные материалы по HTML, CSS, JS, а также советы по заработку на фрилансе.

2. Работа — вёрстка и фронтенд — канал с лучшими вакансиями и проектами с фриланса по вёрстке и фронтенду

Научись и зарабатывай на верстке!

JavaScript заметки

06 Feb, 06:05


Использование JavaScript Performance API для измерения производительности веб-приложений

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

#полезное

JavaScript заметки

05 Feb, 16:05


Внутреннее устройство JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

05 Feb, 06:05


Использование JavaScript Web Bluetooth API для взаимодействия с Bluetooth-устройствами

Web Bluetooth API позволяет веб-приложениям взаимодействовать с ближними Bluetooth-устройствами, такими как датчики, датчики здоровья и принтеры, через браузер.

#полезное

JavaScript заметки

04 Feb, 16:05


Прощай, Ramda

Несмотря на свои сильные стороны, Ramda не всегда подходит для написания эффективного и понятного кода. Рассмотрим случаи, когда стоит придерживаться современного нативного JavaScript и Lodash.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

04 Feb, 06:05


Использование JavaScript Web MIDI API для работы с MIDI-устройствами

Web MIDI API предоставляет возможность веб-приложениям взаимодействовать с MIDI-устройствами, такими как музыкальные инструменты и контроллеры, через браузер.

#полезное

JavaScript заметки

03 Feb, 16:05


10 игр для изучения JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

03 Feb, 06:05


Использование JavaScript Fetch API для загрузки и отображения изображений в веб-приложении

Fetch API позволяет загружать ресурсы с сервера, такие как изображения, и использовать их в веб-приложении без перезагрузки страницы.

#полезное

JavaScript заметки

02 Feb, 16:05


Прощай, Ramda

Несмотря на свои сильные стороны, Ramda не всегда подходит для написания эффективного и понятного кода. Рассмотрим случаи, когда стоит придерживаться современного нативного JavaScript и Lodash.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

02 Feb, 06:05


Использование JavaScript Web MIDI API для работы с MIDI-устройствами

Web MIDI API предоставляет возможность веб-приложениям взаимодействовать с MIDI-устройствами, такими как музыкальные инструменты и контроллеры, через браузер.

#полезное

JavaScript заметки

01 Feb, 16:05


Синхронизация между Notion и календарем

Делимся статьей, где автор демонстрирует интеграцию календаря из Notion в Google Calendar через ics. Таким способом события из календаря Notion можно добавить в любой календарь, поддерживающий ics формат.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

01 Feb, 13:40


🔥 Single-Responsibility Principle (SRP): зачем он нужен? 🔥

Почему код превращается в хаос?
SRP – ключевой принцип SOLID, который помогает создавать поддерживаемую архитектуру. Его корни уходят в 1970-е, а сегодня он остаётся базовым инструментом для любого разработчика.

📌 В статье разберём:
Историю SRP: от Дэвида Парнаса до Роберта Мартина
Как SRP связан с Coupling & Cohesion?
Почему паттерн ActiveRecord нарушает SRP?
Как избежать антипаттерна God Object?

📖 SRP гласит: "У модуля должна быть одна причина для изменения". Но что это значит на практике? Представьте класс, который и сохраняет данные, и считает зарплату, и строит отчёты. Кто за него отвечает — технический, финансовый или операционный директор? Если сразу все, значит, у вас проблема…

💡 Читать дальше: тык сюда 🚀

JavaScript заметки

01 Feb, 06:04


Использование JavaScript Web Speech API для распознавания и синтеза речи

Web Speech API позволяет распознавать и синтезировать речь в браузере, что может быть использовано для создания голосовых интерфейсов и веб-приложений.

#полезное

JavaScript заметки

31 Jan, 16:05


Под капотом анимаций в React Native

Это вторая и последняя статья из серии как работает React Native (RN) под капотом, на примере анимаций.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

31 Jan, 06:05


Создание функции

В этом примере функция greet принимает аргумент name и возвращает приветствие.

#функции

JavaScript заметки

30 Jan, 16:05


Добавление server side Open Graph и прочего SEO в существующую SPA

Представьте себе следующую ситуацию: у вас на руках есть SPA с рендерингом полностью на клиенте, и вам необходимо сделать так, чтобы в зависимости от URL было разное содержимое у тега <head>.
Например, ваш шеф просит вас сделать так, чтобы при вставке в Телеграм ссылки на французскую версию сайта с query параметром ?hl=fr появлялась превью с французским заголовком и описанием сайта.
Как раз в такой позиции я оказался некоторое время назад, и мне на растерзание попался сайт на чистом, старом-добром, клиентском Vue.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

30 Jan, 06:05


Вызов функции

Функцию можно вызвать, передав нужные аргументы в скобках.

#функции

JavaScript заметки

29 Jan, 16:05


Просто о Deep

Одним из возможных вариантов является переход на GraphQL. Это позволит решить три вышеуказанных проблемы. Однако вместе с этим может появиться новый нюанс - общеизвестная проблема N+1, которую часто связывают с использованием GraphQL.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

29 Jan, 06:05


Анонимная функция

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

#функции

JavaScript заметки

28 Jan, 16:05


Задачи про PEG-парсеры

В итоге я сделал игру программу CrateGram

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

28 Jan, 12:05


🔥 Ты JS-азработчик или только изучаешь программирование? Тогда тебе сюда! 🔥
💻 Устал от скучных статей без практической пользы? Хочешь быть в курсе всех новинок JavaScript, React и других технологий?Подписывайся на мой авторски канал "JS? Ну да, с кем не бывает"!

📢 Что ты найдёшь на канале?
🚀 Самые свежие обновления и новинки в мире JavaScript.
🛠 Практические советы из продакшн-разработки, которые экономят время и нервы.
🎓 Обучающие материалы, примеры кода и объяснение сложных вещей простым языком.

🎯 Не важно, только ты начинаешь путь в программировании или уже с опытом— каждый пост принесёт тебе пользу.
🔥 Подпишись сейчас, чтобы учиться на реальном опыте и прокачивать свой скилл!

JavaScript заметки

28 Jan, 06:05


Стрелочные функции

Стрелочные функции предоставляют сокращенный синтаксис для определения функций.

#функции

JavaScript заметки

27 Jan, 16:05


RxJS: как операторы высшего порядка упрощают код

В этой статье я покажу, что в HOO нет ничего мифического, и расскажу в каких случаях вам нужно использовать операторы высшего порядка. Сейчас вы подумаете, что это скучный лонгрид, но не торопитесь. Мы рассмотрим всего 4 оператора: switchMapexhaustMapconcatMapmergeMap.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

27 Jan, 06:05


Функции обратного вызова

Функция может принимать другую функцию в качестве аргумента и вызывать ее внутри себя.

#функции

JavaScript заметки

26 Jan, 16:05


Подробная настройка Content Security Policy

Content Security Policy (CSP) - это механизм безопасности веб-приложений, который используется для сокращения рисков, связанных с атаками, такими как внедрение скриптов (XSS) и выполнение нежелательного кода (инъекция). CSP позволяет веб-разработчикам указывать браузерам, из каких источников разрешено загружать ресурсы, такие как скрипты, стили, изображения, шрифты и другие элементы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

26 Jan, 06:05


Рекурсивные функции

Функции могут вызывать сами себя для выполнения повторяющихся задач.

#функции

JavaScript заметки

25 Jan, 16:05


Ликбез по распространенным Client-Side уязвимостям

В этой статье мы покажем:
как в разных ситуациях манипулировать веб-сайтом таким образом, чтобы он передавал пользователям вредоносный JavaScript.
как скомпрометировать администратора сайта, отправив ему личное сообщение;
как атаковать разом всех пользователей при помощи комментария под статьей;
как заставить пользователя отправить запрос на действия, которые он не собирается выполнять;
как прослушивать WebSocket-соединения;

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

25 Jan, 06:05


Функции высшего порядка

Функции могут принимать другие функции как аргументы или возвращать их.

#функции

JavaScript заметки

24 Jan, 16:05


Как показать миллион зданий на карте — и не сломать браузер

В 2ГИС мы аккумулируем огромное количество геоданных, с которыми взаимодействуют миллионы пользователей ежедневно. Анализируя их, мы можем получить ценную информацию и найти важные идеи для развития городов. Эти данные также полезны организациям.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

24 Jan, 06:05


String.prototype.startsWith()

Метод startsWith() проверяет, начинается ли строка с заданной подстроки.

#полезное

JavaScript заметки

23 Jan, 16:05


Как уменьшали размер VS Code, используя name mangling — сокращение идентификаторов во время сборки

В этой статье рассказывается, как мы обнаружили возможность такой оптимизации, какие подходы рассматривали, и как в конце концов добились уменьшения размера на 20%. Возможно, будет не так много конкретики - я хочу, скорее, рассказать, как в команде VS Code подходят к решению инженерных задач. Тем более, что наше решение, скорее всего, не совсем оптимальное, и уж точно подойдет не всем кодовым базам.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

23 Jan, 12:05


Бесплатный практический вебинар: Веб-разработчик: с нуля до мини-игры за 2 часа.

Когда: 30 январяв 19:00 по мск.

Погрузитесь в решение реальной задачи и напишите небольшую игру на HTML, JS и CSS, которая работает прямо в браузере 🎮

Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе.

Какие JS фреймворки учить: Vue, React, а может, Angular?

Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии.

🎁 Всем, кто зарегистрировался - гайд «Как заговорить на сленге IT-специалистов», а каждому участнику -  карта компетенций начинающего Frontend-разработчика и гайд «Как опубликовать страницу в интернете при помощи GitHub Pages»

JavaScript заметки

23 Jan, 06:05


Array.prototype.every()

Метод every() проверяет, выполняется ли заданное условие для всех элементов массива.

#полезное

JavaScript заметки

22 Jan, 16:05


DOM, DI и View: деревья в Angular

Чтобы стать продуктивным разработчиком на Angular, потребуется понимание различных деревьев, из которых состоит приложение. На первый взгляд легко можно спутать дерево инжекторов DI и DOM-дерево непосредственных HTML-элементов и вьюх Angular. Они похожи и иногда имеют прямое соответствие, но далеко не всегда. В статье рассмотрим различия, научимся держать их в уме и освоим, как можно обойти возможные трудности, связанные с ними.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

22 Jan, 06:05


Array.prototype.find()

Метод find() возвращает первый элемент массива, удовлетворяющий заданному условию.

#полезное

JavaScript заметки

21 Jan, 16:05


Считаем «a=1; b=2; x=pi/3; abcos(x)»

В предыдущей серии мы научились считать выражения вида -2.1+ .355 / (cos(pi % 3) + sin(0.311)). Один из комментариев там предложил посчитать то, что я вынес в заголовок этого поста. Что ж, вызов принят. Как и в предыдущем посте, мы "на пальцах" разбираем устройство простейшего интерпретатора.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

21 Jan, 06:05


Array.prototype.reduce()

Метод reduce() применяет функцию аккумулятора к каждому элементу массива и возвращает одно значение.

#полезное

JavaScript заметки

20 Jan, 16:17


Рефлексия в JavaScript и TypeScript: обзор основных техник. Как сгенерировать CLI-интерфейс для класса

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

20 Jan, 14:17


👾 Этичный Хакер — канал, где вас научат хакингу с нуля.

Взламываем Android-устройство с помощью Metasploit
Отключение камер видеонаблюдения в любой Wi-Fi сети
Узнаем IP-адрес человека через Telegram
Взламываем WiFi с помощью актуальных технологий

Советуем подписаться — https://t.me/+pV8R8TvX1jgzOWYy

JavaScript заметки

20 Jan, 06:05


Array.prototype.filter()

Метод filter() создает новый массив, содержащий элементы, прошедшие заданный критерий.

#полезное

JavaScript заметки

19 Jan, 16:05


Получение данных виртуальной клавиатуры Android в web проекте

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

19 Jan, 06:05


Object.create()

Метод Object.create() позволяет создать новый объект с указанным прототипом. В данном случае, myCar наследует метод startEngine от объекта car.

#объекты

JavaScript заметки

18 Jan, 16:05


Как я переносил блог из CakePHP в Angular

Интерфейс был построен на Twitter Bootstrap и jQuery. Из‑за усложнения бизнес логики, в проект добавили AngularJS и десяток библиотек для фингерпринтинга.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

18 Jan, 06:05


Динамические ключи

Ключи объекта могут быть созданы динамически с использованием вычисляемых свойств.

#объекты

JavaScript заметки

17 Jan, 16:05


Symbiote.js VS LitElement

Мотивация разработчиков библиотек и фреймворков для фронтенда может быть разной. И если вы, являясь таким разработчиком, хотите работать не “в стол” а с расчетом на какое-то признание и пользу для индустрии, вы должны четко понимать, что именно и зачем вы делаете. Если вы хотите сэкономить пользователям пару килобайт трафика или пару миллисекунд отклика - вам будет очень тяжело доказать миру, что ради этого стоит выбрать именно ваше решение. Люди выберут размер комьюнити, богатую экосистему и крупного вендора. Ваш набор аргументов должен быть достаточно веским, чтобы обратить на себя внимание. Сейчас я попытаюсь доказать, что при наличии такого решения как LitElement от гиганта индустрии Google, имеет смысл посмотреть в сторону Symbiote.js.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

17 Jan, 06:05


Использование JavaScript Proxy для реализации валидации данных

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

#полезное

JavaScript заметки

16 Jan, 17:11


Next.js App Router. Опыт использования. Путь в будущее или поворот не туда

Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

16 Jan, 06:05


Использование JavaScript WebGL для создания 3D-графики в браузере

WebGL - это JavaScript API для рендеринга интерактивной 3D-графики в браузере без использования сторонних плагинов.

#полезное

JavaScript заметки

15 Jan, 18:11


React-lens — эффективное управление состоянием в приложениях в ReactJs

Во многих разрабатываемых программах мы сталкиваемся с необходимостью организации работы с данными. Такие задачи могут быть самыми разными: хранение, актуализация, масштабирование и т. п. А ещё приходится реализовывать взаимодействие различных библиотек. Рассмотрим один из способов решения этих проблем при помощи React Lens.
Как бы мы не хотели, всегда будут ограничения в вычислительных мощностях или человеческих ресурсах. Большую роль оказывает необходимость развивать и расширять свой продукт. Потому баланс задач по организации состояния может быть также разным: где-то нужно сделать упор на производительность, где-то на масштабируемость и т. д.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

15 Jan, 06:05


Использование JavaScript Fetch API для выполнения запросов к серверу

Fetch API предоставляет простой способ выполнения HTTP-запросов и обработки полученных данных в формате JSON.

#полезное

JavaScript заметки

14 Jan, 16:05


Визуализация алгоритмов поиска пути на Svelte: Практические заметки

В этом посте делюсь опытом разработки на Svelte, демонстрируя это на моем пет-проекте.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

14 Jan, 06:05


Использование JavaScript Typed Arrays для работы с бинарными данными

Typed Arrays позволяют эффективно работать с бинарными данными, такими как изображения, звуки или сетевые пакеты.

#полезное

JavaScript заметки

13 Jan, 16:05


Переход с Vue-CLI на Vite: ускоряем разработку Vue 3

Vue.js - один из самых популярных JavaScript-фреймворков, который используется для создания динамических пользовательских интерфейсов. С появлением Vue 3, разработчики получили еще больше возможностей для создания мощных и эффективных приложений. Одним из новых инструментов в арсенале Vue 3 является Vite - быстрый и легковесный бандлер, который значительно упрощает процесс разработки и ускоряет сборку проекта. В этой статье мы рассмотрим, как перейти от стандартного подхода с использованием Vue-CLI и Webpack к более продвинутому и эффективному методу работы с помощью Vite.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

13 Jan, 06:05


Использование JavaScript Intersection Observer API для отслеживания видимости элементов на странице

Intersection Observer API позволяет отслеживать, когда целевые элементы входят или выходят из видимой области окна браузера или другого элемента.

#полезное

JavaScript заметки

12 Jan, 16:05


Event Loop. Мифы и реальность

В этой статье попробуем разобраться, где же, все таки, истина. Если вам кажется, что в статье имеется ошибка, неточность или чего-то не хватает, оставляйте свои комментарии, и мы попробуем совместно найти ответы на все возникающие сомнения и вопросы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

12 Jan, 06:05


Использование JavaScript Service Workers для создания оффлайн-приложений

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

#полезное

JavaScript заметки

11 Jan, 16:05


Программирование будущего: беспилотный автомобиль, управляемый JavaScript и ИИ

Пытаетесь разгадать магию беспилотных автомобилей? Присоединяйтесь к программистам, увлекающимся автоматизированными транспортными средствами. Они помогут написать код, превращающий автомобиль в самоуправляемое чудо техники.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

11 Jan, 06:05


Использование JavaScript Proxies для реализации наблюдаемых объектов

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

#полезное

JavaScript заметки

10 Jan, 16:05


Что быстрее: Animated + useNativeDriver или Reanimated?

В этой статье попробуем разобраться, что же всё-таки работает быстрее: React-Native-Reanimated или Animated + useNativeDriver: true.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

10 Jan, 06:05


Работа с обещаниями (Promises)

В примере мы создаем функцию fetchData, которая возвращает обещание (Promise) с задержкой. Затем мы используем методы .then() для обработки успешного выполнения и .catch() для обработки ошибок. Это позволяет более чисто и структурированно работать с асинхронными операциями, такими как загрузка данных с сервера.

#полезное

JavaScript заметки

09 Jan, 16:05


Мои первые шаги в создании браузерных 2D игр на чистом JavaScript + Canvas

Статья представляет собой перевод одного англоязычного видеоурока. Если Вы хорошо владеете английским и Вам больше нравится видеоформат подачи материала — можете посмотреть видео. В статье же я буду вставлять участки кода и стараться также подробно как и автор видео — объяснять каждый свой шаг.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

09 Jan, 10:00


Всем привет!

Предлагаем подписаться на канал фуллстак разработчика на React + GO.
Пишет про процессы в бигтехе, про тех и софт скиллы и о том, как искать работу.

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

Перейти в канал

JavaScript заметки

09 Jan, 06:05


Сортировка массивов объектов

В примере мы создаем массив объектов products, содержащий информацию о различных продуктах. Затем мы используем метод sort() для сортировки этого массива по полю price в порядке возрастания, используя функцию sortByPriceAscending в качестве функции сравнения. Вы можете создать аналогичные функции для сортировки в порядке убывания или для сортировки по другим полям объектов.

#полезное

JavaScript заметки

08 Jan, 16:05


Как декораторы могут упростить разработку веб-форм

В статье я буду писать о подходе, использующем библиотеку MobX. Так что если вы в своих проектах её не используете, статья может быть не так полезна. Но вы можете рассматривать её, как возможный источник вдохновения по тому, как можно разрабатывать формы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

08 Jan, 06:05


Использование JavaScript Template Literals для динамической генерации строк

Template Literals облегчают создание строк с интерполяцией, что делает код более читаемым и удобным.

#полезное

JavaScript заметки

07 Jan, 16:05


Вопросы и ответы для собеседования на позицию frontend-разработчик

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

07 Jan, 12:05


⚡️ В сети начали массово сливать курсы и книги известных онлайн школ

Вот отсортированная база с тонной материала(постепенно пополняется):

БАЗА (4687 видео/книг):

(363 видео, 87 книги) — Python
(415 видео, 68 книги) — Frontend
(143 видео, 33 книги) — ИБ/Хакинг
(352 видео, 89 книги) — С/С++
(343 видео, 87 книги) — Java
(176 видео, 32 книги) — Git
(293 видео, 63 книги) — C#
(174 видео, 91 книги) — DevOps
(167 видео, 53 книги) — PHP
(227 видео, 83 книги) — SQL/БД
(163 видео, 29 книги) — Linux
(107 видео, 43 книги) — СисАналз
(181 видео, 32 книги) — Go
(167 видео, 43 книги) — Kotlin/Swift
(112 видео, 24 книги) — Flutter
(137 видео, 93 книги) — DS/ML
(113 видео, 82 книги) — GameDev
(183 видео, 37 книги) — UI/UX
(129 видео, 73 книги) — QA
(213 видео, 63 книги) — Rust
(121 видео, 24 книги) — Ruby

Скачивать ничего не нужно — все выложили в Telegram

JavaScript заметки

07 Jan, 06:05


Использование JavaScript Destructuring для работы со вложенными объектами

Деструктуризация позволяет извлекать вложенные значения объектов и массивов в переменные.

#полезное

JavaScript заметки

06 Jan, 16:05


Почему typeof null === «object» в современном прочтении

Причина тому - обычный человеческий фактор, или, попросту, невинная ошибка в коде. Как эта ошибка могла случиться, попробуем разобраться в этой статьей.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

06 Jan, 06:05


Использование JavaScript Object.defineProperty для управления свойствами объекта

Object.defineProperty позволяет тонко настраивать свойства объекта, делая их защищенными или скрытыми.

#полезное

JavaScript заметки

05 Jan, 16:05


Лучшие поисковые пакеты для JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

05 Jan, 12:05


🥷🏻 Лёша Истомин, фронтенд разработчик, который топит за производительность и доступность сайтов.

——• 📗 Что полезного на канале? 

👉🏻 7 постов, которые важно прочитать каждому, кто ищет работу смотреть

👉🏻 Разбор моего пути в IT, собрал все ошибки построения карьеры за тебя читать

👉🏻 Рассказываю куда можно развиваться программисту с опытом читать

👉🏻 Что обязательно должен прочитать каждый уважающий себя фронтендер смотреть

В канале очень много авторского контента, убедись сам

JavaScript заметки

05 Jan, 06:05


Использование JavaScript Set для хранения уникальных значений

Set автоматически удаляет дубликаты и удобен для работы с уникальными данными.

#полезное

JavaScript заметки

04 Jan, 16:05


Решаем задачу: как сохранить нервные клетки пользователей с помощью валидации поля ввода

В этом году я много путешествовал, поэтому нередко заполнял формы с анкетами на разные визы — в них бывало по 30—40 полей. Когда что-то шло не так, часто сайты не давали никакой обратной связи. Иногда они сбрасывали всё, что я заполнял в течение часа, если одно из полей невалидно. 
Решить проблему могла бы валидация. Это критически важная часть разработки веб-приложений, которая соотносит данные с необходимым форматом и указывает на ошибки. Также она гарантирует безопасность дальнейшей обработки этих данных. 
В этой статье мы разберёмся, как настроить валидацию поля ввода.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

04 Jan, 06:05


Использование JavaScript Map для эффективного хранения пар ключ-значение

Map обеспечивает упорядоченное хранение данных и позволяет использовать любые типы данных в качестве ключей, в отличие от объектов.

#полезное

JavaScript заметки

03 Jan, 16:05


Обработка событий в JavaScript: всплытие, перехват, делегирование и распространение событий

JavaScript поможет сделать веб-приложение интерактивным и отзывчивым. Важно только освоить методы обработки событий, которые заставляют приложения адекватно реагировать на действия пользователей и предотвращают неожиданное поведение.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

03 Jan, 06:05


Использование JavaScript Dynamic Imports для загрузки модулей по запросу

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

#полезное

JavaScript заметки

02 Jan, 16:05


Как реализовать простой контроль версий с помощью JavaScript, чтобы лучше разобраться в Git

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

02 Jan, 06:05


Использование JavaScript Static Methods в классах

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

#полезное

JavaScript заметки

01 Jan, 16:05


Кодогенерация и парсинг TypeScript с помощью typescript

Одной из интересных возможностей пакета typescript является то, что он содержит API для генерации TypeScript-кода, а также парсер для работы с написанным на TypeScript кодом. Кодогенерация часто используется для автоматического создания типов для работы с http api (типизация тела запроса, ответа, query параметров и тд.). В npm есть модули, генерирующие сервисы для работы с api на основе openapi, graphQl схем и тому подобное, и обычно возможностей существующих модулей хватает для решения большей части задач.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

01 Jan, 06:05


Использование JavaScript AbortController для управления асинхронными запросами

AbortController позволяет отменять асинхронные операции, такие как запросы через Fetch API.

#полезное

JavaScript заметки

31 Dec, 16:05


Typescript ENUM — баланс использования

Меня зовут Михаил. В НЛМК нахожусь на должности Frontend-разработчика. Занимаюсь разработкой внутренних информационных систем на React + Typescript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

31 Dec, 06:05


Использование JavaScript Async Iterators для работы с потоковыми данными

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

#полезное

JavaScript заметки

30 Dec, 16:05


Увлекательный мир фронтенда

Фронтенд-разработка — это как собирать лего без инструкции: иногда весело и творчески, но порой ты забираешься на кровать и кричишь: «@#%, да где же этот пропавший блок?!»

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

30 Dec, 06:05


Использование JavaScript Promise.allSettled для обработки нескольких промисов независимо от их состояния

Promise.allSettled возвращает результаты всех промисов, независимо от их выполнения или отклонения.

#полезное

JavaScript заметки

29 Dec, 16:05


Типы событий в React и TypeScript

И снова всем привет! Продолжение к переводу второй части книги Patterns.dev
В ней речь идет про паттерны производительности. Узнайте, как оптимизировать последовательность загрузки, чтобы повысить скорость использования вашего приложения и др.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

29 Dec, 06:05


Использование JavaScript BigInt для работы с большими числами

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

#полезное

JavaScript заметки

28 Dec, 16:05


Раскрываем силу JavaScript: сокращение размера пакета NPM на 99%

Ищете пути повышения производительности приложения? Ознакомьтесь со способами значительного улучшения метрик в Lighthouse и FCP в проектах с использованием пакета дизайн-системы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

28 Dec, 06:05


Использование JavaScript WebRTC API для передачи потоков данных в реальном времени

WebRTC API используется для захвата и передачи потоков аудио и видео в реальном времени между пользователями.

#полезное

JavaScript заметки

27 Dec, 16:05


Сборка мусора в JavaScript

Каждый из нас, хотя бы раз, слышал о сборке мусора. Мы знаем, что где-то там работает сборщик мусора, убирая за нами ненужные объекты. Но сколько из нас знают, как он устроен под капотом?
В этой статье мы заглянем под капот этого процесса, поймем, как работает память, и изучим алгоритм сборки мусора.
Поехали убираться!

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

27 Dec, 06:05


Использование JavaScript WeakMap для привязки данных к объектам без утечек памяти

WeakMap хранит ключи в виде объектов, которые могут быть удалены сборщиком мусора, предотвращая утечки памяти.

#полезное

JavaScript заметки

26 Dec, 16:05


Валидация формы с помощью AJV, Vue.js и TypeScript

Валидация форм является важной частью frontend-разработки, которая помогает улучшить пользовательский опыт и предотвратить ошибки при отправке данных на сервер. В этой статье мы рассмотрим, как использовать библиотеку AJV совместно с Vue.js и TypeScript для создания мощной системы валидации формы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

26 Dec, 12:05


Привет! 👋
Мы нашли канал, на котором каждый день публикуются увлекательные и полезные материалы, которые вы так долго искали! 😎

Здесь вы найдёте:
• рецепты кода
• мемы
• интересные статьи и факты
• викторины
• макеты
• иконки
• полезные ссылки
И это еще не всё! Здесь много интересного!

Да-да! Всё в 1 канале!
Подписывайся скорее пока доступ не пропал! 🧑‍💻

Пссс... А в этом сервисе ты можешь сократить ссылку, поделиться файлом илм текстом, ставить пароли, отслеживать статистику по переходам, включать автоудаление - и всё это бесплатно!

JavaScript заметки

26 Dec, 09:05


Начните карьеру фронтенд-разработчика с Hexlet!

Хотите стать мастером создания современных веб-интерфейсов? Пройдите курс фронтенд-разработки и за 10 месяцев овладейте всеми необходимыми навыками, от HTML и CSS до JavaScript и React.

🎁 🎄 Заберите скидку до 30 000₽. и вторую профессию бесплатно!

И 3 подарка на выбор:  50 000₽ на депозит, + 3 месяца индивидуальной работы с наставником или + 12 месяцев доступа ко всем курсам!

Научитесь программировать на языке JavaScript и создавать пользовательские интерфейсы сайтов и приложений. Вы будете работать над реальными проектами, создадите портфолио и получите поддержку опытных менторов. А во время обучения вы также поучаствуете в Карьерном треке!

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

JavaScript заметки

26 Dec, 06:05


Использование JavaScript Generators для создания ленивых итераторов

Генераторы позволяют создавать функции, которые могут "запоминать" свое состояние, возвращая значения с помощью yield.

#полезное

JavaScript заметки

25 Dec, 16:05


Не бойтесь генераторов JavaScript

Все еще пренебрегаете генераторами JavaScript? И совершенно напрасно. Узнайте, как использовать эти мощные средства для управления асинхронным программированием, создания итерируемых объектов и выдачи нескольких значений.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

25 Dec, 06:05


Использование JavaScript Reflect для работы с объектами

Reflect предоставляет удобные методы для работы с объектами, такие как доступ к свойствам, их установка, удаление и проверка существования.

#полезное

JavaScript заметки

24 Dec, 16:05


Циклы в JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

24 Dec, 06:05


Использование JavaScript Proxy для создания оберток вокруг объектов

Proxy используется для создания обертки вокруг объекта, позволяя перехватывать и настраивать доступ к свойствам объекта.

#полезное

JavaScript заметки

23 Dec, 16:05


Как добавить несколько товаров в Shopify корзину одним кликом?

Недавно я писал конфигуратор в Shopify и решил поделиться тем, как добавить несколько товаров в Шопифай корзину. Я находил не так много материалов по этому вопросу, тем более на русском языке.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

23 Dec, 06:05


Работа с датами и временем: использование объекта Date и библиотек для работы с датами

Работа с датами и временем является неотъемлемой частью разработки веб-приложений, особенно при работе с расписаниями, сроками и другими временными данными. Для работы с датами в JavaScript мы можем использовать встроенный объект Date, который предоставляет функциональность для работы с датами и временем.

В данном примере мы создаем объект Date с помощью конструктора new Date(), который инициализирует его текущей датой и временем.

Затем мы используем различные методы объекта Date, такие как getFullYear(), getMonth(), getDate(), getHours(), getMinutes() и getSeconds(), чтобы получить текущие значения года, месяца, дня, часа, минуты и секунды.

Мы также форматируем дату и время, используя шаблон строки и значения, полученные от объекта Date. В данном примере мы форматируем дату в формате "день.месяц.год" и время в формате "часы:минуты:секунды".

#полезное

JavaScript заметки

22 Dec, 16:05


Один компонент, 20+ фич, A/B-тесты: Поможет ли машина состояний?

Сталкивались ли вы с проблемой возникновения багов из-за пересечения включенных фичей в приложении? Или, возможно, была необходимость одновременно проводить большое число A/B-экспериментов в одном компоненте? 

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

22 Dec, 06:05


Работа с графикой: использование библиотеки Canvas для рисования и визуализации данных

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

Canvas - это элемент HTML5, который позволяет рисовать графику с помощью JavaScript. Он предоставляет API для создания и управления контекстом рисования, на котором можно рисовать линии, фигуры, текст и многое другое.

В данном примере мы получаем контекст рисования Canvas с помощью метода getContext(). Затем мы используем методы контекста, такие как fillRect() для рисования прямоугольника, stroke() для рисования линии и fillText() для рисования текста.

Мы также можем устанавливать различные свойства контекста, такие как цвет заливки (fillStyle), цвет обводки (strokeStyle), толщина линии (lineWidth) и шрифт (font).

#полезное

JavaScript заметки

21 Dec, 16:05


Пристальный взгляд на отладку JavaScript приложений

Я делаю на JS/TS много разного в «Лаборатории Касперского»: фронт, облачные сервисы (Node.js), штуки для коробочной поставки (OnPrem), платформенные компоненты и библиотеки. И, конечно же, Open Source.
Сегодня хотел бы затронуть тему отладки веб-приложений на JavaScript.
Итак, как отлаживаться? Как-как? console.log(1)

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

21 Dec, 06:05


Работа с анимацией: использование CSS и JavaScript для создания анимированных эффектов

Работа с анимацией является важной частью разработки веб-приложений, которая позволяет создавать привлекательные и интерактивные пользовательские интерфейсы.

CSS предоставляет мощные возможности для создания анимаций с помощью свойства animation. С помощью CSS можно определить ключевые кадры, продолжительность, задержку, тип анимации и другие параметры. Преимущество использования CSS для анимации заключается в том, что браузеры могут оптимизировать и ускорить процесс воспроизведения анимации.

В данном примере мы определяем анимацию slide-in, которая перемещает элемент из-за пределов экрана внутрь с помощью свойства transform: translateX(). Анимация начинается с -100% смещения по оси X и заканчивается с 0 смещением.

Затем мы применяем анимацию к элементу с классом .element с помощью свойства animation. Мы указываем имя анимации slide-in, продолжительность 1s и функцию плавности ease-in-out.

#полезное

JavaScript заметки

20 Dec, 16:05


Увеличиваем свою производительность в WebStorm / PhpStorm c помощью шаблонов

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

20 Dec, 06:05


Манипуляция с элементами страницы: создание, удаление и изменение HTML-элементов

Манипуляция с элементами страницы - это важная часть разработки веб-приложений, которая позволяет создавать, удалять и изменять HTML-элементы динамически с помощью JavaScript. Это особенно полезно при обновлении содержимого страницы без перезагрузки.

В данном примере мы создаем новый элемент div с текстом "Новый элемент" и классом "my-class". Затем мы добавляем этот элемент в конец body документа с помощью метода appendChild(). Мы также изменяем содержимое элемента с помощью свойства textContent и стилизуем его, устанавливая значение свойства backgroundColor.

Через 3 секунды мы удаляем элемент с помощью метода remove(). Это демонстрирует возможность удаления элементов из документа.

Таким образом, манипуляция с элементами страницы позволяет нам динамически создавать, изменять и удалять HTML-элементы, что открывает широкие возможности для создания интерактивных и динамических веб-приложений.

#полезное

JavaScript заметки

19 Dec, 16:05


React + Three.js. Создаём собственный 3D шутер

В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня мы можем создавать не только интерактивные сайты, но и полноценные игры прямо в браузере. Одним из инструментов, который делает это возможным, является библиотека React Three Fiber - мощное средство для создания 3D-графики на основе Three.js с использованием технологии React.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

19 Dec, 06:05


Работа с JSON: сериализация и десериализация данных в JavaScript

Работа с JSON является неотъемлемой частью разработки веб-приложений на JavaScript. JSON представляет собой формат обмена данными, основанный на тексте, который легко читается и создаётся как человеком, так и компьютером.

Сериализация и десериализация данных в JSON являются ключевыми процессами при работе с данными в JavaScript. Сериализация - это процесс преобразования объекта или структуры данных в строку JSON, чтобы его можно было передать или сохранить. Десериализация, в свою очередь, выполняет обратную операцию - преобразует строку JSON обратно в объект или структуру данных.

В данном примере мы создаем объект person, содержащий информацию о человеке. Затем мы используем метод JSON.stringify() для сериализации объекта в строку JSON. Результат выводится в консоль.

Затем мы используем метод JSON.parse() для десериализации строки JSON обратно в объект. Результат также выводится в консоль.

#полезное

JavaScript заметки

18 Dec, 16:05


Подружим Sentry и Mattermost быстро и просто через адаптер

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

18 Dec, 06:05


Использование классов для создания карусели

Здесь класс Carousel используется для создания простой карусели изображений.

#классы

JavaScript заметки

28 Nov, 06:05


Использование JavaScript Proxy для реализации валидации данных

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

#полезное

JavaScript заметки

27 Nov, 16:05


Next.js App Router. Опыт использования. Путь в будущее или поворот не туда

Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

27 Nov, 06:05


Использование JavaScript WebGL для создания 3D-графики в браузере

WebGL - это JavaScript API для рендеринга интерактивной 3D-графики в браузере без использования сторонних плагинов.

#полезное

JavaScript заметки

26 Nov, 16:05


React-lens — эффективное управление состоянием в приложениях в ReactJs

Во многих разрабатываемых программах мы сталкиваемся с необходимостью организации работы с данными. Такие задачи могут быть самыми разными: хранение, актуализация, масштабирование и т. п. А ещё приходится реализовывать взаимодействие различных библиотек. Рассмотрим один из способов решения этих проблем при помощи React Lens.
Как бы мы не хотели, всегда будут ограничения в вычислительных мощностях или человеческих ресурсах. Большую роль оказывает необходимость развивать и расширять свой продукт. Потому баланс задач по организации состояния может быть также разным: где-то нужно сделать упор на производительность, где-то на масштабируемость и т. д.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

26 Nov, 12:05


🔹 Пора перестать теряться в мире React — вступайте в ReactJS Daily!

Наш канал — это настоящий клад для тех, кто хочет покорить React! Мы собрали всё, что нужно для разработки: простые объяснения, эффективные методы и вдохновляющие примеры.

Что вас ждет?  
- Подробные гайды: разбираем сложные концепции React, как хуки и оптимизацию, по шагам.
- Практика с примерами: каждый пост помогает прокачивать знания и применять их в реальных проектах.
- Актуальные новости и тренды: React развивается, и вы будете в курсе всех новинок.

Подписывайтесь на ReactJS Daily, чтобы идти вперед вместе с единомышленниками и уверенно строить крутые приложения! 🚀

JavaScript заметки

26 Nov, 06:05


Использование JavaScript Fetch API для выполнения запросов к серверу

Fetch API предоставляет простой способ выполнения HTTP-запросов и обработки полученных данных в формате JSON.

#полезное

JavaScript заметки

25 Nov, 16:05


Визуализация алгоритмов поиска пути на Svelte: Практические заметки

В этом посте делюсь опытом разработки на Svelte, демонстрируя это на моем пет-проекте.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

25 Nov, 06:05


Использование JavaScript Typed Arrays для работы с бинарными данными

Typed Arrays позволяют эффективно работать с бинарными данными, такими как изображения, звуки или сетевые пакеты.

#полезное

JavaScript заметки

24 Nov, 16:05


Переход с Vue-CLI на Vite: ускоряем разработку Vue 3

Vue.js - один из самых популярных JavaScript-фреймворков, который используется для создания динамических пользовательских интерфейсов. С появлением Vue 3, разработчики получили еще больше возможностей для создания мощных и эффективных приложений. Одним из новых инструментов в арсенале Vue 3 является Vite - быстрый и легковесный бандлер, который значительно упрощает процесс разработки и ускоряет сборку проекта. В этой статье мы рассмотрим, как перейти от стандартного подхода с использованием Vue-CLI и Webpack к более продвинутому и эффективному методу работы с помощью Vite.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

24 Nov, 06:05


Использование JavaScript Intersection Observer API для отслеживания видимости элементов на странице

Intersection Observer API позволяет отслеживать, когда целевые элементы входят или выходят из видимой области окна браузера или другого элемента.

#полезное

JavaScript заметки

23 Nov, 16:05


Event Loop. Мифы и реальность

В этой статье попробуем разобраться, где же, все таки, истина. Если вам кажется, что в статье имеется ошибка, неточность или чего-то не хватает, оставляйте свои комментарии, и мы попробуем совместно найти ответы на все возникающие сомнения и вопросы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

23 Nov, 06:05


Использование JavaScript Service Workers для создания оффлайн-приложений

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

#полезное

JavaScript заметки

22 Nov, 16:05


Программирование будущего: беспилотный автомобиль, управляемый JavaScript и ИИ

Пытаетесь разгадать магию беспилотных автомобилей? Присоединяйтесь к программистам, увлекающимся автоматизированными транспортными средствами. Они помогут написать код, превращающий автомобиль в самоуправляемое чудо техники.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

22 Nov, 06:05


Использование JavaScript Proxies для реализации наблюдаемых объектов

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

#полезное

JavaScript заметки

21 Nov, 16:05


Что быстрее: Animated + useNativeDriver или Reanimated?

В этой статье попробуем разобраться, что же всё-таки работает быстрее: React-Native-Reanimated или Animated + useNativeDriver: true.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

21 Nov, 06:05


Работа с обещаниями (Promises)

В примере мы создаем функцию fetchData, которая возвращает обещание (Promise) с задержкой. Затем мы используем методы .then() для обработки успешного выполнения и .catch() для обработки ошибок. Это позволяет более чисто и структурированно работать с асинхронными операциями, такими как загрузка данных с сервера.

#полезное

JavaScript заметки

20 Nov, 16:05


Мои первые шаги в создании браузерных 2D игр на чистом JavaScript + Canvas

Статья представляет собой перевод одного англоязычного видеоурока. Если Вы хорошо владеете английским и Вам больше нравится видеоформат подачи материала — можете посмотреть видео. В статье же я буду вставлять участки кода и стараться также подробно как и автор видео — объяснять каждый свой шаг.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

20 Nov, 06:05


Сортировка массивов объектов

В примере мы создаем массив объектов products, содержащий информацию о различных продуктах. Затем мы используем метод sort() для сортировки этого массива по полю price в порядке возрастания, используя функцию sortByPriceAscending в качестве функции сравнения. Вы можете создать аналогичные функции для сортировки в порядке убывания или для сортировки по другим полям объектов.

#полезное

JavaScript заметки

19 Nov, 16:05


Как декораторы могут упростить разработку веб-форм

В статье я буду писать о подходе, использующем библиотеку MobX. Так что если вы в своих проектах её не используете, статья может быть не так полезна. Но вы можете рассматривать её, как возможный источник вдохновения по тому, как можно разрабатывать формы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

19 Nov, 06:05


Работа с локальным хранилищем

localStorage позволяет хранить данные на стороне клиента (в браузере). Методы setItem() используются для записи данных, getItem() для чтения данных и removeItem() для удаления данных из локального хранилища.

#полезное

JavaScript заметки

16 Nov, 16:05


Один компонент, 20+ фич, A/B-тесты: Поможет ли машина состояний?

Сталкивались ли вы с проблемой возникновения багов из-за пересечения включенных фичей в приложении? Или, возможно, была необходимость одновременно проводить большое число A/B-экспериментов в одном компоненте? 

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

16 Nov, 06:05


Работа с графикой: использование библиотеки Canvas для рисования и визуализации данных

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

Canvas - это элемент HTML5, который позволяет рисовать графику с помощью JavaScript. Он предоставляет API для создания и управления контекстом рисования, на котором можно рисовать линии, фигуры, текст и многое другое.

В данном примере мы получаем контекст рисования Canvas с помощью метода getContext(). Затем мы используем методы контекста, такие как fillRect() для рисования прямоугольника, stroke() для рисования линии и fillText() для рисования текста.

Мы также можем устанавливать различные свойства контекста, такие как цвет заливки (fillStyle), цвет обводки (strokeStyle), толщина линии (lineWidth) и шрифт (font).

#полезное

JavaScript заметки

15 Nov, 16:05


Увеличиваем свою производительность в WebStorm / PhpStorm c помощью шаблонов

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

15 Nov, 12:05


Ищем фронта. Релокейт, удалёнка, платим много!

Специально для Вас, собираем топовые вакансии для фронтов на канале @job_frontend. Подпишись чтобы не упустить свой шанс получить лучший оффер!

JavaScript заметки

15 Nov, 06:05


Манипуляция с элементами страницы: создание, удаление и изменение HTML-элементов

Манипуляция с элементами страницы - это важная часть разработки веб-приложений, которая позволяет создавать, удалять и изменять HTML-элементы динамически с помощью JavaScript. Это особенно полезно при обновлении содержимого страницы без перезагрузки.

В данном примере мы создаем новый элемент div с текстом "Новый элемент" и классом "my-class". Затем мы добавляем этот элемент в конец body документа с помощью метода appendChild(). Мы также изменяем содержимое элемента с помощью свойства textContent и стилизуем его, устанавливая значение свойства backgroundColor.

Через 3 секунды мы удаляем элемент с помощью метода remove(). Это демонстрирует возможность удаления элементов из документа.

Таким образом, манипуляция с элементами страницы позволяет нам динамически создавать, изменять и удалять HTML-элементы, что открывает широкие возможности для создания интерактивных и динамических веб-приложений.

#полезное

JavaScript заметки

14 Nov, 16:05


React + Three.js. Создаём собственный 3D шутер

В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня мы можем создавать не только интерактивные сайты, но и полноценные игры прямо в браузере. Одним из инструментов, который делает это возможным, является библиотека React Three Fiber - мощное средство для создания 3D-графики на основе Three.js с использованием технологии React.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

14 Nov, 06:05


Использование JavaScript WebAssembly для выполнения кода, написанного на других языках

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

#полезное

JavaScript заметки

13 Nov, 16:05


2d движок для игр Javascript Game Engine

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

13 Nov, 06:05


Использование JavaScript SIMD для параллельных вычислений с векторами

SIMD (Single Instruction, Multiple Data) позволяет параллельно выполнять вычисления с векторами данных.

#полезное

JavaScript заметки

12 Nov, 16:05


Что такое react-afc

react-afc - библиотека для более простого (чем в простом react) уменьшения количества ненужных ререндеров дочерних компонентов.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

12 Nov, 06:05


Использование JavaScript Intl API для локализации

Intl API предоставляет возможности для форматирования чисел, дат и строк в соответствии с локалью пользователя.

#полезное

JavaScript заметки

11 Nov, 16:05


Возможности контроля в JavaScript: методы AbortSignal.timeout() и AbortSignal.any()

Представляем два малоизвестных, но очень полезных метода управления асинхронными задачами: AbortSignal.timeout() и AbortSignal.any(). Оба эти метода поддерживаются основными веб-браузерами и позволяют корректно прервать асинхронные операции.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

11 Nov, 07:05


.forEach()

Метод forEach() используется для обхода элементов коллекции Set. Обход происходит в порядке добавления значений в коллекцию от старых к новым.

Метод работает идентично одноимённому методу массива.

#множества #forEach

Подробнее

JavaScript заметки

11 Nov, 06:05


Использование JavaScript WeakMap для создания приватных данных в объектах

WeakMap используется для создания приватных данных в объектах, к которым нет прямого доступа извне.

#полезное

JavaScript заметки

10 Nov, 16:05


Когда не стоит использовать метод find() в JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

10 Nov, 06:05


Использование JavaScript Intl API для локализации

Intl API предоставляет возможности для форматирования чисел, дат и строк в соответствии с локалью пользователя.

#полезное

JavaScript заметки

09 Nov, 16:05


Движок JavaScript, JIT-компилятор, стек, куча, память, примитивы, ссылки и сборка мусора

Как функционирует JIT-компилятор? Что такое стек и куча памяти? В чем отличие примитивных типов от ссылочных? Представляем общий краткий гайд по основам JavaScript, в котором поговорим о том, как работает один из самых популярных языков программирования “под капотом”.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

09 Nov, 06:05


Использование JavaScript Intl API для локализации

Intl API предоставляет возможности для форматирования чисел, дат и строк в соответствии с локалью пользователя.

#полезное

JavaScript заметки

08 Nov, 17:00


Предложение по стандартизации сигналов для TC39

Энтузиасты JavaScript-сообщества разработали предложение по стандартизации сигналов для рассмотрения в TC39. Каждый из вас может не только ознакомиться с этим предложением, но и внести свой вклад в стандарт сигналов, тем самым расширив возможности JS-разработки.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

08 Nov, 06:05


Использование JavaScript SIMD для параллельных вычислений с векторами

SIMD (Single Instruction, Multiple Data) позволяет параллельно выполнять вычисления с векторами данных.

#полезное

JavaScript заметки

07 Nov, 16:05


18 советов по созданию чистого и эффективного кода JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

07 Nov, 06:05


Использование JavaScript WebAssembly для выполнения кода, написанного на других языках

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

#полезное

JavaScript заметки

06 Nov, 16:05


10 продвинутых приемов JavaScript для опытных разработчиков

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

06 Nov, 06:05


Манипуляция с элементами страницы: создание, удаление и изменение HTML-элементов

Манипуляция с элементами страницы - это важная часть разработки веб-приложений, которая позволяет создавать, удалять и изменять HTML-элементы динамически с помощью JavaScript. Это особенно полезно при обновлении содержимого страницы без перезагрузки.

В данном примере мы создаем новый элемент div с текстом "Новый элемент" и классом "my-class". Затем мы добавляем этот элемент в конец body документа с помощью метода appendChild(). Мы также изменяем содержимое элемента с помощью свойства textContent и стилизуем его, устанавливая значение свойства backgroundColor.

Через 3 секунды мы удаляем элемент с помощью метода remove(). Это демонстрирует возможность удаления элементов из документа.

Таким образом, манипуляция с элементами страницы позволяет нам динамически создавать, изменять и удалять HTML-элементы, что открывает широкие возможности для создания интерактивных и динамических веб-приложений.

#полезное

JavaScript заметки

05 Nov, 16:05


8 паттернов реактивности в современном JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

04 Nov, 16:05


21 лайфхак для новичков в JavaScript

В JavaScript есть эксклюзивные практики, которые используют профессионалы и о которых даже не подозревают новички. Ознакомьтесь с некоторыми из них, чтобы усовершенствовать свои навыки в написании кода и преуспеть в динамичном мире JavaScript-разработки.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

04 Nov, 15:04


Станьте разработчиком нейро-сотрудников на Python и зарабатывайте от 150.000р в месяц 🔥🔥🔥

Мы научим вас создавать топовых нейро-сотрудников на базе GPT-4 Omni, и вы сможете:
1️⃣ Устроиться разработчиком в крупную компанию и зарабатывать от 150 тысяч ₽ в месяц
2️⃣ Разрабатывать такие проекты на заказ и зарабатывать от 500 тысяч ₽ за проект
3️⃣ Создать нейро-сотрудника в вашей компании и вырасти на +30-100% в зарплате

Что будет на интенсиве?
🧬 Теория: как создаются нейро-сотрудники с GPT-4o на Python
🧬 Практика: мы создадим нейро-консультанта, нейро-HR, нейро-маркетолога и др.

Ведущий интенсива - Senior AI разработчик нейросетей и основатель Университета искусственного интеллекта
🔥 Регистрируйтесь на бесплатный интенсив! Встречаемся в ближайший четверг!

JavaScript заметки

04 Nov, 12:05


Платные курсы больше не нужны!

Эти каналы помогут освоить веб-разработку с нуля ➡️➡️

🖥 Senior Frontend - JS, HTML и CSS

👩‍💻 Frontend Interview - как проходить собеседования

👩‍💻 Frontender Libs - библиотеки для фронтендеров

👩‍💻 Web Craft - только Web-разработка

👩‍💻 Python_practics - обучающие материалы по Python


📌 Практические задачи, разборы кода, тесты, вопросы с собеседований, полезные статьи

С таким набором легко зайдешь в IT💪

JavaScript заметки

04 Nov, 06:05


Манипуляция с элементами страницы: создание, удаление и изменение HTML-элементов

Манипуляция с элементами страницы - это важная часть разработки веб-приложений, которая позволяет создавать, удалять и изменять HTML-элементы динамически с помощью JavaScript. Это особенно полезно при обновлении содержимого страницы без перезагрузки.

В данном примере мы создаем новый элемент div с текстом "Новый элемент" и классом "my-class". Затем мы добавляем этот элемент в конец body документа с помощью метода appendChild(). Мы также изменяем содержимое элемента с помощью свойства textContent и стилизуем его, устанавливая значение свойства backgroundColor.

Через 3 секунды мы удаляем элемент с помощью метода remove(). Это демонстрирует возможность удаления элементов из документа.

Таким образом, манипуляция с элементами страницы позволяет нам динамически создавать, изменять и удалять HTML-элементы, что открывает широкие возможности для создания интерактивных и динамических веб-приложений.

#полезное

JavaScript заметки

03 Nov, 16:05


Современная фронтенд-разработка: мир HTML, CSS, JavaScript и популярных фреймворков

Фронтенд-разработка - постоянно развивающаяся область, требующая от разработчиков адаптации к новым технологиям, практикам и лучшим cтандартам. Сегодня рассмотрим ее базовые основы, включая HTML, СSS и JavaScript, а также поговорим о более продвинутых концепциях.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

03 Nov, 12:05


Прими участие в «Хакатоне по кибериммунной разработке 3.0» от «Лаборатории Касперского» с призовым фондом 1 000 000 рублей!

Регистрация на хакатон открыта до 15 ноября

Приглашаем разработчиков, аналитиков, архитекторов ПО, экспертов по информационной безопасности и студентов программирования и кибербезопасности. Участвуй индивидуально или в команде до 5 человек.

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

Это твой шанс прокачать навыки в кибербезопасности и пообщаться с экспертами «Лаборатории Касперского».

Ключевые даты:

• 15 октября – 15 ноября – регистрация участников
• 8 ноября – митап с экспертами и игра «Огнеборец»
• 15 ноября – старт хакатона
• 17 ноября – дедлайн загрузки решений
• 22 ноября – подведение итогов и объявление победителей

Регистрируйся, прояви себя и внеси вклад в безопасность каршеринговых сервисов

JavaScript заметки

03 Nov, 06:05


Работа с графикой: использование библиотеки Canvas для рисования и визуализации данных

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

Canvas - это элемент HTML5, который позволяет рисовать графику с помощью JavaScript. Он предоставляет API для создания и управления контекстом рисования, на котором можно рисовать линии, фигуры, текст и многое другое.

В данном примере мы получаем контекст рисования Canvas с помощью метода getContext(). Затем мы используем методы контекста, такие как fillRect() для рисования прямоугольника, stroke() для рисования линии и fillText() для рисования текста.

Мы также можем устанавливать различные свойства контекста, такие как цвет заливки (fillStyle), цвет обводки (strokeStyle), толщина линии (lineWidth) и шрифт (font).

#полезное

JavaScript заметки

02 Nov, 16:05


8 советов, которые сделают JavaScript-код чище

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

02 Nov, 06:05


Работа с локализацией: перевод и форматирование текста на разных языках

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

Для перевода текста на разные языки в JavaScript можно использовать объект Intl, который предоставляет функциональность для локализации. С помощью объекта Intl можно форматировать числа, даты, валюты и другие типы данных в соответствии с правилами языка и региона.

В данном примере мы создаем объект Intl с помощью конструктора new Intl.NumberFormat(). Мы указываем язык и регион (в данном случае 'en-US' для английского языка в США) и опции форматирования (в данном случае стиль 'currency' и валюту 'USD').

Затем мы используем метод format() объекта Intl для форматирования числа amount в соответствии с указанными опциями. В данном примере мы форматируем число в денежный формат.

#полезное

JavaScript заметки

01 Nov, 16:05


Искусство манипулирования массивами JavaScript: исследование метода Array.prototype.filter()

Говорят, что "дьявол кроется в деталях". Так почему бы не поискать его в недрах JavaScript? Совершите увлекательное путешествие в волшебное закулисье метода filter.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

01 Nov, 06:05


Рекурсия и оптимизация рекурсивных функций

В первой части кода есть простая рекурсивная функция factorial, которая вычисляет факториал числа n. Она вызывает себя с аргументом n - 1, пока n не станет меньше или равно 1.

Во второй части кода представлена оптимизированная версия функции factorialMemoized, которая использует мемоизацию. Мемоизация - это техника, при которой результаты предыдущих вызовов функции сохраняются в памяти и возвращаются в случае повторного вызова с теми же аргументами. В данном случае, мы используем объект memo для хранения результатов предыдущих вызовов factorialMemoized. Если результат уже вычислен для конкретного n, мы возвращаем его из memo, иначе вычисляем и сохраняем в memo.

Таким образом, оптимизированная версия factorialMemoized более эффективна при вычислении факториала для больших чисел, так как избегает переполнения стека вызовов, и вычисляет результаты только один раз для каждого n.

#полезное

JavaScript заметки

31 Oct, 16:05


Программирование будущего: беспилотный автомобиль, управляемый JavaScript и ИИ

Пытаетесь разгадать магию беспилотных автомобилей? Присоединяйтесь к программистам, увлекающимся автоматизированными транспортными средствами. Они помогут написать код, превращающий автомобиль в самоуправляемое чудо техники.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

31 Oct, 06:05


Сортировка массивов объектов

В примере мы создаем массив объектов products, содержащий информацию о различных продуктах. Затем мы используем метод sort() для сортировки этого массива по полю price в порядке возрастания, используя функцию sortByPriceAscending в качестве функции сравнения. Вы можете создать аналогичные функции для сортировки в порядке убывания или для сортировки по другим полям объектов.

#полезное

JavaScript заметки

30 Oct, 16:05


Типы данных JavaScript

Хотите иметь четкое представление о типах данных JavaScript? Вы на правильном пути! Понимание типов данных обеспечит сбор данных в предпочтительном формате, а значение каждого свойства будет соответствовать вашим ожиданиям.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

30 Oct, 06:05


Использование JavaScript Proxies для реализации наблюдаемых объектов

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

#полезное

JavaScript заметки

29 Oct, 16:05


Обработка событий в JavaScript: всплытие, перехват, делегирование и распространение событий

JavaScript поможет сделать веб-приложение интерактивным и отзывчивым. Важно только освоить методы обработки событий, которые заставляют приложения адекватно реагировать на действия пользователей и предотвращают неожиданное поведение.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

29 Oct, 06:05


Использование JavaScript Service Workers для создания оффлайн-приложений

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

#полезное

JavaScript заметки

28 Oct, 16:05


Переход с Vue-CLI на Vite: ускоряем разработку Vue 3

Vue.js - один из самых популярных JavaScript-фреймворков, который используется для создания динамических пользовательских интерфейсов. С появлением Vue 3, разработчики получили еще больше возможностей для создания мощных и эффективных приложений. Одним из новых инструментов в арсенале Vue 3 является Vite - быстрый и легковесный бандлер, который значительно упрощает процесс разработки и ускоряет сборку проекта. В этой статье мы рассмотрим, как перейти от стандартного подхода с использованием Vue-CLI и Webpack к более продвинутому и эффективному методу работы с помощью Vite.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

28 Oct, 06:05


Использование JavaScript Intersection Observer API для отслеживания видимости элементов на странице

Intersection Observer API позволяет отслеживать, когда целевые элементы входят или выходят из видимой области окна браузера или другого элемента.

#полезное

JavaScript заметки

27 Oct, 16:05


Event Loop. Мифы и реальность

В этой статье попробуем разобраться, где же, все таки, истина. Если вам кажется, что в статье имеется ошибка, неточность или чего-то не хватает, оставляйте свои комментарии, и мы попробуем совместно найти ответы на все возникающие сомнения и вопросы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

26 Oct, 16:05


Программирование будущего: беспилотный автомобиль, управляемый JavaScript и ИИ

Пытаетесь разгадать магию беспилотных автомобилей? Присоединяйтесь к программистам, увлекающимся автоматизированными транспортными средствами. Они помогут написать код, превращающий автомобиль в самоуправляемое чудо техники.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

26 Oct, 06:05


Использование JavaScript Proxies для реализации наблюдаемых объектов

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

#полезное

JavaScript заметки

25 Oct, 16:05


Что такое react-afc

react-afc - библиотека для более простого (чем в простом react) уменьшения количества ненужных ререндеров дочерних компонентов.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

25 Oct, 06:05


Использование JavaScript Proxy для валидации объектов

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

#полезное

JavaScript заметки

24 Oct, 16:05


Вопросы и ответы для собеседования на позицию frontend-разработчик

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

24 Oct, 06:05


Использование JavaScript Async Iterators для работы с потоками данных

Async Iterators предоставляют удобный способ работы с асинхронными итерируемыми объектами.

#полезное

JavaScript заметки

23 Oct, 16:05


Почему typeof null === «object» в современном прочтении

Причина тому - обычный человеческий фактор, или, попросту, невинная ошибка в коде. Как эта ошибка могла случиться, попробуем разобраться в этой статьей.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

23 Oct, 06:05


Использование JavaScript Decorators для модификации поведения функций

Decorators позволяют модифицировать поведение методов или классов.

#полезное

JavaScript заметки

22 Oct, 16:05


Лучшие поисковые пакеты для JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

22 Oct, 06:05


Использование JavaScript Modules для организации кода

JavaScript Modules предоставляют механизм для организации кода, разделяя его на небольшие модули с явным экспортом и импортом.

#полезное

JavaScript заметки

21 Oct, 16:05


Решаем задачу: как сохранить нервные клетки пользователей с помощью валидации поля ввода

В этом году я много путешествовал, поэтому нередко заполнял формы с анкетами на разные визы — в них бывало по 30—40 полей. Когда что-то шло не так, часто сайты не давали никакой обратной связи. Иногда они сбрасывали всё, что я заполнял в течение часа, если одно из полей невалидно. 
Решить проблему могла бы валидация. Это критически важная часть разработки веб-приложений, которая соотносит данные с необходимым форматом и указывает на ошибки. Также она гарантирует безопасность дальнейшей обработки этих данных. 
В этой статье мы разберёмся, как настроить валидацию поля ввода.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

21 Oct, 06:05


Использование JavaScript Promises для асинхронного программирования

Promises предоставляют удобный способ обработки асинхронных операций и их результатов.

#полезное

JavaScript заметки

20 Oct, 16:05


Типы событий в React и TypeScript

При работе с React и TypeScript вы часто сталкиваетесь с ошибками...

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

20 Oct, 06:05


Использование JavaScript Web Workers для параллельных вычислений

Web Workers позволяют выполнять вычисления в отдельном потоке, не блокируя основной поток браузера.

#полезное

JavaScript заметки

19 Oct, 16:10


Фронтенд в картинках — просто, наглядно и понятно. Новые знания в компактном формате каждый день.

Присоединяйтесь: @FrontendPortal

JavaScript заметки

19 Oct, 16:05


Обработка событий в JavaScript: всплытие, перехват, делегирование и распространение событий

JavaScript поможет сделать веб-приложение интерактивным и отзывчивым. Важно только освоить методы обработки событий, которые заставляют приложения адекватно реагировать на действия пользователей и предотвращают неожиданное поведение.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

19 Oct, 06:05


Использование JavaScript Generators для ленивой загрузки данных

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

#полезное

JavaScript заметки

18 Oct, 16:05


Как реализовать простой контроль версий с помощью JavaScript, чтобы лучше разобраться в Git

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

18 Oct, 06:05


Использование JavaScript Proxy для реализации виртуальных свойств

Здесь Proxy используется для создания виртуального свойства fullName, которое автоматически обновляет значения firstName и lastName при установке.

#полезное

JavaScript заметки

17 Oct, 16:05


Oxlint — более быстрая альтернатива ESLint

Друзья, всем привет! Меня зовут Игорь Карелин, я frontend-разработчик в компании Домклик. Недавно стал общедоступен новый линтер Oxlint, основанный на языке программирования Rust, и многие эксперты высоко оценили его. Какие преимущества Oxlint предоставляет по сравнению со своим предшественником ESLint?

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

17 Oct, 06:05


Использование JavaScript localStorage для долгосрочного хранения данных на стороне клиента

localStorage подобен sessionStorage, но сохраняет данные на стороне клиента даже после закрытия вкладки или браузера.

#полезное

JavaScript заметки

16 Oct, 16:05


Hippotable — анализ данных прямо в браузере

Сегодня я расскажу про hippotable — удобный инструмент для анализа данных, который я сделал для себя и для людей.
Я люблю ковыряться в данных. Иногда станет интересно, в какой области больше всего городов, так аж кушать не могу, пока не выясню (как легко догадаться, в Московской, но потом в Свердловской). А на работе мне иногда удаётся совместить приятное с полезным: о нет, вижу ошибку в логах! Из каких браузеров она летит?

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

16 Oct, 06:05


Использование JavaScript Closures для создания приватных переменных

JavaScript Closures позволяют создавать приватные переменные, недоступные извне функции.

#полезное

JavaScript заметки

15 Oct, 16:05


Кодогенерация и парсинг TypeScript с помощью typescript

Одной из интересных возможностей пакета typescript является то, что он содержит API для генерации TypeScript-кода, а также парсер для работы с написанным на TypeScript кодом. Кодогенерация часто используется для автоматического создания типов для работы с http api (типизация тела запроса, ответа, query параметров и тд.). В npm есть модули, генерирующие сервисы для работы с api на основе openapi, graphQl схем и тому подобное, и обычно возможностей существующих модулей хватает для решения большей части задач.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

15 Oct, 06:05


Использование JavaScript Event Listeners для обработки событий

JavaScript Event Listeners позволяют отслеживать и реагировать на различные события, такие как клик, наведение, отправка формы и другие.

#полезное

JavaScript заметки

14 Oct, 16:05


Typescript ENUM — баланс использования

Меня зовут Михаил. В НЛМК нахожусь на должности Frontend-разработчика. Занимаюсь разработкой внутренних информационных систем на React + Typescript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

JavaScript заметки

14 Oct, 06:05


Использование JavaScript Fetch API для отправки данных на сервер

Fetch API также позволяет отправлять данные на сервер с использованием метода POST, что полезно для создания, обновления или удаления данных.

#полезное

JavaScript заметки

13 Oct, 16:05


Python без типов: таким он когда-то был

О типизации в Python сказано уже очень много. Если вам выпало сомнительное удовольствие поработать со мной, то вы, вероятно, в курсе, насколько скептически я отношусь к типизации в Python. Причины тому – сложность синтаксиса, mypy еле ползает, реализация языка в принципе переусложнена, а взаимодействовать с ним зачастую неудобно. Сегодня я не буду упирать на эти детали, а хочу пригласить вас в небольшое путешествие в прошлое и рассказать, каковы были мои первые впечатления от работы с Python. Почему? Потому что я думаю, что существует фундаментальный и глубокий конфликт между формообразующей философией Python и концепцией типизации. Причём, этот конфликт не нов.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью