Server-side rendering и практики работы с запросами
Практики работы с запросами на сервере значительно отличаются от того, к чему привык фронтенд-разработчик, ежедневно разрабатывающий SPA-приложения с клиентским рендерингом. Если не учесть эту разницу при разработке приложения с серверным рендерингом, то можно собрать довольно много граблей. Хочу поделиться опытом и рассказать про три практики, которые использую повседневно, а также о проблемах, предшествующих их появлению. Я буду ссылаться на web-performance и рассчитываю что вы уже знакомы с такими метриками как TTFB, LCP и FCP.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Практики работы с запросами на сервере значительно отличаются от того, к чему привык фронтенд-разработчик, ежедневно разрабатывающий SPA-приложения с клиентским рендерингом. Если не учесть эту разницу при разработке приложения с серверным рендерингом, то можно собрать довольно много граблей. Хочу поделиться опытом и рассказать про три практики, которые использую повседневно, а также о проблемах, предшествующих их появлению. Я буду ссылаться на web-performance и рассчитываю что вы уже знакомы с такими метриками как TTFB, LCP и FCP.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍1
Использование WebGL для создания 3D-графики в веб-приложениях
WebGL предоставляет API для создания интерактивной 3D-графики в веб-приложениях, и библиотека Three.js упрощает этот процесс.
#полезное
WebGL предоставляет API для создания интерактивной 3D-графики в веб-приложениях, и библиотека Three.js упрощает этот процесс.
#полезное
По заветам кота Вжуха: превращаем веб-приложение в сервис на платформе VK Mini Apps
VK Mini Apps — это платформа для создания мини-приложений, работающих внутри ВКонтакте. На ней можно создать продукт любого масштаба — от лендинга до сложного сервиса с множеством функций. А ещё вы можете портировать на площадку ваше веб-приложение, чтобы получить доступ к огромной аудитории VK Mini Apps и новым возможностям монетизации. В этой статье поделюсь пошаговой инструкцией, как превратить в сервис любое веб-приложение — на примере планировщика задач.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
VK Mini Apps — это платформа для создания мини-приложений, работающих внутри ВКонтакте. На ней можно создать продукт любого масштаба — от лендинга до сложного сервиса с множеством функций. А ещё вы можете портировать на площадку ваше веб-приложение, чтобы получить доступ к огромной аудитории VK Mini Apps и новым возможностям монетизации. В этой статье поделюсь пошаговой инструкцией, как превратить в сервис любое веб-приложение — на примере планировщика задач.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1
Работа с IndexedDB для хранения данных в браузере
IndexedDB предоставляет возможность хранить большие объемы структурированных данных в браузере.
#полезное
IndexedDB предоставляет возможность хранить большие объемы структурированных данных в браузере.
#полезное
План «Барбаросса» от Vue.js
После выхода крайней и достаточно революционной в плане добавления Composition API версии Vue 3.0 более чем три года назад, каких-либо серьезных изменений от команды Evan You в самом фреймворке больше не было. Только стандартные багфиксы, оптимизация и робкие попытки стать с TypeScript ближе. Основное внимание переключилось на экосистему - Vite, Nuxt, VitePress, Pinia и другие.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
После выхода крайней и достаточно революционной в плане добавления Composition API версии Vue 3.0 более чем три года назад, каких-либо серьезных изменений от команды Evan You в самом фреймворке больше не было. Только стандартные багфиксы, оптимизация и робкие попытки стать с TypeScript ближе. Основное внимание переключилось на экосистему - Vite, Nuxt, VitePress, Pinia и другие.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование Proxy для создания виртуальных объектов
Proxy позволяет перехватывать и изменять поведение операций с объектами.
#полезное
Proxy позволяет перехватывать и изменять поведение операций с объектами.
#полезное
🫡1
Как появились веб-пуши Apple в Тинькофф
Всем привет! Мы — архитектор разработки публичных веб-приложений Борис и разработчик системы-шлюза отправки нотификаций Данила. Расскажем о том, как создавались веб-пуши iOS в Тинькофф, как их настраивали и с какими проблемами столкнулись в процессе разработки.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Всем привет! Мы — архитектор разработки публичных веб-приложений Борис и разработчик системы-шлюза отправки нотификаций Данила. Расскажем о том, как создавались веб-пуши iOS в Тинькофф, как их настраивали и с какими проблемами столкнулись в процессе разработки.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1
Использование Fetch API для загрузки и отображения данных в формате JSON
Fetch API предоставляет простой интерфейс для выполнения HTTP-запросов, и в данном примере, он используется для загрузки данных в формате JSON.
#полезное
Fetch API предоставляет простой интерфейс для выполнения HTTP-запросов, и в данном примере, он используется для загрузки данных в формате JSON.
#полезное
❤1
Talkvio — не капибара и не старый пикабу. Модуль серверной индексации для поисковиков для Nginx. Альтернатива Next.js
Читая такие статьи как про Капибару, мне хочется упомянуть один свой старый/новый проект, в изначальном виде я затеял как проект реставрации старого форума сети Минска (uruchie.org) из далеких 2006-2012 годов, который хранился у меня в замороженном виде последние 10 лет. Не так давно я решил его расконсервировать и заняться реставрацией в свободное время, того, фактически, что осталось еще со времен локальных сетей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Читая такие статьи как про Капибару, мне хочется упомянуть один свой старый/новый проект, в изначальном виде я затеял как проект реставрации старого форума сети Минска (uruchie.org) из далеких 2006-2012 годов, который хранился у меня в замороженном виде последние 10 лет. Не так давно я решил его расконсервировать и заняться реставрацией в свободное время, того, фактически, что осталось еще со времен локальных сетей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Работа с Resize Observer для отслеживания изменений размеров элементов
Resize Observer позволяет отслеживать изменения размеров элементов и реагировать на них в коде.
#полезное
Resize Observer позволяет отслеживать изменения размеров элементов и реагировать на них в коде.
#полезное
Динамическое создание компонентов Angular на лету
В этой статье мы поговорим о создании компонентов динамически, шаг за шагом пройдем этот путь. Помимо простого создания компонентов, мы поговорим о более продвинутых вещах, которые можно сделать в рамках этого процесса.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этой статье мы поговорим о создании компонентов динамически, шаг за шагом пройдем этот путь. Помимо простого создания компонентов, мы поговорим о более продвинутых вещах, которые можно сделать в рамках этого процесса.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Айтишники, это вам — в телеграм есть комьюнити по каждому направлению в IT
Там есть буквально всё: чаты для общения, тонны материала(книги, курсы, ресурсы и гайды), свежие новости и конечно же мемы
Выбирайте своё направление:
💩 Frontend 🐍 Python
🐧 Linux 👩💻 С/С++
👩💻 C# 🤔 Хакинг & ИБ
📱 GitHub 🖥 SQL
👩💻 Сисадмин 🤟 DevOps
⚙️ Backend 🖥 Data Science
🧑💻 Java 🐞 Тестирование
🖥 PM / PdM 👩💻 GameDev
🧑💻 Golang 🤵♂️ IT-Митапы
🧑💻 PHP 💻 WebDev
🖥 Моб. Dev 🖥 Анали.(SA&BA)
👩💻 Дизайн 🖥 Нейросети
💛 1C 🤓 Книги IT
➡️ Сохраняйте в закладки
Там есть буквально всё: чаты для общения, тонны материала(книги, курсы, ресурсы и гайды), свежие новости и конечно же мемы
Выбирайте своё направление:
Please open Telegram to view this post
VIEW IN TELEGRAM
Использование WebSockets для двусторонней коммуникации между клиентом и сервером
WebSockets обеспечивают постоянное соединение между клиентом и сервером, что позволяет им обмениваться данными в режиме реального времени.
#полезное
WebSockets обеспечивают постоянное соединение между клиентом и сервером, что позволяет им обмениваться данными в режиме реального времени.
#полезное
На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает разобраться во фронтенде
С 15 ноября стартует обучение с практикой на JavaScirpt и Next.js
Всего сделаете два проекта:
Объясняет так, чтобы понял даже человек, у которого нет опыта в программировании
Если вы новичок
сделаете первый проект и посмотрите, ваше это или нет
корткий маршрут: план «Что учить во фронтенде» и в каком порядке
какие проекты положить в портфолио
Если у вас есть опыт
узнаете, какие проекты в портфолио повышают шансы на удачный собес
тест знаний и навыков
способы поиска заказов на фрилансе без бирж с конкуренцией
Подписывайтесь, чтобы участвовать, осталось 24 места
Учиться самостоятельно по ютубу, книжкам, сололёрнам можно бесконечно, если не знать, что нужно, а что нет
На интенсиве сократите время на поиск информации и получите готовый маршрут и первый результат от разработчика, который нанимает новичков в команду
Please open Telegram to view this post
VIEW IN TELEGRAM