Pull to refresh
33
0
Сергей Козлов @Dartess

Фронтенд-разработчик

Самый быстрый форматер кода

Level of difficulty Easy
Reading time 9 min
Views 3.5K
БФТ-Холдинг corporate blog Open source *JavaScript *TypeScript *
Review

Самый быстрый форматер кода

В статье подробно поговорим о самом быстром форматере кода. Подробно покажем, как интегрировать форматер в любой проект, настроим форматирование по сохранению в редакторах кода и посоревнуемся в скорости форматирования.

Читать далее
Total votes 17: ↑14 and ↓3 +11
Comments 12

Как упростить импорт JavaScript модулей с помощью Node.js Subpath Imports

Level of difficulty Easy
Reading time 14 min
Views 2K
Website development *JavaScript *Node.JS *TypeScript *
Tutorial

Существует множество библиотек для настройки алиасов в Node.js, таких как alias-hq и tsconfig-paths. Однако однажды, изучая документацию Node.js, я обнаружил возможность настройки алиасов без использования сторонних библиотек. Более того, данный подход позволяет использовать алиасы без сборки кода. Знакомо ли вам поле imports в package.json? В этой статье мы рассмотрим, что такое Node.js Subpath Imports, узнаем о тонкостях настройки и разберемся с поддержкой в актуальных инструментах разработки.

Читать далее
Total votes 20: ↑20 and ↓0 +20
Comments 5

Почему японские веб-сайты выглядят так необычно, или учимся оценивать дизайн, не делая поспешных выводов

Level of difficulty Easy
Reading time 7 min
Views 45K
ISPsystem corporate blog Web design *Design
Opinion
Translation

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

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

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

Читать далее
Total votes 88: ↑82 and ↓6 +76
Comments 46

Сравнение нейросетей для перевода

Level of difficulty Medium
Reading time 13 min
Views 16K
Python *Machine learning *Artificial Intelligence Learning languages Natural Language Processing *
Review

С помощью GPT-4 можно решать самые разнообразные задачи по преобразованию текста, включая перевод на разные языки.

Мне стало интересно, кто переводит лучше: GPT-4 или специализированные нейронки для перевода, такие как Google Translate и DeepL?

Сегодня мы сравним качество перевода от различных нейросетей на 24 языковых парах.

Читать далее
Total votes 71: ↑70 and ↓1 +69
Comments 49

Представляем popover API

Level of difficulty Medium
Reading time 6 min
Views 2.3K
CSS *HTML *
Review
Translation

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

Чтобы решить эту проблему, в браузеры приходит новый набор декларативных HTML API для создания всплывающих окон, начиная с popover API в Chromium 114.

Читать далее
Total votes 11: ↑11 and ↓0 +11
Comments 2

taichi.js: Программируем на WebGPU без боли

Level of difficulty Medium
Reading time 10 min
Views 1.8K
JavaScript *Game development *GPGPU *WebGL *
Tutorial
Translation

Привет, Хабр! Сегодня хочу предложить вашему вниманию перевод на русский язык статьи моего коллеги и хорошего приятеля Dunfan Lu. Он создал taichi.js - open-source фреймворк для программирования графики на WebGPU, и написал подробный туториал как его использовать на примере знаменитой "Игры жизни". Уверен, эта сложная и красивая работа на стыке технологий рендеринга и компиляции не оставит вас равнодушными. - пр. переводчика.

Читать далее
Total votes 14: ↑14 and ↓0 +14
Comments 1

Микрофронтенды на Module Federation — наш опыт. Часть 1

Level of difficulty Medium
Reading time 11 min
Views 2.2K
QIWI corporate blog Website development *Microservices *
Tutorial

Всем привет! Меня зовут Женя, я разработчик из QIWI, занимаюсь созданием внутренних сервисов. Совсем недавно мы провели эксперимент по использованию микрофронтендов, и я хочу поделиться с вами опытом использования. В качестве основы для построения системы мы выбрали фичу Webpack - Module Federation.

Читать далее
Total votes 21: ↑21 and ↓0 +21
Comments 0

Почему я уехал из Канады после двух лет жизни. 11 минусов, о которых не говорят

Level of difficulty Easy
Reading time 7 min
Views 110K
IT-emigration IT career Reading room
Sandbox

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

Мы с женой переехали в Ванкувер в феврале 2021 года. Сейчас я разработчик в Amazon, до этого работал несколько лет в Aviasales. Моя жена Аня — продуктовый дизайнер. До Канады мы жили 2.5 года на Пхукете, перед этим — 10 лет в Москве. В мае 2020 после успешного собеседования я получил оффер от Amazon с релокацией в Канаду.

Читать далее
Total votes 210: ↑181 and ↓29 +152
Comments 585

Как получить 30 удаленных работ? Опыт 300 собеседований. 9 неочевидных советов для соискателя

Level of difficulty Easy
Reading time 6 min
Views 53K
Internet marketing *IT career Interview Remote work
Sandbox

Этот метод дал мне конверсию 50% из собеседования в оффер на вакансию «маркетолог» с доходом от 70к.

Меня зовут Слава, 4 года назад я работал маркетологом в агентстве. И решил поискать работу мечты на hh.ru. Я знал, что даже есть агентства, которые закрывают себе клиентов на hh.ru.

Эта уверенность помогла мне выжить 3 первых месяца безуспешных попыток: ходил на собесы, делал изнуряющие тестовые и даже получил работу, с которой сбежал через 2 недели.

Читать далее
Total votes 58: ↑44 and ↓14 +30
Comments 52

Чем браузер Arc хорош на самом деле

Reading time 7 min
Views 12K
JUG Ru Group corporate blog Browsers

Недавно появился хабрапост «Arc — революционный браузер нового поколения». Его заминусовали с реакцией «вы тут выдаёте за революцию очередной скин для Chromium». 

Я активно пользуюсь Arc и ощущаю, что из-за неудачного поста Хабр может пройти мимо хорошего продукта. Да, слово «революционный» тоже считаю излишне громким. Но Arc — это не просто «добавили нескучные обои», а более интересная штука, способная пригодиться многим хабравчанам.

По-моему, тот текст плохо доносил преимущества, потому что начинал с малозначимых «свистелок-перделок» в духе «можно кастомизировать цвета», и до самого интересного люди просто не дочитывали. Главную крутизну Arc я вижу в ряде UX-решений, помогающих с типичными проблемами. Зачастую что-то похожее есть и в других браузерах, но здесь реализовано нативнее и полнее. Поэтому решил описать для Хабра эти проблемы и решения.

Читать далее
Total votes 38: ↑34 and ↓4 +30
Comments 82

Вышел Chrome 113

Level of difficulty Easy
Reading time 3 min
Views 8.6K
CSS *JavaScript *Google Chrome HTML *
Review
Translation

Что вы узнаете:

WebGPU уже здесь, он позволяет использовать высокопроизводительную 3D-графику и параллельные вычисления в вебе.

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

Начинает распространяться First Party Sets, часть Privacy Sandbox, которая позволяет организациям объявлять связанные сайты.

И многое другое.

Читать далее
Total votes 7: ↑6 and ↓1 +5
Comments 10

Фичи WebKit в Safari 16.4

Level of difficulty Easy
Reading time 21 min
Views 3K
CSS *JavaScript *Safari HTML *
Review
Translation

Сегодня мы рады рассказать вам о многочисленных дополнениях к WebKit, которые включены в Safari 16.4. Этот выпуск содержит 135 новых веб-функций и более 280 обновлений. Давайте посмотрим.

Читать далее
Total votes 10: ↑9 and ↓1 +8
Comments 5

Почему мужикам нужно качать орех?

Reading time 3 min
Views 48K
Health
Opinion

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

Читать далее
Total votes 155: ↑104 and ↓51 +53
Comments 257

React и Typescript: Создание динамического компонента на примере кнопки

Level of difficulty Medium
Reading time 6 min
Views 11K
JavaScript *Programming *ReactJS *TypeScript *
Sandbox

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

Читать далее
Total votes 10: ↑10 and ↓0 +10
Comments 6

Идентификация, Аутентификация, Авторизация. В чем же разница?

Level of difficulty Easy
Reading time 4 min
Views 14K
IT systems testing *Web services testing *Mobile applications testing *Game testing *

Всем привет, дорогие друзья!

Приходилось ли Вам когда-нибудь тестировать формы авторизации?

Думаю, что каждый тестировщик сталкивался с ситуацией, когда после тестирования одной из таких «форм» с логином и паролем приходилось заводить баг-репорт c использованием слова «Авторизация».

Но ведь задача тестировщика постараться максимально точно и грамотно обозначить проблему!

Возможно ли это? Конечно!

Именно поэтому в данной статье мы разберем такой процесс как «Авторизация», а также поговорим о таких очень близких понятиях как «Идентификация» и «Аутентификация». Разберем, как всё это взаимосвязано и постараемся сделать это максимально просто и доступно для того, чтобы у вас не осталось никаких вопросов после прочтения данной статьи!

Читать далее
Total votes 16: ↑14 and ↓2 +12
Comments 9

Заблуждения об именах в документах

Level of difficulty Easy
Reading time 6 min
Views 6K
System Analysis and Design *Designing and refactoring *Technical Writing *
FAQ

Умный дядя по имени Дейл Карнеги писал, что имя человека - самый сладостный и самый важный для него звук на любом языке. Соответственно, лучший способ обидеть пользователя – исказить его имя в базе или не принять вводимое значение.

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

Читать далее
Total votes 22: ↑22 and ↓0 +22
Comments 77

Личный опыт подтягивания английского к собеседованиям

Reading time 5 min
Views 21K
Learning languages

В начале года я решил поменять работу и начал готовиться к собеседованиям. Понял, что мне нужно подтягивать английский, так как после звонка с hr меня бросало в холодный пот. В конце подготовки, я уже спокойно проходил собеседования на английском языке. В статье будут: план подготовки, виды упражнений, инструменты, которыми пользовался.

Читать далее
Total votes 29: ↑26 and ↓3 +23
Comments 18

Перевод первой части учебника Patterns.dev

Reading time 11 min
Views 10K
JavaScript *ООP *ReactJS *
Translation

Привет! Меня зовут Айнур, и я frontend-разработчик SimbirSoft. Более 6 лет я работаю над коммерческими проектами, создаю и улучшаю интерфейсы, поэтому в работе достаточно часто использую паттерны проектирования. Неоднократно я обращался за идеями и лайфхаками к книге Patterns.dev, которая содержит очень современный взгляд на шаблоны проектирования, рендеринга и производительности JavaScript.

Авторы Patterns.dev:

Лидия Холли — штатный консультант и преподаватель по разработке программного обеспечения, которая в основном работает с JavaScript, React, Node, GraphQL. Она также занимается наставничеством и проводит личные тренинги.

Эдди Османи — технический менеджер, работающий над Google Chrome. Его команды работают над такими проектами, как Lighthouse, PageSpeed ​​Insights, Chrome User Experience Report и другими.

Материал книги будет полезен не только React-разработчикам, но и всем, кто так или иначе интересуется или сталкивается с frontend-разработкой.

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

Источник: https://www.patterns.dev/
Данный адаптированный материал распространяется на условиях лицензии Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)

Читать далее
Total votes 7: ↑6 and ↓1 +5
Comments 5

Самый научный гайд по сну

Level of difficulty Easy
Reading time 12 min
Views 92K
Popular science Brain Health
Sandbox

Я решил написать эту статью, потому что сам испытывал потребность в улучшении сна. Мне не нравилось, что по утрам я просыпался вялым и немотивированным. Я хотел быть тем самым парнем, который встаёт бодрым, делает зарядку, завтракает и с удовольствием принимается за свои цели. И я им стал.

В процессе написания статьи я просмотрел все самые популярные видео, прочитал самые популярные статьи, изучил несколько десятков исследований (а может и больше сотни) и составил самую эффективную схему по улучшению сна. Так же я выяснил, что некоторые популярные тезисы оказались мифами.

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

Читать далее
Total votes 133: ↑127 and ↓6 +121
Comments 134

Полное понимание асинхронности в браузере

Reading time 24 min
Views 55K
Яндекс corporate blog JavaScript *Programming *Interfaces *Browsers
Про асинхронность JavaScript написано много статей, документации и книг. Но вся информация сильно распределена по интернету, поэтому сложно быстро и полностью разобраться, что к чему, и составить цельную картину в голове. Не хватает одного исчерпывающего гайда. Именно эту потребность я и хочу закрыть своей статьёй.

Читать дальше →
Total votes 78: ↑78 and ↓0 +78
Comments 25

Information

Rating
3,902-nd
Location
Россия
Works in
Date of birth
Registered
Activity