Locomotive Scroll — лёгкий способ сделать скролл плавным
JavaScript-библиотека Locomotive Scroll позволяет без особого труда создать плавную прокрутку элементов на вашем сайте. С помощью неё можно как анимировать отдельные свойства элементов, так и применить обработчик onscroll.
Подробнее:
https://github.com/locomotivemtl/locomotive-scroll
#библиотека #javascript
JavaScript-библиотека Locomotive Scroll позволяет без особого труда создать плавную прокрутку элементов на вашем сайте. С помощью неё можно как анимировать отдельные свойства элементов, так и применить обработчик onscroll.
Подробнее:
https://github.com/locomotivemtl/locomotive-scroll
#библиотека #javascript
👍5
Создайте и разверните статический интернет-магазин с помощью Nuxt3, используя Pinia Store и Stripe Checkout в Firebase
Процесс создания интернет-магазина и развёртывания статически сгенерированных страниц в Firebase на самом деле достаточно прост, если вы используете Nuxt3.
Автор этой статьи поделился своей инструкцией по созданию такого сайта и вот, что у него получилось:
https://keith-mifsud.me/blog/build-and-deploy-nuxt3-static-site-with-pinia-and-stripe-checkout-on-firebase
#nuxt
Процесс создания интернет-магазина и развёртывания статически сгенерированных страниц в Firebase на самом деле достаточно прост, если вы используете Nuxt3.
Автор этой статьи поделился своей инструкцией по созданию такого сайта и вот, что у него получилось:
https://keith-mifsud.me/blog/build-and-deploy-nuxt3-static-site-with-pinia-and-stripe-checkout-on-firebase
#nuxt
🔥10
Логический border-radius
Скругление границ — один из наиболее важных элементов дизайна для создания удобного и привлекательного интерфейса, и при правильном применении он может сделать ваши проекты еще более красивыми и функциональными.
Если вы хотите узнать, как можно использовать логические свойства для создания красивых скругленных форм, то эта статья для вас:
https://css-irl.info/logical-border-radius/
#css
Скругление границ — один из наиболее важных элементов дизайна для создания удобного и привлекательного интерфейса, и при правильном применении он может сделать ваши проекты еще более красивыми и функциональными.
Если вы хотите узнать, как можно использовать логические свойства для создания красивых скругленных форм, то эта статья для вас:
https://css-irl.info/logical-border-radius/
#css
👍19👎1
Нестандартный подход в разработке: как React интегрировали с «Битрикс»
В этой статье вы узнаете, как разработчики из INDEXIS применили нестандартный подход в разработке — интеграцию React-приложения с «Битрикс». Здесь описывается процесс интеграции, а также представлены примеры рабочего кода и задачи, которые специалисты решили в ходе проекта:
https://tproger.ru/articles/nestandartnyj-podhod-v-razrabotke-kak-my-integrirovali-react-s-bitriks/
#фронтенд #react #bitrix
В этой статье вы узнаете, как разработчики из INDEXIS применили нестандартный подход в разработке — интеграцию React-приложения с «Битрикс». Здесь описывается процесс интеграции, а также представлены примеры рабочего кода и задачи, которые специалисты решили в ходе проекта:
https://tproger.ru/articles/nestandartnyj-podhod-v-razrabotke-kak-my-integrirovali-react-s-bitriks/
#фронтенд #react #bitrix
💩13👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Как создать многопользовательский чат с помощью WebSocket за 10 минут
WebSocket — мощный инструмент в руках веб-разработчика. С помощью него можно всего за 10 минут создать многопользовательский чат. Если ещё не работали с этой технологией, то обязательно читайте статью.
Здесь вы узнаете об основах работы с WebSocket, механизмах работы с соединениями и событиями, а также о том, как подключиться к базе данных и создать приложений на её основе:
https://nuancesprog.ru/p/16849/
#websocket
WebSocket — мощный инструмент в руках веб-разработчика. С помощью него можно всего за 10 минут создать многопользовательский чат. Если ещё не работали с этой технологией, то обязательно читайте статью.
Здесь вы узнаете об основах работы с WebSocket, механизмах работы с соединениями и событиями, а также о том, как подключиться к базе данных и создать приложений на её основе:
https://nuancesprog.ru/p/16849/
#websocket
👍26
Обзор 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