JavaScript заметки

Talkvio — не капибара и не старый пикабу. Модуль серверной индексации для поисковиков для Nginx. Альтернатива Next.js Читая такие статьи как про Капибару, мне хочется упомянуть один свой старый/новый проект, в изначальном виде я затеял как проект реставрации старого форума сети Минска (uruchie.org) из далеких 2006-2012 годов, который хранился у меня в замороженном виде последние 10 лет. Не так давно я решил его расконсервировать и заняться реставрацией в свободное время, того, фактически, что осталось еще со времен локальных сетей.  #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Как появились веб-пуши Apple в Тинькофф Всем привет! Мы — архитектор разработки публичных веб-приложений Борис и разработчик системы-шлюза отправки нотификаций Данила. Расскажем о том, как создавались веб-пуши iOS в Тинькофф, как их настраивали и с какими проблемами столкнулись в процессе разработки. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

​​🎄Год не станет новым, если всё оставить по-старому. Получите актуальные навыки в Skillbox — присоединяйтесь к прямому эфиру 11 декабря в 19:00 по московскому времени и узнайте, как начать работать в сфере IT на фрилансе без опыта и знаний кода. Регистрация: 👉🏻 https://epic.st/aCu-KN Вы научитесь: — программировать без кода — узнаете, чем ноукод-программирование отличается от классического; — работать с основными ноукод-инструментами для создания сайтов и мобильных приложений — с Bubble и FlutterFlow; — ориентироваться в рынке труда ноукод-разработки, находить вакансии и понимать возможные способы заработка; — создавать реальные веб-приложения. 👉🏻Спикер: — Вадим Захаров — старший разработчик и сооснователь студии ноукод-разработки 0codeapp. 🎁Вас ждут подарки: каждому участнику дарим сертификат на скидку 10 000 рублей на любой курс, а также подборку полезных материалов. Всем, кто досмотрит эфир до конца, — электронную книгу издательства МИФ «Разум под контролем». Присоединяйтесь! Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

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

«Hello world!» или путь к становлению специалистом. База JavaScript Я обычный студент, которого сегодня выгнали со стажировки на направлении фронтенд. Всю свою старшую школу я хотел стать программистом и много кодить, создавать что-то свое, все предметы и экзамены мне приходилось терпеть, ведь без них я не мог достичь своей мечты. Сейчас в учебе у меня не все так гладко, хотя я и учусь в одном из ведущих вузах страны на техническом направлении - то, о чем я всегда мечтал. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Благодаря этому каналу JavaScript будет тебя бояться! Хватит думать, что JS сложный. Это всего лишь коробка с инструкциями для решения задач. В канале JS mentor эти инструкции описаны простым и понятным языком. Подпишись и прокачайся, уделяя всего 5 минут в день

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

План «Барбаросса» от Vue.js После выхода крайней и достаточно революционной в плане добавления Composition API версии Vue 3.0 более чем три года назад, каких-либо серьезных изменений от команды Evan You в самом фреймворке больше не было. Только стандартные багфиксы, оптимизация и робкие попытки стать с TypeScript ближе. Основное внимание переключилось на экосистему - Vite, Nuxt, VitePress, Pinia и другие. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

По заветам кота Вжуха: превращаем веб-приложение в сервис на платформе VK Mini Apps VK Mini Apps — это платформа для создания мини-приложений, работающих внутри ВКонтакте. На ней можно создать продукт любого масштаба — от лендинга до сложного сервиса с множеством функций. А ещё вы можете портировать на площадку ваше веб-приложение, чтобы получить доступ к огромной аудитории VK Mini Apps и новым возможностям монетизации. В этой статье поделюсь пошаговой инструкцией, как превратить в сервис любое веб-приложение — на примере планировщика задач. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Всегда мечтали научиться создавать практичные приложения и удобные сайты? Присоединяйтесь к бесплатному мини-курсу, где вы получите практические советы и узнаете инсайты от опытного программиста, а также создадите 3 классных проекта — сайт, приложение и сервис — и добавите их в портфолио. Регистрация и подробная программа — по ссылке: https://epic.st/IiZwwB Спикер мини-курса — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах. Автор 10 курсов по программированию и карьере программистов. Всех участников ждут подарки: — сертификат на скидку 10 000 рублей на любой курс; — доступ к изучению английского языка на год; — персональная карьерная консультация. Начните новый год с новой профессией! Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

Использование WebGL для создания 3D-графики в веб-приложениях WebGL предоставляет API для создания интерактивной 3D-графики в веб-приложениях, и библиотека Three.js упрощает этот процесс. #полезное

Server-side rendering и практики работы с запросами Практики работы с запросами на сервере значительно отличаются от того, к чему привык фронтенд-разработчик, ежедневно разрабатывающий SPA-приложения с клиентским рендерингом. Если не учесть эту разницу при разработке приложения с серверным рендерингом, то можно собрать довольно много граблей. Хочу поделиться опытом и рассказать про три практики, которые использую повседневно, а также о проблемах, предшествующих их появлению. Я буду ссылаться на web-performance и рассчитываю что вы уже знакомы с такими метриками как TTFB, LCP и FCP. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Добавление WebAuthn в веб-приложение В этой статье мы научимся добавлять WebAuthn в веб‑приложения со стороны frontend‑разработчика. WebAuthn представляет собой новый метод аутентификации, который обеспечивает более высокий уровень безопасности, заменяя устаревшие пароли и SMS‑подтверждения на аутентификацию на основе публичных ключей. Это не только повышает защиту от несанкционированного доступа, но и упрощает вход для пользователей. Например VK и другие компании уже переходят на подобные технологии, отходя от обычных паролей. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с Intersection Observer для отслеживания видимости элементов Intersection Observer предоставляет эффективный способ отслеживания видимости элементов на веб-странице и реагирования на изменения этой видимости. #полезное

Поиск удобных мест для жизни в Москве на GitHub Pages с помощью DuckDB в браузере В прошлых статьях и на форумах я получил несколько дельных советов связанных с визуализацией результатов. От агрегированных данных теперь перейдем к детальной инфомации для каждого жилого здания. Продолжим анализировать географию столицы. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

​​HTML, CSS, JS, Node.JS, 🤯 - пора бы всё объединить! Все для изучения веба 👉 Логово фронтендера - самый большой канал для изучения фронта 👉 Логово верстальщика - все о верстке 👉 Логово Node.JS разраба - для тех кто хочет писать бэк на JS Собрано всё, проверяй🔥

Работа с объектом FormData для отправки данных формы Объект FormData упрощает сбор и отправку данных формы на сервер. #полезное