Разработка • habr.com • 31 августа 2022 г. 8:17

Привет, друзья! В данной статье мы с вами разработаем HOC (Higher-Order Component — компонент высшего порядка) и хук (custom hook) для наблюдения за DOM-элементами на странице с помощью Intersection Observer API. Функционал нашего HOC будет похож на...... читать далее

Блог компании Timeweb Cloud JavaScript ReactJS Высокая производительность Разработка веб-сайтов javascript react.js reactjs react typescript ts lazyload lazy load lazy loading intersection observer intersection observer api ленивая загрузка отложенная загрузка

Разработка • habr.com • 31 августа 2022 г. 6:26

Я не принимал участия в разработке методологии БЭМ или популярных сегодня схем именования БЭМ-сущностей (БЭМ-сущностями называют блоки, элементы и модификаторы — «кирпичики» для построения внешнего вида HTML-страниц по методологии БЭМ). Но у мен...... читать далее

Веб-дизайн Программирование Разработка веб-сайтов бэм бэм-методология именование парсер синтаксис vscode

Разработка • habr.com • 30 августа 2022 г. 12:23

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

Блог компании Ozon Tech Разработка веб-сайтов JavaScript HTML Браузеры ozon ozon tech frontend frontend development javascript фронтенд медиаплеер video.js video player

Разработка • habr.com • 30 августа 2022 г. 8:00

Мы в Evrone часто сталкиваемся с легендой, что для задачи, которая встает перед программистами, есть какой-то волшебный, лучший инструмент. К примеру, если вы хотите сделать что-нибудь бэкендовое, вам обязательно нужен PHP. А если вы хотите создать к...... читать далее

Блог компании Evrone Разработка веб-сайтов Python Программирование IT-компании python python3 gil backend fullstack

Разработка • habr.com • 29 августа 2022 г. 9:05

Сталкивались ли вы с трудностями при отладке Python-кода? Если это так — то изучение того, как наладить логирование (журналирование, logging) в Python, способно помочь вам упростить задачи, решаемые при отладке.Если вы — новичок, то вы, наверняка, пр...... читать далее

Блог компании Wunder Fund Разработка веб-сайтов Python Программирование Python разработка

Разработка • habr.com • 26 августа 2022 г. 13:08

Изображение Vgeek15 Чем меньше веб-сайт, тем быстрее он грузится, и это неудивительно. Удивительно то, что страница на 14 КБ может грузиться гораздо быстрее, чем страница на 15 КБ, даже на 612 мс быстрее, хотя разница между страницами на 15 КБ и 16...... читать далее

Разработка веб-сайтов tcp ip latency задержка http https http/2 http/3

Разработка • habr.com • 26 августа 2022 г. 6:46

Привет, друзья! Представляю вашему вниманию перевод этой замечательной статьи, посвященной повторному рендерингу (re-render, далее — ререндеринг) в React. Что такое ререндеринг? Существует 2 основные стадии, которым следует уделять пристальное вниман...... читать далее

Блог компании Timeweb Cloud JavaScript ReactJS Высокая производительность Разработка веб-сайтов javascript react.js reactjs react rendering render rerender рендеринг повторный рендеринг ререндеринг

Разработка • habr.com • 23 августа 2022 г. 10:50

В методологии БЭМ, которую используют для создания сайтов, существует соглашение (схема) по именованию классов CSS (БЭМ-сущностей), которые привязывают к HTML-элементам HTML-дерева. Я рассматриваю классическую схему именования классов CSS по методоло...... читать далее

PowerShell Программирование Разработка веб-сайтов Регулярные выражения Веб-дизайн powershell бэм бэм-методология именование регулярные выражения яндекс html-парсер html-верстка валидатор

Разработка • habr.com • 22 августа 2022 г. 7:10

Привет, друзья! На днях мне на глаза попалась статья, посвященная разработке корзины товаров на React с помощью Redux Toolkit для управления состоянием приложения и Redux Persist для хранения состояния в localStorage. В этой заметке я покажу, как реа...... читать далее

Блог компании Timeweb Cloud JavaScript ReactJS Разработка веб-сайтов javascript react.js reactjs react redux redux toolkit zustand state management state manager управление состоянием стейт менеджер

Разработка • habr.com • 19 августа 2022 г. 7:01

Недавно британские ученые открыли, что на свете бывают непослушные разработчики, которые все делают наоборот. Им дают полезный совет: «Не подключай целую библиотеку ради одной функции», — они берут и подключают. Им говорят: «Будь внимателен на код-ре...... читать далее

Блог компании SimbirSoft Разработка веб-сайтов JavaScript Программирование Клиентская оптимизация web-разработка javascript frontend фронтенд оптимизация

Разработка • habr.com • 16 августа 2022 г. 11:21

При разборе кода HTML-страницы возникает вопрос: какие символы можно использовать в названиях классов CSS? Например, можно ли названия классов писать по-русски? Или китайскими иероглифами? Или с помощью эмодзи? В этой статье я разбираю этот вопрос со...... читать далее

CSS HTML Веб-дизайн Разработка веб-сайтов Браузеры html css синтаксис класс стандарт юникод

Разработка • habr.com • 12 августа 2022 г. 11:23

Недавно я обратил внимание на одно заблуждение, связанное с генераторами, а точнее — с тем, как они позволяют экономить память. Такое ощущение, что многие воспринимают генераторы как инструмент, который позволит им получить "большой прирост прои...... читать далее

PHP Программирование Разработка веб-сайтов Читальный зал php генераторы generators экономия памяти чистый код

Разработка • habr.com • 11 августа 2022 г. 9:54

Данная статья описывает баг и его решения в контексте ReactJS + Server-Side Rendering, но это также актуально для всех фреймворков большой тройки так и для чистого JS.При разработке сайта мы столкнулись с проблемой, что при использовании тега <img...... читать далее

ReactJS Safari Браузеры Программирование Разработка веб-сайтов safari bugs reactjs image picture srcset браузеры картинки изображения

Разработка • habr.com • 11 августа 2022 г. 6:30

Приложение Instagram и Facebook для iOS отображает все сторонние ссылки и рекламу в своем приложении с помощью собственного встроенного браузера. Это создает различные риски для пользователя, поскольку хост-приложение может отслеживать каждое взаимод...... читать далее

Разработка под iOS Информационная безопасность Facebook API Разработка мобильных приложений Браузеры iOS Privacy Meta Facebook Meta pixel отслеживание пользователей

Разработка • habr.com • 11 августа 2022 г. 6:00

В предыдущей статье мы поговорили о том, что такое graphQL, почему решили на него переходить, какие у него есть достоинства и недостатки. Но что делать дальше, если вы всё-таки решились внедрить graphQL в java-проект? Какие на данный момент есть фрей...... читать далее

Блог компании HeadHunter Разработка веб-сайтов Java сезон java graphql java backend

Разработка • habr.com • 10 августа 2022 г. 9:38

Иногда бывает необходимо развернуть не большое рест апи для своего сайта, сделанного по технологии СПА (Vue, React или др.) без использования каких-либо фреймворков, CMS или чего-то подобного, и при этом хочется воспользоваться обычным php хостингом...... читать далее

API PHP Программирование Разработка веб-сайтов php rest api

Разработка • habr.com • 10 августа 2022 г. 8:44

Привет, друзья! В данной заметке я расскажу вам о некоторых полезных возможностях, предоставляемых современным CSS. Также мы немного поговорим о полезных "фичах", которые ждут нас в ближайшие 2 года. "Полезный" означает, что я либ...... читать далее

Блог компании Timeweb Cloud CSS Разработка веб-сайтов css css3 features feature future возможности возможность styling styles стилизация стили

Разработка • habr.com • 8 августа 2022 г. 11:16

Мы постоянно имеем дело с формами: регистрация, заполнение анкеты, составление отзыва. Первое, что нам хочется сделать как разработчикам,— максимально выделить общие компоненты, чтобы как можно меньше дублировать код. Допустим, мы можем сделать...... читать далее

JavaScript ReactJS Node.JS Разработка веб-сайтов формы микросервис

Разработка • habr.com • 8 августа 2022 г. 9:00

Что будет если объединить Функциональное Программирование и Объектно-Ориентированное Программирование в одном веб приложении? Получится мощный инструмент для написания веб приложений объединяющий всю простоту написания верстки в функциональном стиле...... читать далее

Разработка веб-сайтов react чистая архитектура стейт менеджер reca

Разработка • habr.com • 4 августа 2022 г. 8:48

Привет, друзья! В данном туториале мы разработаем чат с использованием следующих технологий: TypeScript — статический типизатор; NestJS — сервер; Socket.IO — библиотека для работы в [веб-сокетами](); React — клиент; TailwindCSS — библиотека для стил...... читать далее

Блог компании Timeweb Cloud JavaScript Node.JS ReactJS Разработка веб-сайтов react.js reactjs react nest.js nestjs socket.io socketio postgresql postgres docker-compose docker chat чат