Обзор Vue Composition API. Реальность оказалась сложнее
В этой статье рассматривается новый инструмент для приложений Vue.js — Composition API. С помощью Composition API мы можем создавать более компактные и гибкие приложения, при этом писать более понятный код.
Здесь вы найдёте подробные примеры кода и интересные рассуждения по интеграции нового API в проекты, а также познакомитесь со всеми преимуществами и возможностями: непрерывное и простое управление состояниями, возможность создавать гибкие и эффективные слои абстракции и не только. Подробнее:
https://tproger.ru/articles/obzor-vue-composition-api-realnost-okazalas-slozhnee/
#vue #compositionapi
В этой статье рассматривается новый инструмент для приложений Vue.js — Composition API. С помощью Composition API мы можем создавать более компактные и гибкие приложения, при этом писать более понятный код.
Здесь вы найдёте подробные примеры кода и интересные рассуждения по интеграции нового API в проекты, а также познакомитесь со всеми преимуществами и возможностями: непрерывное и простое управление состояниями, возможность создавать гибкие и эффективные слои абстракции и не только. Подробнее:
https://tproger.ru/articles/obzor-vue-composition-api-realnost-okazalas-slozhnee/
#vue #compositionapi
🥱10👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Как отследить событие закрытия браузера и вкладки с помощью JavaScript
Отслеживание закрытия браузера или вкладки даёт возможность более точно отслеживать активность пользователя и лучше понимать что именно не нравится пользователям сайта. В этой статье описано, как с помощью JavaScript, а именно с помощью обработчиков событий для объектов window и document, можно успешно реализовать эту задачу:
https://nuancesprog.ru/p/16673/
#javascript
Отслеживание закрытия браузера или вкладки даёт возможность более точно отслеживать активность пользователя и лучше понимать что именно не нравится пользователям сайта. В этой статье описано, как с помощью JavaScript, а именно с помощью обработчиков событий для объектов window и document, можно успешно реализовать эту задачу:
https://nuancesprog.ru/p/16673/
#javascript
👍9👎2
Решаем популярные задачи с асинхронным кодом на JavaScript: часть вторая
Первая часть ждёт вас здесь. А здесь собрали для вас ещё несколько интересных задач с асинхронным кодом! Переходите по ссылке и попробуйте решить их все:
https://tprg.ru/VqX5
#javascript #задачи
Первая часть ждёт вас здесь. А здесь собрали для вас ещё несколько интересных задач с асинхронным кодом! Переходите по ссылке и попробуйте решить их все:
https://tprg.ru/VqX5
#javascript #задачи
👍22🤣9❤🔥1
Как работают веб-приложения
В этом видео вы узнаете, как происходит обмен данными между веб-сервером и клиентом, а также о правилах доступа к ресурсам. Также вы рассмотрите базовые понятия веб-программирования и принципы работы серверных языков.
Подробнее:
https://www.youtube.com/watch?v=g94j-ahVR78
#видео
В этом видео вы узнаете, как происходит обмен данными между веб-сервером и клиентом, а также о правилах доступа к ресурсам. Также вы рассмотрите базовые понятия веб-программирования и принципы работы серверных языков.
Подробнее:
https://www.youtube.com/watch?v=g94j-ahVR78
#видео
❤19👍4
Интервью с веб-разработчиком Pornhub
Неважно, как вы относитесь к порнографии, нельзя отрицать влияние сайтов для взрослых на развитие web-индустрии. Одним из самых популярных таких сайтов является pornhub.
Один из веб-разработчиков Порнхаба рассказал о работе над сайтом для взрослых, и это вылилось в познавательное интервью. В день всех влюблённых мы решили поделиться переводом этого интервью с вами:
https://tproger.ru/translations/pornhub-web-developer-interview/
#интервью
Неважно, как вы относитесь к порнографии, нельзя отрицать влияние сайтов для взрослых на развитие web-индустрии. Одним из самых популярных таких сайтов является pornhub.
Один из веб-разработчиков Порнхаба рассказал о работе над сайтом для взрослых, и это вылилось в познавательное интервью. В день всех влюблённых мы решили поделиться переводом этого интервью с вами:
https://tproger.ru/translations/pornhub-web-developer-interview/
#интервью
👍33👎19😁2😈2
React + TypeScript: необходимый минимум
Эта статья представляет собой минимальное введение по использованию TS в React. В ней вы узнаете, какие преимущества даёт такая связка и, в частности, TS. Также вы познакомитесь с основами TypeScript, его особенностями и большим количеством примеров кода.
Подробнее:
https://habr.com/ru/company/timeweb/blog/707744/
#typescript #react
Эта статья представляет собой минимальное введение по использованию TS в React. В ней вы узнаете, какие преимущества даёт такая связка и, в частности, TS. Также вы познакомитесь с основами TypeScript, его особенностями и большим количеством примеров кода.
Подробнее:
https://habr.com/ru/company/timeweb/blog/707744/
#typescript #react
👍11🤨3
Автор популярного JS-пакета сидит без денег
Денис Пушкарев, автор популярного JavaScript-пакета
Несмотря на то, что от этого пакета зависит работа множества крупных сервисов, он фактически не получал с этого никакого дохода. Зато получал множество недовольств за баги и недоработки.
Подробнее о ситуации и о том, что же делать ему и нам:
[https://tproger.ru/articles/avtor-populyarnogo-js-paketa-sidit-bez-deneg/
#javascript
Денис Пушкарев, автор популярного JavaScript-пакета
core-js поделился своей ситуацией. Он рассказал, что не может получить достаточно денег от разработки open source-проектов.Несмотря на то, что от этого пакета зависит работа множества крупных сервисов, он фактически не получал с этого никакого дохода. Зато получал множество недовольств за баги и недоработки.
Подробнее о ситуации и о том, что же делать ему и нам:
[https://tproger.ru/articles/avtor-populyarnogo-js-paketa-sidit-bez-deneg/
#javascript
😢59👍7👎5❤1😐1
Свежий дайджест для питонистов уже у нас на сайте
Там вы узнаете, как написать веб-плеер с искусственным интеллектом, 5 неочевидных возможностей FastAPI, как написать чат-бота, используя webhook и многое другое.
Подробнее:
https://tproger.ru/articles/dajdzhest-python-3-pishem-ai-pleer-dlja-sajta-i-boremsja-s-lesnymi-pozharami/
#python
Там вы узнаете, как написать веб-плеер с искусственным интеллектом, 5 неочевидных возможностей FastAPI, как написать чат-бота, используя webhook и многое другое.
Подробнее:
https://tproger.ru/articles/dajdzhest-python-3-pishem-ai-pleer-dlja-sajta-i-boremsja-s-lesnymi-pozharami/
#python
🤣13👍3
Основы библиотеки cURL PHP
cURL — библиотека с открытым исходным кодом, используемая для отправки HTTP-запросов с различных языков программирования, включая C, PHP и другие. Она работает по множеству различных протоколов с синтаксисом URL. В данной статье рассмотрена работа библиотеки по протоколу HTTP/HTTPS:
https://tproger.ru/articles/osnovy-biblioteki-curl-php/
#php
cURL — библиотека с открытым исходным кодом, используемая для отправки HTTP-запросов с различных языков программирования, включая C, PHP и другие. Она работает по множеству различных протоколов с синтаксисом URL. В данной статье рассмотрена работа библиотеки по протоколу HTTP/HTTPS:
https://tproger.ru/articles/osnovy-biblioteki-curl-php/
#php
👍5
Почему вам стоит начать писать на TypeScript
TypeScript — то же самое, что и JavaScript, но переменные не могут менять типы. С момента разработки TypeScript активно развивался, сегодня это один из самых популярных языков программирования.
В этой небольшой статье автор делится собственным мнением о языке, а также рассказывает об основных особенностях и преимуществах TypeScript:
https://tproger.ru/articles/pochemu-vy-dolzhny-pisat-na-typescript-v-2023-godu/
#typescript #фронтенд
TypeScript — то же самое, что и JavaScript, но переменные не могут менять типы. С момента разработки TypeScript активно развивался, сегодня это один из самых популярных языков программирования.
В этой небольшой статье автор делится собственным мнением о языке, а также рассказывает об основных особенностях и преимуществах TypeScript:
https://tproger.ru/articles/pochemu-vy-dolzhny-pisat-na-typescript-v-2023-godu/
#typescript #фронтенд
👍15😐3❤1
Парсим сайты в обход защиты от парсинга
На некоторых сайтах работает защита от парсинга и работы ботов с ним. Но есть способы, которые позволяют обойти её и всё-таки добраться до содержимного веб-страниц.
В этой статье вы узнаете, как работает типичная защита от роботов, рассмотрите подходы к автоматическому парсингу сайтов с такой защитой, и разработаете своё решение для её обхода:
https://habr.com/ru/post/710982/
На некоторых сайтах работает защита от парсинга и работы ботов с ним. Но есть способы, которые позволяют обойти её и всё-таки добраться до содержимного веб-страниц.
В этой статье вы узнаете, как работает типичная защита от роботов, рассмотрите подходы к автоматическому парсингу сайтов с такой защитой, и разработаете своё решение для её обхода:
https://habr.com/ru/post/710982/
🍾7
У нас для вас отличные новости! Наш сайт обновился и теперь может уведомлять по почте и в Telegram о новых материалах, которые интересны именно вам
Для этого вам нужно:
1. Авторизоваться на сайте tproger.ru
2. Зайти в свой профиль и подписаться на интересные вам теги в разделе «Подписки». Например, библиотеки, инструменты и другие
3. В разделе уведомлений выбрать, как именно вы хотите получать уведомления
4. Всё! Вы великолепны и теперь всегда будете первым узнавать о свежих материалах
Для этого вам нужно:
1. Авторизоваться на сайте tproger.ru
2. Зайти в свой профиль и подписаться на интересные вам теги в разделе «Подписки». Например, библиотеки, инструменты и другие
3. В разделе уведомлений выбрать, как именно вы хотите получать уведомления
4. Всё! Вы великолепны и теперь всегда будете первым узнавать о свежих материалах
🥱16👍7💩3❤2
Как перебрать бэкенд, чтобы для 20 миллионов юзеров всё прошло гладко
Если у вас крупный проект, которым пользуются миллионы людей, то любой сбой или ограничение в работе сервиса может стать критичным. Особенно неприятно нарушить работоспособность, когда происходят важные внутренние обновления, направленные на улучшение сервиса.
В этой статье вы узнаете, как на платформе Дзен за два года полностью переписали инфраструктуру, при этом ни пользователи, ни авторы контента не почувствовали никаких негативных последствий перехода:
https://tprg.ru/tqeb
#бэкенд
Если у вас крупный проект, которым пользуются миллионы людей, то любой сбой или ограничение в работе сервиса может стать критичным. Особенно неприятно нарушить работоспособность, когда происходят важные внутренние обновления, направленные на улучшение сервиса.
В этой статье вы узнаете, как на платформе Дзен за два года полностью переписали инфраструктуру, при этом ни пользователи, ни авторы контента не почувствовали никаких негативных последствий перехода:
https://tprg.ru/tqeb
#бэкенд
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Создание отзывчивого мобильного меню с помощью CSS без JavaScript
В этой статье вы узнаете, как создать отзывчивое мобильное меню с помощью CSS, без использования JavaScript. Автор пошагово показывает, как создать и стилизовать гамбургер-меню, анимировать его и сделать его доступным для пользователей с ограниченными возможностями:
https://blog.logrocket.com/create-responsive-mobile-menu-with-css-no-javascript/
#css #фронтенд
В этой статье вы узнаете, как создать отзывчивое мобильное меню с помощью CSS, без использования JavaScript. Автор пошагово показывает, как создать и стилизовать гамбургер-меню, анимировать его и сделать его доступным для пользователей с ограниченными возможностями:
https://blog.logrocket.com/create-responsive-mobile-menu-with-css-no-javascript/
#css #фронтенд
👍23🥴2😍2
Что должен уметь фронтенд-разработчик в 2023 году
У нас на сайте вышла статья, в которой автор предлагает дорожную карту для фронтенд-разработчиков на 2023 год. В ней содержится подробная информация о том, какие технологии и навыки будут востребованы в ближайшие годы, и какие тенденции будут доминировать в сфере фронтенд-разработки.
Подробнее:
https://tproger.ru/articles/chto-dolzhen-umet-frontend-razrabotchik-v-2023-godu-roadmap/
#фронтенд #roadmap
У нас на сайте вышла статья, в которой автор предлагает дорожную карту для фронтенд-разработчиков на 2023 год. В ней содержится подробная информация о том, какие технологии и навыки будут востребованы в ближайшие годы, и какие тенденции будут доминировать в сфере фронтенд-разработки.
Подробнее:
https://tproger.ru/articles/chto-dolzhen-umet-frontend-razrabotchik-v-2023-godu-roadmap/
#фронтенд #roadmap
👍4🤮3
Создание микрофронтенда со Svelte и Podium
Микрофронтенд позволяет нам создавать независимые части крупной архитектуры, что делает разработку удобнее и быстрее. В этой статье вы узнаете, как создавать отдельные микросервиы для фронтенда, используя Svelte, Rollup и Podium, а затем научитесь их компилировать в единое приложение:
https://blog.logrocket.com/building-svelte-micro-frontends-podium/
#микрофронтенд #svelte #фронтенд
Микрофронтенд позволяет нам создавать независимые части крупной архитектуры, что делает разработку удобнее и быстрее. В этой статье вы узнаете, как создавать отдельные микросервиы для фронтенда, используя Svelte, Rollup и Podium, а затем научитесь их компилировать в единое приложение:
https://blog.logrocket.com/building-svelte-micro-frontends-podium/
#микрофронтенд #svelte #фронтенд
❤9👍3👎3
Как подключить ChatGPT к рабочей почте с помощью Nodul
Если на вашем сайте предполагается оформление заказов или взаимодействие с клиентами, то сегодня можно автоматизировать даже общение с ними. Например, подключив ChatGPT или любую другую нейросеть.
А как именно интегрировать ChatGPT на сайт и научить работать с почтой, узнаете тут:
https://tproger.ru/articles/vam-pis-mo/
#chatgpt #nodul #бэкенд
Если на вашем сайте предполагается оформление заказов или взаимодействие с клиентами, то сегодня можно автоматизировать даже общение с ними. Например, подключив ChatGPT или любую другую нейросеть.
А как именно интегрировать ChatGPT на сайт и научить работать с почтой, узнаете тут:
https://tproger.ru/articles/vam-pis-mo/
#chatgpt #nodul #бэкенд
👍7
15 полезных расширений для VSCode, которые упростят разработку
VSCode позволяет очень гибко настроить его под ваши нужды, превращая его в, практически, IDE. В этой подборке собраны расширения, которые наверняка пригодятся веб-разработчикам:
https://tprg.ru/4SpV
#vscode
VSCode позволяет очень гибко настроить его под ваши нужды, превращая его в, практически, IDE. В этой подборке собраны расширения, которые наверняка пригодятся веб-разработчикам:
https://tprg.ru/4SpV
#vscode
👍14
Создание калькулятора только с чистым HTML и CSS
В статье подробно описывается процесс создания калькулятора, начиная от структуры HTML до стилей CSS, необходимых для его работы. Этот проект может быть интересен как начинающим, так и опытным веб-разработчикам, которые хотят улучшить свои навыки в создании веб-страниц без использования JavaScript.
https://blog.scottlogic.com/2022/01/20/noJS-making-a-calculator-in-pure-css-html.html
#html #css
В статье подробно описывается процесс создания калькулятора, начиная от структуры HTML до стилей CSS, необходимых для его работы. Этот проект может быть интересен как начинающим, так и опытным веб-разработчикам, которые хотят улучшить свои навыки в создании веб-страниц без использования JavaScript.
https://blog.scottlogic.com/2022/01/20/noJS-making-a-calculator-in-pure-css-html.html
#html #css
🌚7🤣2🤨1