Как создать многопользовательский чат с помощью WebSocket за 10 минут

WebSocket — мощный инструмент в руках веб-разработчика. С помощью него можно всего за 10 минут создать многопользовательский чат. Если ещё не работали с этой технологией, то обязательно читайте статью.

Здесь вы узнаете об основах работы с WebSocket, механизмах работы с соединениями и событиями, а также о том, как подключиться к базе данных и создать приложений на её основе:

https://nuancesprog.ru/p/16849/

#websocket

​Обзор Vue Composition API. Реальность оказалась сложнее

В этой статье рассматривается новый инструмент для приложений Vue.js — Composition API. С помощью Composition API мы можем создавать более компактные и гибкие приложения, при этом писать более понятный код.

Здесь вы найдёте подробные примеры кода и интересные рассуждения по интеграции нового API в проекты, а также познакомитесь со всеми преимуществами и возможностями: непрерывное и простое управление состояниями, возможность создавать гибкие и эффективные слои абстракции и не только. Подробнее:

https://tproger.ru/articles/obzor-vue-composition-api-realnost-okazalas-slozhnee/

#vue #compositionapi

Как отследить событие закрытия браузера и вкладки с помощью JavaScript

Отслеживание закрытия браузера или вкладки даёт возможность более точно отслеживать активность пользователя и лучше понимать что именно не нравится пользователям сайта. В этой статье описано, как с помощью JavaScript, а именно с помощью обработчиков событий для объектов window и document, можно успешно реализовать эту задачу:

https://nuancesprog.ru/p/16673/

#javascript

​Решаем популярные задачи с асинхронным кодом на JavaScript: часть вторая

Первая часть ждёт вас здесь. А здесь собрали для вас ещё несколько интересных задач с асинхронным кодом! Переходите по ссылке и попробуйте решить их все:

https://tprg.ru/VqX5

#javascript #задачи

​Как работают веб-приложения

В этом видео вы узнаете, как происходит обмен данными между веб-сервером и клиентом, а также о правилах доступа к ресурсам. Также вы рассмотрите базовые понятия веб-программирования и принципы работы серверных языков.

Подробнее:

https://www.youtube.com/watch?v=g94j-ahVR78

#видео

​Интервью с веб-разработчиком Pornhub

Неважно, как вы относитесь к порнографии, нельзя отрицать влияние сайтов для взрослых на развитие web-индустрии. Одним из самых популярных таких сайтов является pornhub.

Один из веб-разработчиков Порнхаба рассказал о работе над сайтом для взрослых, и это вылилось в познавательное интервью. В день всех влюблённых мы решили поделиться переводом этого интервью с вами:

https://tproger.ru/translations/pornhub-web-developer-interview/

#интервью

​React + TypeScript: необходимый минимум

Эта статья представляет собой минимальное введение по использованию TS в React. В ней вы узнаете, какие преимущества даёт такая связка и, в частности, TS. Также вы познакомитесь с основами TypeScript, его особенностями и большим количеством примеров кода.

Подробнее:

https://habr.com/ru/company/timeweb/blog/707744/

#typescript #react

А теперь спокойной ночи

​Автор популярного JS-пакета сидит без денег

Денис Пушкарев, автор популярного JavaScript-пакета core-js поделился своей ситуацией. Он рассказал, что не может получить достаточно денег от разработки open source-проектов.

Несмотря на то, что от этого пакета зависит работа множества крупных сервисов, он фактически не получал с этого никакого дохода. Зато получал множество недовольств за баги и недоработки.

Подробнее о ситуации и о том, что же делать ему и нам:

[https://tproger.ru/articles/avtor-populyarnogo-js-paketa-sidit-bez-deneg/

#javascript

​Свежий дайджест для питонистов уже у нас на сайте

Там вы узнаете, как написать веб-плеер с искусственным интеллектом, 5 неочевидных возможностей FastAPI, как написать чат-бота, используя webhook и многое другое.

Подробнее:

https://tproger.ru/articles/dajdzhest-python-3-pishem-ai-pleer-dlja-sajta-i-boremsja-s-lesnymi-pozharami/

#python

​Основы библиотеки cURL PHP

cURL — библиотека с открытым исходным кодом, используемая для отправки HTTP-запросов с различных языков программирования, включая C, PHP и другие. Она работает по множеству различных протоколов с синтаксисом URL. В данной статье рассмотрена работа библиотеки по протоколу HTTP/HTTPS:

https://tproger.ru/articles/osnovy-biblioteki-curl-php/

#php

​Почему вам стоит начать писать на TypeScript

TypeScript — то же самое, что и JavaScript, но переменные не могут менять типы. С момента разработки TypeScript активно развивался, сегодня это один из самых популярных языков программирования.

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

https://tproger.ru/articles/pochemu-vy-dolzhny-pisat-na-typescript-v-2023-godu/

#typescript #фронтенд

​Парсим сайты в обход защиты от парсинга

На некоторых сайтах работает защита от парсинга и работы ботов с ним. Но есть способы, которые позволяют обойти её и всё-таки добраться до содержимного веб-страниц.

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

https://habr.com/ru/post/710982/

​У нас для вас отличные новости! Наш сайт обновился и теперь может уведомлять по почте и в Telegram о новых материалах, которые интересны именно вам

Для этого вам нужно:

1. Авторизоваться на сайте tproger.ru
2. Зайти в свой профиль и подписаться на интересные вам теги в разделе «Подписки». Например, библиотеки, инструменты и другие
3. В разделе уведомлений выбрать, как именно вы хотите получать уведомления
4. Всё! Вы великолепны и теперь всегда будете первым узнавать о свежих материалах

​Как перебрать бэкенд, чтобы для 20 миллионов юзеров всё прошло гладко

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

В этой статье вы узнаете, как на платформе Дзен за два года полностью переписали инфраструктуру, при этом ни пользователи, ни авторы контента не почувствовали никаких негативных последствий перехода:

https://tprg.ru/tqeb

#бэкенд

Создание отзывчивого мобильного меню с помощью CSS без JavaScript

В этой статье вы узнаете, как создать отзывчивое мобильное меню с помощью CSS, без использования JavaScript. Автор пошагово показывает, как создать и стилизовать гамбургер-меню, анимировать его и сделать его доступным для пользователей с ограниченными возможностями:

https://blog.logrocket.com/create-responsive-mobile-menu-with-css-no-javascript/

#css #фронтенд

​Что должен уметь фронтенд-разработчик в 2023 году

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

Подробнее:

https://tproger.ru/articles/chto-dolzhen-umet-frontend-razrabotchik-v-2023-godu-roadmap/

#фронтенд #roadmap

​Создание микрофронтенда со Svelte и Podium

Микрофронтенд позволяет нам создавать независимые части крупной архитектуры, что делает разработку удобнее и быстрее. В этой статье вы узнаете, как создавать отдельные микросервиы для фронтенда, используя Svelte, Rollup и Podium, а затем научитесь их компилировать в единое приложение:

https://blog.logrocket.com/building-svelte-micro-frontends-podium/

#микрофронтенд #svelte #фронтенд

​Как подключить ChatGPT к рабочей почте с помощью Nodul

Если на вашем сайте предполагается оформление заказов или взаимодействие с клиентами, то сегодня можно автоматизировать даже общение с ними. Например, подключив ChatGPT или любую другую нейросеть.

А как именно интегрировать ChatGPT на сайт и научить работать с почтой, узнаете тут:

https://tproger.ru/articles/vam-pis-mo/

#chatgpt #nodul #бэкенд

​15 полезных расширений для VSCode, которые упростят разработку

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

https://tprg.ru/4SpV

#vscode