JavaScript заметки
8.63K subscribers
2.71K photos
4 videos
1.25K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Работа с WebRTC для создания видеочата в браузере

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

#полезное
1👍1
Server-side rendering и практики работы с запросами

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍1
Использование WebGL для создания 3D-графики в веб-приложениях

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

#полезное
👍2🔥1
По заветам кота Вжуха: превращаем веб-приложение в сервис на платформе VK Mini Apps

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍1
Работа с IndexedDB для хранения данных в браузере

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

#полезное
👍2
Вам нравится читать контент на этом канале?

Возможно, вы задумывались о том, чтобы купить на нем интеграцию?

Следуйте 3 простым шагам, чтобы сделать это:

1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию

Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.
План «Барбаросса» от Vue.js

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍2
Использование Proxy для создания виртуальных объектов

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

#полезное
👍2
Как появились веб-пуши Apple в Тинькофф

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Использование Fetch API для загрузки и отображения данных в формате JSON

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

#полезное
👍4
Talkvio — не капибара и не старый пикабу. Модуль серверной индексации для поисковиков для Nginx. Альтернатива Next.js

Читая такие статьи как про Капибару, мне хочется упомянуть один свой старый/новый проект, в изначальном виде я затеял как проект реставрации старого форума сети Минска (uruchie.org) из далеких 2006-2012 годов, который хранился у меня в замороженном виде последние 10 лет. Не так давно я решил его расконсервировать и заняться реставрацией в свободное время, того, фактически, что осталось еще со времен локальных сетей. 

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Работа с Resize Observer для отслеживания изменений размеров элементов

Resize Observer позволяет отслеживать изменения размеров элементов и реагировать на них в коде.

#полезное
👍1
Динамическое создание компонентов Angular на лету

В этой статье мы поговорим о создании компонентов динамически, шаг за шагом пройдем этот путь. Помимо простого создания компонентов, мы поговорим о более продвинутых вещах, которые можно сделать в рамках этого процесса.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Использование WebSockets для двусторонней коммуникации между клиентом и сервером

WebSockets обеспечивают постоянное соединение между клиентом и сервером, что позволяет им обмениваться данными в режиме реального времени.

#полезное
👍3
Многооконное веб приложение — решение для перегруженных интерфейсов

В данной статье будет рассмотрено возможное решение для разгрузки интерфейсов веб приложений – создание приложения с возможностью выноса части функционала в дополнительные окна, или же просто многооконное приложение.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
1
Использование async/await с Promise.all для параллельного выполнения асинхронных задач

Promise.all позволяет выполнить массив промисов параллельно и дождаться их завершения.

#полезное
👍3
Как мы отказались от styled-components в React Native приложениях

Styled-components является стандартом написания стилей для многих команд, которые разрабатывают приложения на React Native. Но мы не всегда задумываемся, зачем мы тащим это в продукт и какую выгоду получим. А что если от styled-components больше вреда, чем пользы? Я поделюсь нашим опытом в Профи и попробуем разобраться вместе.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Использование requestAnimationFrame для анимаций с высокой производительностью

requestAnimationFrame предоставляет механизм для создания анимаций с высокой производительностью, оптимизированных для кадров в секунду браузера.

#полезное
👍3
Билдер Vue 3 веб приложений

Vue 3 вебсайт билдер (npm пакет vue-webapp) позволяет создать каркас будущего веб приложения, с возможностью выбора бизнес-шаблона (портфолио, блог, магазин и .т.д.), макета сайта, дизайна и элементов функционала (API модуль, i18n, PWA, splash screen, auth модуль, темы и т.д.), для дальнейшей кастомизации и наполнения контентом.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍2
Работа с FileReader для чтения содержимого файлов на стороне клиента

FileReader позволяет веб-приложениям читать содержимое файлов на стороне клиента без необходимости отправлять их на сервер.

#полезное
👍1
Как frontend-разработчику получить оффер в Bigtech?

Ты уже давно в профессии, но до сих пор в компании, которая тебя не ценит. Зарплата не растёт, задачи скучные.

Хочешь сменить работу, но
технические собеседования всё сложнее, а на отклики на hh только отказы и тестовые?

При этом вокруг кто-то постоянно получает офферы в Яндекс или VK, Т-Банк. Хочется стабильности, интересных задач и наконец-то попасть в сильную команду...

Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Помогаю устроиться на хорошие позиции в Bigtech и сопровождаю на испытательном сроке.


На своем канале:
👉публикую видео с решением задач, которые прямо сейчас дают крупные компании на собеседованиях
👉даю примеры по прохождению собеседований
👉разбираю резюме и докручиваю резюме подписчиков
👉И просто создаю дружелюбное, комфортное сообщество, где коллеги всегда готовы подсказать и поддержать вас

🎁В закрепе тебя ждёт подборка из 60 задач, которые сейчас дают на собеседованиях Яндекс, Т-Банк и другие крупные IT игроки.


Подписывайся и получай максимум пользы, а нас уже больше 2000 🤓: https://t.me/+4AwJeyH2FIVmNmMy


Реклама, ИП Галактионов Тихон Витальевич, инн: 771618975809, erid: 2W5zFJDZuwN