JavaScript заметки
Відкрити в Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Показати більше7 369
Підписники
-624 години
-187 днів
-5630 днів
Архів дописів
7 368
Работа с JSON: сериализация и десериализация данных в JavaScript
Работа с JSON является неотъемлемой частью разработки веб-приложений на JavaScript. JSON представляет собой формат обмена данными, основанный на тексте, который легко читается и создаётся как человеком, так и компьютером.
Сериализация и десериализация данных в JSON являются ключевыми процессами при работе с данными в JavaScript. Сериализация - это процесс преобразования объекта или структуры данных в строку JSON, чтобы его можно было передать или сохранить. Десериализация, в свою очередь, выполняет обратную операцию - преобразует строку JSON обратно в объект или структуру данных.
В данном примере мы создаем объект
person, содержащий информацию о человеке. Затем мы используем метод JSON.stringify() для сериализации объекта в строку JSON. Результат выводится в консоль.
Затем мы используем метод JSON.parse() для десериализации строки JSON обратно в объект. Результат также выводится в консоль.
#полезное7 368
Подружим Sentry и Mattermost быстро и просто через адаптер
Когда я столкнулся с проблемой, я начал искать готовые решения или хотя бы туториалы по интеграции этих инструментов, но не нашел ничего и решил это исправить, написав гайд и возможно, сэкономив кому-то пару часов, а может и дней жизни. Код сервиса будет максимально простой, главная идея статьи - показать один из способов решения проблемы и направить в какую сторону копать, надеюсь кому-то пригодится.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Использование классов для создания карусели
Здесь класс
Carousel используется для создания простой карусели изображений.
#классы7 368
Создание мини игр и анимации в Online редакторе Collagen_2
Collagen позволяет создавать тестовую анимацию управляемую с клавиатуры, имеется редактор уровней который позволяет создавать слои, перемещать камеру вида а также управлять анимацией персонажа. Также вы его можете использовать для создания чатов в игровом формате или мини социальных игр в связке с node.js и sokcet.io
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Использование классов для моделирования геометрических фигур
Здесь класс
Shape представляет базовую геометрическую фигуру, а класс Circle наследует его и добавляет функциональность для работы с кругами.
#классы7 368
Event Loop в деталях
В данной статье поговорим о том, почему Event Loop вообще был создан, как с ним работать и почему про него спрашивают на собесах.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Ты IT-специалист, задумываешься о релокации, но боишься не найти работу?
На канале «Цифровые кочевники» 🧳 рассказываем, как путешествовать и работать, делимся полезными ссылками и опытом тех, кто уже релоцировался.
А ещё мониторим вакансии в разных странах, рассказываем о визах и помогаем с бытовыми вопросами.
Подписывайся! 👉@digitalnomadsdv 👈
7 368
Нравится верстать под мобилки?
#юмор
🫡 Накидайте реакций, если понравился формат
7 368
Использование классов для работы с мультимедиа
Класс
AudioPlayer может использоваться для управления воспроизведением аудиофайлов на веб-странице.
#классы7 368
Создание конвертера JSON в Typescript с помощью React, NodeJS и ChatGPT
Любой программист, часто работающий с API, может сэкономить массу времени, если использует ChatGPT для автоматизации преобразования JSON в интерфейсы Typescript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Использование классов для создания графических элементов
Здесь класс
Rectangle представляет графический элемент (прямоугольник) и может использоваться для рисования на холсте HTML5.
#классы7 368
Web Accessibility в рассказе «A11Y от 0 до NaN»
Данной статьёй я планирую рассказать про интересные случаи и про то, в каких ситуациях можно оказаться, постигая новые горизонты, но не собираюсь даже пытаться заменить справочники по aria-атрибутам и эталонным примерам доступных компонентов. Стандарт W3C полон полезной информации, которая сдержанно подаёт только нужное.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Использование классов для создания плеера видео
Класс
VideoPlayer может использоваться для создания проигрывателя видео на веб-странице.
#классы7 368
Создаем мини-игру с капельным эффектом и движущимися кружками
В первой части было сделано базовое перемещение кружочков по странице. А в сегодняшнем уроке мы сделаем анимацию “взрыва” и поглощения кружочков.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Использование классов для создания часов
Класс
Clock создает объект, который отображает текущее время и обновляет его каждую секунду.
#классы7 368
JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer
WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
7 368
Тупость во Фронтенде – долго искать шрифты с макетами
Ведь в интернете куча полезных ресурсов. Например, канал Сайтодел в телеграме.
Для создания лучшего портфолио сохраняй себе канал ⤵️
7 368
Использование классов для создания интерактивных элементов на веб-странице
Класс
InteractiveElement добавляет интерактивность к элементам на веб-странице, в данном случае, обрабатывая событие клика на кнопке.
#классы