JavaScript заметки

Использование JavaScript Service Workers для кэширования ресурсов и улучшения производительности Service Workers используются для кэширования статических ресурсов, таких как HTML, CSS и JavaScript файлы, что позволяет улучшить производительность и доступность веб-приложения. #полезное

Создание мини игр и анимации в Online редакторе Collagen_2 Collagen позволяет создавать тестовую анимацию управляемую с клавиатуры, имеется редактор уровней который позволяет создавать слои, перемещать камеру вида а также управлять анимацией персонажа. Также вы его можете использовать для создания чатов в игровом формате или мини социальных игр в связке с node.js и sokcet.io #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Бесплатный практический вебинар для всех возрастов: Профессия «Frontend-разработчик». ⏰ Когда: уже 20 февраля в 19:00 по мск. Вы узнаете о типичных рабочих задачах программиста и напишете мини-игру, которая работает прямо в браузере. Под капотом немного HTML+CSS и базовые конструкции JS. Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular? 🎁 Всем, кто зарегистрировался — Карта компетенций начинающего Frontend-разработчика, а каждому участнику — Гайд «Как заговорить на сленге IT-специалистов».

Использование JavaScript Canvas API для рисования графики на веб-странице Canvas API предоставляет возможность рисовать графику на веб-странице с использованием JavaScript, что позволяет создавать различные визуальные эффекты и интер #полезное

Создание конвертера JSON в Typescript с помощью React, NodeJS и ChatGPT Любой программист, часто работающий с API, может сэкономить массу времени, если использует ChatGPT для автоматизации преобразования JSON в интерфейсы Typescript.  #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

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

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

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

Использование JavaScript SharedArrayBuffer для работы с разделяемой памятью между потоками SharedArrayBuffer позволяет нескольким потокам JavaScript обмениваться данными напрямую без использования сообщений. #полезное

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

Как получить реальный опыт во фронтенд-разработке за 7 дней? А именно: - Сверстать веб-сайт на HTML + CSS; - Реализовать функционал на JavaScript; - Пощупать фронтенд-фреймворк Angular; - Подключить Backend и загрузить сайт на хостинг. В итоге своими руками разработаешь качественный сайт, который не стыдно добавить в портфолио или продать. Такой опыт можно получить на бесплатном практикуме от Айтилогии с поддержкой от опытных разработчиков на каждом этапе. 👉 Приходи на бесплатное обучение и зови с собой друзей Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.

Использование JavaScript Proxy для реализации обработчиков событий Proxy может быть использован для создания оберток вокруг DOM-элементов, позволяя добавлять обработчики событий напрямую к элементам при установке свойств. #полезное

Дайте старт вашей карьере с нашим бесплатным курсом по JavaScript! 🎓 Курс включает 39 уроков, 46 упражнений и 129 тестов для закрепления знаний. Вы освоите создание программ с использованием основных конструкций языка, сможете составлять программы из нескольких модулей и научитесь анализировать ошибки в коде с помощью отладочной печати. 💡 Научитесь не только теории, но и применять знания на практике. Поддержка в «Обсуждениях» поможет вам разобраться с темами, которые вызывают трудности. Обучение с самого нуля, с акцентом на практику. Подходит для начинающих программистов! Добро пожаловать в мир JavaScript😉

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

Прошёл IT-курсы по Frontend, но не смог трудоустроиться❓ Я Андрей Шопинский — Frontend-разработчик из крупной Российской IT-компании. ⚠️ 16 февраля в 18:30 по МСК я проведу бесплатный эфир в своём Telegram-канале про Frontend-разработку. На трансляции будут раскрыты следующие темы: — Как Junior-разработчику найти свою первую работу; — Топ 5 причин: почему тебе отказывают в трудоустройстве; — Как не попасть в контору-галеру? 👉 Подписывайся на мой канал, чтобы не пропустить эфир! 👈 Реклама. ИНН 312834439322. erid: LjN8KJUcJ

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

Скрытие POI за зданиями C 2018 года карта на 2gis.ru рендерится при помощи WebGL API для рисования трехмерной графики. Сначала мы в команде веб-карт использовали эту технологию просто как очень быструю рисовалку двухмерных данных с небольшими исключениями в виде 3D-домов и моделей. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript WebRTC для реализации передачи потока данных в реальном времени WebRTC (Web Real-Time Communication) позволяет веб-приложениям передавать аудио, видео и данные в реальном времени без необходимости установки дополнительных плагинов или расширений. #полезное

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