JavaScript заметки

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

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

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

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

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

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

Кулинарный гид по Vue.js: всё о props В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз.  #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

❗️  Надоели стандартные задачи в разработке? Хотите создавать действительно востребованные современные финтех-проекты?    ⚡️ Приглашаем 30 мая в 20:00 мск на бесплатный вебинар «Solidity разработка: особенности и преимущества языка Solidity»    Вебинар является бесплатной частью полноценного онлайн-курса «Solidity Developer» от Отус.    ➡️ Регистрация на вебинар: https://otus.pw/v63g/?erid=LjN8KatdD     На вебинаре мы разберем: 💪почему стоит изучить язык Solidity и что на нем писать; 💪 особенности и отличия от других языков; 💪 легкий переход для тех, кто знает основы JS и С++; 💪 сколько зарабатывает Solidity-разработчик.   Вебинар будет полезен разработчикам, фронтендерам, разрабатывающим web3-приложения и организаторам блокчейн-стартапов. Записывайтесь сейчас, а мы потом напомним. Участие бесплатно.

Увеличиваем свою производительность в WebStorm / PhpStorm c помощью шаблонов В этой статье я хотел бы рассказать вам, как можно сократить рутинную работу написания кода, используя шаблоны для создания файлов. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

✔️ CodeBase | Frontend - канал для начинающих веб-мастеров, которые хотят покорить FrontEnd! ➡️ У нас вы найдете: 🟢 крутые фишки для вёрстки 🟢 макеты проектов 🟢 полезные материалы и ресурсы 🟢 все о javascript, react 🟢 тонну годного материала 🔥 Заходи прямо сейчас, чтобы не потерять - CodeBase | Frontend!

Использование метода bind() для установки контекста функции Метод bind() используется для создания новой функции с определенным контекстом выполнения. #полезное

Как сгенерировать безопасный, типизированный Node.js API с использованием Prisma, TypeGraphQL и graphql-query-purifier Создание эффективного Node.js API, обеспечивающего безопасность данных и типобезопасность, может быть сложной задачей. Это руководство демонстрирует процесс с использованием Prisma, TypeGraphQL и graphql-query-purifier. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Бесплатный онлайн-марафон по вёрстке в HTML Academy с 24 по 29 мая. Будем проходить тренажеры — писать код и смотреть, как меняется страница сайта в реальном времени, решать испытания, общаться в чате и разбирать сложные моменты вместе с авторами курса. А еще разыграем место на курсе «HTML и CSS. Профессиональная вёрстка сайтов» среди активных участников марафона. Успейте бесплатно зарегистрироваться до начала старта! 👌В комплекте приятная музыка, тёмная тема и добрейшее сообщество неопытных верстальщиков. Узнать подробнее и записаться.

Интересные трюки HTML. Экстремальный минимализм Мы уже много говорили про оптимизацию сайтов до минимального размера, преимущества статичного HTML, а также упаковку сайта (и веб-сервера) в портативный формат одного исполняемого файла, который нативно исполняется под любой ОС. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Работа с REST API с использованием Fetch Fetch API используется для выполнения HTTP-запросов и обработки ответов. #полезное

Как стать востребованным разработчиком (Лекция без воды) Классика IT: учите и отрабатываете одно, а в вакансиях видите другое. По итогу злитесь и начинаете по-новой. А нужно получить набор знаний и навыков, которые востребованы в реальных проектах. К примеру, на старте вам не нужно знать все паттерны проектирования. Знаний ООП и принципов SOLID будет вполне достаточно. А стандартный pet-проект с простейшими crud-операциями в вашем CV далеко не то, что хотят видеть рекрутеры. Чтобы узнать, какие ключевые hard и soft skills качать в первую очередь, как искать лучшие вакансии в IT, сделать портфолио идеальным для работодателя и получить желанный оффер от 100 000 рублей, приходите на онлайн-эфир от «FAANG School». Мастер-класс проведет разработчик из BigTech-компании с многолетним опытом. Переходите, полезные подарки уже ждут: - Подробный гайд «Как найти работу в IT» - Пошаговый Roadmap по Java - Шпаргалка «Hotkey JetBrains IDE» - Шпаргалка по Rest API

Смерть third-party cookies. Что ждет нас в 2024? Похоже, что в череде всевозможных инициатив по борьбе со «сторонними» куками начал проглядываться конец. Давайте разберемся, что происходит и зачем все это нужно. Куки — браузерный механизм, который позволяет хранить данные по пользователю с привязкой к домену и затем передавать эти данные при запросах. Куку можно установить как со стороны сервера через специальный заголовок Set‑Cookie, так и в браузере прямо на странице через javascript. После этого кука будет передаваться при каждом запросе из браузера к домену. Куки позволяют воплощать в жизнь множество как полезных, так и сомнительных механик. Из неприятных — возможность отслеживания пользователя сторонними сайтами или увеличение риска CSRF. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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