Веб-разработка *

Делаем веб лучше

СтатьиПостыНовостиАвторыКомпании

Nurked 27 авг 2023 в 07:38

А давайте убьем все фреймворки?

Средний

15 мин

51K

Веб-разработка * Системное программирование * Node.JS * Искусственный интеллектWebAssembly *

Мнение

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

Технологии эволюционируют и функционируют, а новые технологии их полностью заменяют. Считаю, что сейчас наступает эпоха, когда технологии фреймворков и Электрона могут быть вытеснены генеративными AI. Рассмотрим несколько примеров.

Нажимайте вот эту вот кнопотуленку

+78

276

melnik909 22 авг 2023 в 13:00

Ох уж эти CSS-переменные

Средний

6 мин

11K

Блог компании RUVDS.comCSS * Веб-разработка *

Обзор

Я люблю создавать компоненты везде и всегда, поэтому пользовательские CSS-свойства, также известные как CSS-переменные, являются одной из моих любимых фишек, которая позволяет писать более модульный код. При работе с ними я набил достаточно шишек, выпил литры чая и убил кучу времени. Теперь я «мастер», и хочу поделиться своим опытом.

Читать дальше →

+56

jabuj 31 июл 2023 в 14:01

Разбираем HTTP/2 по байтам

Средний

24 мин

44K

Блог компании Timeweb CloudВеб-разработка * Сетевые технологии *

Обзор

Откройте любую статью с обзором HTTP/1.1. Скорее всего, там найдётся хотя бы один пример запроса и ответа, допустим, такие:

GET / HTTP/1.1
Host: localhost

HTTP/1.1 200 OK
Date: Sat, 09 Oct 2010 14:28:02 GMT
Server: Apache
Content-Length: 38
Content-Type: text/html; charset=utf-8

<!DOCTYPE html>
<h1>Привет!</h1>

Теперь откройте статью с обзором HTTP/2 или HTTP/3. Вы узнаете о мультиплексировании запросов, о сжатии заголовков, о поддержке push-технологий, но вряд ли увидите хоть одно конкретное сообщение. Ясно, почему так: HTTP/1.1 — текстовый протокол, тогда как сиквелы к нему бинарные. Это очевидное изменение открывает дорогу ко множеству оптимизаций, но упраздняет возможность просто и доступно записать сообщения.

Поэтому в этой статье предлагаю покопаться в кишках у HTTP/2: разобрать алгоритмы установки соединения, формат кадров, примеры взаимодействия клиента с сервером.

Читать дальше →

+112

Nurked 26 июл 2023 в 13:55

Прекратите превращать программирование в религию (восклицательный знак)

Простой

8 мин

50K

Карьера в IT-индустрииУправление проектами * Анализ и проектирование систем * Программирование * Веб-разработка *

Мнение

Как вы меня задолбали, священники, святые отцы и монахи с кадилами. Сколько можно это терпеть? Я учился в университете, чтобы получить диплом по специальности, но вместо этого я получил пропуск в какую-то конспирологическую теоретическую секту.

Не верите?

Давайте я покажу вам.

+173

302

varanio 25 июл 2023 в 05:23

Я бы пересмотрел вообще всё

4 мин

78K

Программирование * Веб-разработка * Управление персоналом * Управление проектами *

В программировании нет вообще никаких непреложных истин. Даже самые очевидные правила могут иметь контекст, в которых их применять нельзя. К сожалению в 99% организаций есть прям заповеди, обязательные к исполнению. И есть правила, которые считаются правилами хорошего тона (как не сморкаться в занавеску). Однако всегда бывают ситуации, когда лучше все-таки сморкаться.

Вот примеры.

1) Например, DRY — don’t repeat yourself. Хорошее полезное правило, но его можно довести до маразма. Из того что я встречал на практике: есть два разных по бизнес-смыслу раздела, которые начинались с простого CRUD, и многие части (и фронта и бека) выглядели во многом абсолютно одинаково. Если их объединить с помощью общей высосанной из пальца абстракции и тем самым избавиться от небольшого дублирования кода, то потом (очень скоро) можно будет сойти с ума, потому что эти две вещи скоро разъедутся, обрастая кастомными фичами, и абстракция будет только вредить. Нельзя абстрагировать неабстрагуемое, даже если DRY нарушен.

«[Немного] дублирования обходится гораздо дешевле, чем неправильная абстракция» — Сэнди Мец

Т.е. DRY — хороший принцип, но бывают исключения.

Читать дальше →

+178

346

melnik909 18 июл 2023 в 13:00

Чёрт тебя возьми, CSS

Средний

7 мин

18K

Блог компании RUVDS.comПрограммирование * Веб-разработка * CSS *

Туториал

У CSS много моментов, которые сбивают с толку. Разработчики плюются от него. А мне нравится CSS, несмотря на мои потраченные нервы. Подумав, как помочь другим меньше мучаться, я собрал ряд неочевидных моментов. Они сбивали с толку меня и моих знакомых. Надеюсь, вам будет полезно.

Читать дальше →

+56

fat32elena 18 июл 2023 в 07:01

Если ваш фронтендер перестал бояться IE6, покажите ему SmartTV

7 мин

23K

Блог компании ЯндексTizen * JavaScript * CSS * Веб-разработка *

✏️ Технотекст 2023

В декабре 2021 года под новогодние праздники в приложении Кинопоиска для SmartTV появился раздел с Яндекс Музыкой. Он позволил пользователям на телевизорах открывать новые для себя треки в Моей волне, включать популярные подборки и слушать собственную коллекцию на телевизорах.

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

Меня зовут Лена и я фронтенд-разработчик Яндекс Музыки. В этой статье я расскажу про особенности работы SmartTV и разработки под них на примере свежей фичи, которую мы назвали Время клипов. Теперь в приложении вы можете посмотреть клипы любимых артистов и открывать для себя новых исполнителей, которые подходят вам по настроению.

Под катом обсудим ключевые отличия работы фронтенда над вебом и SmartTV, поговорим про оптимизацию и вёрстку и посмотрим на фотографии множества пультов (без пакетиков).

+61

JustSkiv 13 июл 2023 в 13:15

Учимся разрабатывать REST API на Go на примере сокращателя ссылок

Средний

30 мин

96K

Блог компании SelectelGo * Веб-разработка * Программирование *

Туториал

В этой статье мы напишем полноценный REST API сервис — URL Shortener — и задеплоим его на виртуальный сервер с помощью GitHub Actions.

Говоря «полноценный», я имею в виду, что это будет не игрушечный проект, а готовый к использованию:

мы выберем для него актуальный http-роутер,
позаботимся о логах,
напишем тесты: unit-тесты, тесты хэндлеров и функциональные,
настроим автоматический деплой через GitHub Actions и др.

Но важно понимать, что «готовый к продакшену» != «энтерпрайз».

Кратко обо мне: меня зовут Николай Тузов, я много лет занимаюсь разработкой на Go, очень люблю этот язык. Также веду свой YouTube-канал, на котором есть видеоверсия текущего гайда, с более подробными объяснениями.

Читать дальше →

+55

Slonser 27 июн 2023 в 16:52

История одной XSS в Telegram

Простой

4 мин

58K

Информационная безопасность * Веб-разработка * Тестирование веб-сервисов *

Обзор

Здравствуйте, уважаемые читатели Хабра! Сегодня я хочу поделиться с вами информацией о XSS-уязвимости, которую я обнаружил в Telegram около двух недель назад. Также статья коснется некоторых особенностей работы программы поиска уязвимостей от Telegram. Моя цель — не только продемонстрировать вам интересный и относительно простой пример XSS, но и обозначить причины, по которым, возможно, не стоит тратить свои усилия на участие в багбаунти программе Telegram.

+142

programmerguru 5 июн 2023 в 13:00

Массовый дефейс веб-сайтов .РФ

Средний

7 мин

76K

Блог компании RUVDS.com1С-Битрикс * CMS * Информационная безопасность * Веб-разработка *

Кейс

26 мая 2023 года произошёл массовый дефейс веб-серверов национального сегмента сети интернет .РФ. В качестве цели атаки выступила CMS «Битрикс».

В ходе расследования выяснилось, что атака подготовлена заранее. Подготовка велась с 2022 года через известные уязвимости, включая CVE-2022-27228. Техническое описание см. на форуме разработчиков. Возможно, это самая крупная атака против национального сегмента .РФ в его истории.

Компания CyberOK выпустила отчёт c описанием атаки и разъяснением необходимых действий для того, чтобы удалить с сервера бэкдор, устранить уязвимости «Битрикса» и восстановить приложение. Также приведены рекомендации по защите веб-приложения.

Читать дальше →

+71

102

ru_vds 22 мая 2023 в 13:00

Рендеринг на сервере и HTMX — это будущее

Средний

14 мин

44K

Блог компании RUVDS.comВеб-разработка * ReactJS * JavaScript * htmx *

Аналитика

Перевод

Современная ситуация с разработкой веб-приложений

Сегодня пользователи ожидают от веб-приложений плавной работы без перезагрузок страниц. К сожалению, эти ожидания обычно реализуются в виде одностраничных приложений (single-page application, SPA), использующих библиотеки и фреймворки наподобие React и Angular. Эти фреймворки очень специализированы и с ними может быть трудно работать.

Новый подход заключается в том, чтобы вернуть возможность реализации этого UX в руки инженеров, разрабатывавших веб-сайты до возникновения безумия SPA, используя готовые наборы инструментов и знания. HTMX — лучший пример такого подхода из тех, что я видел.

Читать дальше →

+63

159

Mihail-Galkin 4 мая 2023 в 14:17

Как я написал удобную оболочку над электронным дневником

Простой

4 мин

18K

HTML * JavaScript * Python * CSS * Веб-разработка *

Из песочницы

Статья о том, как я в 15 лет облегчил работу с электронным дневником, представленным Кировской области в 2022 году.

Что получилось сделать и как это было реализовано.

+66

Psychosynthesis 6 апр 2023 в 09:15

Раз и навсегда про тёмную тему или почему вам «на самом деле» нужна тёмная тема

Простой

15 мин

40K

Веб-разработка * Интерфейсы * Дизайн мобильных приложений *

Мнение

Привет, Хабр! Про необходимость (или наоборот) тёмной темы для приложения или сайта написан уже не один десяток статей и даже научных работ. По какой‑то необъяснимой причине у дизайнеров интерфейсов и маркетологов по сей день возникает вопрос «так ли нужна тёмная тема», а возможность выбрать тёмную тему оформления до сих пор не является чем‑то самим собой разумеющимся. Настал момент досконально разобраться в вопросе, расставить все точки над Ӹ ~~и отхлестать ленивых дизайнеров селёдкой по лицу~~.

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

+59

146

Boomburum 30 мар 2023 в 07:15

Мы добавили markdown-режим в новый редактор

Простой

4 мин

8.9K

Блог компании ХабрВеб-разработка * HabrКонтент и копирайтинг *

Обзор

Вы просили — мы сделали.

+117

evgeniyPP 26 мар 2023 в 15:14

Конец фронтенд-разработки

Простой

10 мин

120K

Веб-разработка * JavaScript * Программирование * Искусственный интеллект

Мнение

Перевод

Большие языковые модели, такие как GPT-4, с угрожающей скоростью становятся все более эффективными. Через пару лет нам больше не понадобятся разработчики!
...Или, по крайней мере, такая позиция становится вирусной в Твиттере. Я гораздо более оптимистично смотрю на то, что эти достижения ИИ означают для будущего разработки программного обеспечения.

+51

228

kesn 22 мар 2023 в 08:01

Байки погромиста. Если кто-то скажет, что программирование — это скучно

Простой

12 мин

56K

Блог компании Timeweb CloudВеб-разработка * Python * Программирование * Отладка *

Мнение

Вообще я, как правило, нормально программирую. Иногда даже такое заворачиваю, что сам тащусь весь день.

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

Ну что он там опять натворил?

+163

thoughtspile 1 мар 2023 в 08:29

Почему Banditypes — самая маленькая TS-библиотека для валидации схем

Средний

6 мин

6.2K

Блог компании RUVDS.comTypeScript * JavaScript * Веб-разработка *

Я выпустил библиотеку banditypes — самый маленький валидатор схем для TS / JS. Удивительно, но базовый функционал валидации с приятным API можно упихнуть в 400 байт, если сконцентрироваться на размере и добавить пару грязных хаков. В этой статье расскажу, как добился такого результата.

+56

glendemon 27 фев 2023 в 22:13

Плохие практики разработки, которые до сих пор встречаю в стартапах

Средний

5 мин

54K

Веб-разработка * Управление разработкой * Развитие стартапа

Из песочницы

Привет, я Виктор. Двенадцать лет назад я пришел в веб-студию в Самаре. Так начался мой путь в разработке. У нас не было гита, CI/CD, тестовых стендов и много чего еще. Я видел, как это мешало развитию команды и бизнеса. Приходилось на ощупь собирать грабли, открывать для себя хорошие практики и внедрять их. С тех пор я поработал старшим разработчиком в российском финансовом холдинге и немецком b2b-стартапе. Был тимлидом в фудтех-проекте, СTO в образовательных стартапах для российского и латиноамериканского рынка — и почти везде поначалу натыкался на похожие проблемы. Недавно переехал в Израиль, стал консультировать стартап. И что бы вы думали…

Читать далее 👉

+102

126

ru_vds 21 фев 2023 в 09:00

Зачем нужен личный сайт в 2023 году

Простой

7 мин

31K

Блог компании RUVDS.comИстория ITМессенджеры * Веб-разработка * Серверное администрирование *

В конце 90-х почти каждый житель Сети стремился завести личный сайт или хотя бы страничку на бесплатном хостинге. Где ещё выложить резюме, опубликовать фотографии, новые статьи? Какой URL напечатать на визитке? Проводились даже всероссийские конкурсы на лучшую домашнюю страницу.

Потом выросли соцсети типа ЖЖ, «Одноклассников», «ВКонтакте» — и личные странички сошли на нет. Кто теперь вспомнит о тех бесплатных хостингах, которые рекламировались на каждом углу?

Но сейчас история делает новый виток — и персональные сайты опять входят в моду, только на современных технологиях.

Читать дальше →

+73

100

alizar 11 янв 2023 в 09:00

Почему форумы продолжают жить

5 мин

42K

Блог компании RUVDS.comУправление сообществом * Социальные сетиВеб-разработка * История IT

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

Разгорячённые петухи и спокойные интеллектуалы — одни и те же люди, просто на разных сайтах. То есть сама платформа как бы вынуждает людей общаться тем или иным способом. В некоторых условиях неторопливое конструктивное общение практически невозможно, а в других — поощряется. Что это за условия?

Или спросим иначе: почему старые форумы продолжают существовать в 2023 году и там сохраняется своё коммьюнити (преимущественно, по специализированным темам)? Хотя, вы наверное уже догадались.

Читать дальше →

+135

414

1 2 ...

8 9

11 12 ...

107 108

Веб-разработка *

А давайте убьем все фреймворки?

Ох уж эти CSS-переменные

Разбираем HTTP/2 по байтам

Прекратите превращать программирование в религию (восклицательный знак)

Я бы пересмотрел вообще всё

Чёрт тебя возьми, CSS

Если ваш фронтендер перестал бояться IE6, покажите ему SmartTV

Учимся разрабатывать REST API на Go на примере сокращателя ссылок

История одной XSS в Telegram

Массовый дефейс веб-сайтов .РФ

Рендеринг на сервере и HTMX — это будущее

Современная ситуация с разработкой веб-приложений

Как я написал удобную оболочку над электронным дневником

Раз и навсегда про тёмную тему или почему вам «на самом деле» нужна тёмная тема

Ближайшие события

Мы добавили markdown-режим в новый редактор

Конец фронтенд-разработки

Байки погромиста. Если кто-то скажет, что программирование — это скучно

Почему Banditypes — самая маленькая TS-библиотека для валидации схем

Плохие практики разработки, которые до сих пор встречаю в стартапах

Зачем нужен личный сайт в 2023 году

Почему форумы продолжают жить

Вклад авторов