JavaScript заметки

Использование классов для создания плеера видео Класс VideoPlayer может использоваться для создания проигрывателя видео на веб-странице. #классы

Создаем мини-игру с капельным эффектом и движущимися кружками В первой части было сделано базовое перемещение кружочков по странице. А в сегодняшнем уроке мы сделаем анимацию “взрыва” и поглощения кружочков. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

✅️ GitHub теперь в Telegram! Подписывайтесь: @GitHub

Работа с классами В этом примере мы создаем классы Animal и Dog. Dog наследует от Animal, и мы переопределяем метод makeSound для класса Dog, чтобы он вел себя по-разному. Это демонстрирует наследование и переопределение методов в классах JavaScript. #классы

Kysely.js типизированный sql builder Kysely.js – это библиотека, позволяющая писать типизированные SQL запросы. Библиотека делает работу с SQL в вашем проекте более безопасной, избавляя от таких ошибок как опечатки в названиях колонок или таблиц и неправильное использование SQL операторов в коде (код не скомпилируется). Ко всему прочему она делает работу с SQL более удобной, предоставляя при написании запросов автодополнения для таблиц, колонок, алиасов и других сущностей. Kysely имеет незначительный слой абстракции над SQL для того чтобы можно было пользоваться всей мощью SQL и при этом не изучать множество дополнительных сущностей. Библиотека поддерживает MySQL, PostgreSQL, SQLite, PlanetScale, D3, SurrealDB и другие. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование классов как функции конструкторов Здесь мы используем функцию конструктора Car для создания объекта. Мы добавляем метод getFullName к прототипу Car, чтобы он был доступен для всех экземпляров класса. #классы

Видеоредактор, работа с видео и зачем там Canvas Одной из задач, где мы в Ozon используем Canvas, является обработка видео. Для это у нас реализован минималистичный видеоредактор. Современные устройства и браузеры развиваются достаточно быстро, но все-равно этого бывает недостаточно для задач со сложными вычислениями. К таким задачам можно отнести обработку видео. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование геттеров и сеттеров В этом примере класс Person использует геттер и сеттер для получения и установки полного имени. #классы

Под капотом анимаций в React Native Это вторая и последняя статья из серии как работает React Native (RN) под капотом, на примере анимаций. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Задачи про PEG-парсеры В итоге я сделал игру программу CrateGram #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

RxJS: как операторы высшего порядка упрощают код В этой статье я покажу, что в HOO нет ничего мифического, и расскажу в каких случаях вам нужно использовать операторы высшего порядка. Сейчас вы подумаете, что это скучный лонгрид, но не торопитесь. Мы рассмотрим всего 4 оператора: switchMap, exhaustMap, concatMap, mergeMap. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

💻 Ты в IT? Или только планируешь войти? Мы создали YeaHub — место, где IT-специалисты учатся, развиваются и находят единомышленников. YeaHub объединяет 5 уникальных каналов для IT-специалистов: 🖥 YeaHub: Главные новости IT, обсуждения с экспертами и аналитика рынка. 👩‍💻 YeaHub Tech: Полезные гайды, статьи и материалы для развития ваших навыков. 🗓 YeaHub Events: Анонсы митапов, конференций, соревнований и вебинаров. 💵 YeaHub Job: Свежие вакансии, стажировки и лучшие карьерные советы. 🖥 YeaHub Frontend: Теория, задачи, тесты и вопросы для подготовки к собеседованиям. А также у нас есть собственная платформа для подготовки к собеседованиям! 🔹 500+ вопросов по фронтенд-разработке 🔹 Удобные тренажеры для отработки навыков 🔹 Система фильтров по технологиям и уровню сложности 🔹 Персональная статистика прогресса и история подготовки YeaHub объединяет IT-специалистов

🤔Проектирование распределённых систем и управление масштабируемостью Приглашаем на открытый урок, где вы изучите основы проектирования распределённых систем, включая методы обеспечения масштабируемости, отказоустойчивости и работы с высокими нагрузками. Мы обсудим, как решать проблемы, связанные с согласованностью данных и сетевой латентностью, и рассмотрим подходы к выбору компромиссов между доступностью и производительностью.  Результат: вы узнаете, как проектировать распределённые системы, способные эффективно обрабатывать большие объёмы данных. Научитесь применять принципы масштабируемости и управлять компромиссами при проектировании, что поможет разрабатывать устойчивые и высокопроизводительные решения. 👉 Регистрация и подробности о курсе System Design https://otus.pw/VMKL/?erid=LjN8KNUxs #реклама О рекламодателе

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

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

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