Как стать автором
Обновить
-11
0

Frontend Engineer

Отправить сообщение

Прокачиваем вёрстку ARIA атрибутами. Атрибут aria-label

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров7.7K


Cегодня я хочу рассказать про атрибут aria-label. В статье не будет заумных определений и бездумного копирования стандарта. Я хотел простым языком объяснить, какая польза от атрибута, а также передать свой практический опыт, чтобы вы могли его повторить. А получилось у меня или нет, решать вам.


Со вступительным словом всё. Давайте начнём!

Читать дальше →
Всего голосов 57: ↑57 и ↓0+57
Комментарии7

Так в чём же конечная цель программирования?

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров7.8K

Написать этот пост меня побудила статья "В чем конечная цель программирования?" и её обсуждение в комментах. Я поставил свой плюс за статью сразу же, как прочитал первое предложение:

> В том, чтобы иметь код, который легко изменять.

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

Но статья с таким очевидным (ну, лично для меня) выводом имеет, по состоянию на сегодня, оценку "-5" ("8" - в плюс, "13" - в минус). Под катом мои размышления о возможных причинах этого.

Читать далее
Всего голосов 27: ↑14 и ↓13+4
Комментарии42

Что такое деньги

Время на прочтение5 мин
Количество просмотров13K

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

Читать далее
Всего голосов 18: ↑14 и ↓4+14
Комментарии146

Почему вы не тренируетесь?

Уровень сложностиСредний
Время на прочтение29 мин
Количество просмотров69K
Читать далее
Всего голосов 57: ↑36 и ↓21+25
Комментарии228

Создание внутреннего пакета компонентов React — проще, чем кажется

Время на прочтение14 мин
Количество просмотров4.1K

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

Я frontend-разработчик SimbirSoft Эллина, и в этой статье расскажу, как создать внутренний пакет компонентов в React с помощью инструмента сборки Rollup, а также как сделать его более качественным и удобным для использования. Материал будет полезен frontend-разработчикам уровней junior+ и middle.

Читать далее ?
Всего голосов 3: ↑2 и ↓1+2
Комментарии2

Принцип работы async/await в JavaScript

Уровень сложностиСредний
Время на прочтение8 мин
Количество просмотров28K


Если вам доводилось работать с JavaScript, то вы наверняка встречались с синтаксисом async/await. Эта функциональность позволяет прописывать асинхронную логику синхронным образом, упрощая тем самым её понимание. Некоторым ветеранам JS известно, что async/await – это просто синтаксический сахар для существующего Promises API. Это означает, что в JS должен быть способ реализации функциональности async/await без использования ключевых слов async и await, хоть и более громоздкий. Именно об этом и пойдёт речь в данной статье.

Видео от автора на ту же тему.
Читать дальше →
Всего голосов 41: ↑40 и ↓1+54
Комментарии19

10 интересных научно-фантастических книг 2023 года

Время на прочтение9 мин
Количество просмотров82K

К 1 сентября мы подготовили подборку из 10 НФ произведений, вышедших или планирующихся к выходу в этом году в России и которые, как нам кажется, будут интересны любителям жанра. Ведь не только же перечитывать старых добрых Брэдбери, Херберта, Стругацких или Лукьяненко? (спойлер — он тоже есть в подборке).

Сразу оговоримся — никакие рейтинги присваиваться не будут.  
1. В подборке представлены не только зарубежные, но и отечественные авторы, некоторые из них пока мало кому известны.
2. Некоторые книги могли быть написаны раньше, но в список они попали, потому что были изданы в 2023 году на русском языке (!) — это очень важный критерий. 
3. В подборку вошли только научно-фантастические книги — про классное фэнтези сделаем отдельную статью, если вам понравится формат.
4. Мы не одобряем пиратства, за исключением самиздата, если автор сам распространяет книгу бесплатно. Поэтому приводим ссылки на фрагменты книг для ознакомления, чтобы вы могли решить, нравится ли стиль автора и завязка сюжета.

Читать далее
Всего голосов 27: ↑24 и ↓3+27
Комментарии17

Как мы проходили кризисы 2020-2023 и как заранее готовились к ним

Время на прочтение10 мин
Количество просмотров15K

Прикол этого поезда на Шри-Ланке в том, что если смотреть вперёд, повышаются шансы встретиться со стенкой тоннеля

Вообще, 90% работы делается до кризиса: вы занимаете нужную позицию, накапливаете ресурсы, строите информационную сеть. А потом наступает коллизия.

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

Многие вещи надо делать заранее. Например, если бешеный экскаватор отрезал вам дата-центр, хорошо бы иметь второй и третий, механики переключения, время от времени проводить учения, вот это всё. С возрастом вы узнаёте, что на стойке в офисе должен лежать договор аренды, причём «Погодите, я сейчас распечатаю» явно не работает, надо именно готовую нотариальную копию. Должны быть механики резкого расширения колл-центра, приоритезации разных задач на случай перегрузок (прям сортировка по Пирогову, сначала пассажиров с отправлениями сегодня, потом остальных) и так далее. То есть для многих сценариев надо подумать и сделать что-то заранее. В рамках подготовки среди прочего мы поняли, что нужно зачистить собственные соцсети, перестать общаться в «грязных» мессенджерах, снести некоторые антивирусы, поговорить с адвокатом про коллизии в его практике.

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

То есть даже не так. Медленные решения мы принимали отлично, а вот тактический уровень очень сильно пострадал. В общем, для начала давайте вернёмся в апрель 2020. Помните те милые времена, когда горела Австралия и какой-то вирус показывал нездоровую контагиозность?
Читать дальше →
Всего голосов 74: ↑70 и ↓4+88
Комментарии17

Как мы узнаём, какая музыка играет в кино

Время на прочтение9 мин
Количество просмотров7.3K

Бывает такое: смотришь кино, слышишь OST или просто какую-то хорошую песню, которую решили вставить в фильм, и думаешь — а неплохо бы её добавить к себе в плейлист. Способов сделать это было несколько. Можно было пойти и поискать или сам OST к фильму, или неофициальные саундтреки к нему. Можно было посмотреть, что по названию фильма выдаётся в поиске через музыкальные стриминговые сервисы, вдруг какая-то площадка уже позаботилась о вас и собрала тематический плейлист. Отдельные граждане прямо во время фильма включали на смартфоне Shazam и распознавали трек. В общем, кто во что горазд.

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

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

Читать далее
Всего голосов 35: ↑35 и ↓0+35
Комментарии5

React starter (Webpack + Typescript + Css modules + Jest)

Уровень сложностиСредний
Время на прочтение16 мин
Количество просмотров12K

Хочу поделиться своим видением сборки для быстрого старта разработки на React.

Помогает быстро запуститься, когда нужно «на скорую» войти в разработку.

Что‑то я подглядел здесь же, на Хабре, к чему‑то пришёл сам, ну и «ангажировал» немного на просторах «необъятного».

Что «под капотом»

Webpack 5
React v.18
Redux (Redux Toolkit)
Typescript
Css modules
Jest
VS Code

Читать далее
Всего голосов 6: ↑2 и ↓40
Комментарии11

3.0 Асинхронность. async и await

Уровень сложностиСредний
Время на прочтение3 мин
Количество просмотров4.2K

Как научиться ждать?

Синтаксический сахар, появившийся в Dart 1.9 async и await это декларативный способ определения асинхронных функций, они помогают убрать громоздкие конструкции и повысить читабельность кода.

Читать далее
Всего голосов 5: ↑2 и ↓3+1
Комментарии3

Мы живем в компьютерной симуляции. Мнение программиста (2024)

Уровень сложностиСредний
Время на прочтение22 мин
Количество просмотров39K

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

В этой статье:

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

Обсудим квантовую запутанность (оптимизация вычислений).

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

Обсудим возможность существования мультивселенной и параллельных миров.

Также поговорим про эффект Манделы и Ложные воспоминания, что поговорит о том, что прошлое можно менять при определенных условиях.

Читать далее
Всего голосов 81: ↑44 и ↓37+20
Комментарии289

Оптическое выравнивание и пользовательские интерфейсы

Время на прочтение16 мин
Количество просмотров42K


Привет, меня зовут Иван Греков, я работаю во фронтенд-команде Badoo, занимаюсь вёрсткой пользовательских интерфейсов на проектах компании.


В работе с макетами интерфейсов я использую графические редакторы, такие как Adobe Photoshop и Sketch. В них все слои по умолчанию представляют собой прямоугольные контейнеры. Когда мы выравниванием один слой по центру относительно другого, то для выравнивания используются центры прямоугольных контейнеров. Такой подход крайне неудобен при работе с иконками, поскольку выравниваемые фигуры могут сильно отличаться от прямоугольных контейнеров. И чем больше несимметричная фигура отличается по площади и по точкам координат от прямоугольника, в границы которого она вписана, тем заметнее разница между центрами фигуры и её контейнера. Это приводит к дисбалансу композиции в интерфейсных иконках.


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

Читать дальше →
Всего голосов 95: ↑95 и ↓0+95
Комментарии34

Понятный гайд по ИИ: сравниваем традиционный и генеративный искусственный интеллект

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров5.8K

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

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

Читать далее
Всего голосов 2: ↑1 и ↓10
Комментарии0

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

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров33K

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

Читать далее
Всего голосов 65: ↑49 и ↓16+47
Комментарии96

5 интеграций в React: Контент + Дизайн + Разработка

Уровень сложностиСредний
Время на прочтение18 мин
Количество просмотров4.3K

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

В статье я продемонстрирую, как решить три задачи, связанные с интеграциями в React приложении:

1. Изменять контент страницы на React без необходимости привлечения разработчика;

2. Расширять функционал React приложения с помощью сторонних сервисов;

3. Создавать страницы с минимальными затратами на разработку.

Читать далее
Рейтинг0
Комментарии0

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

Уровень сложностиСредний
Время на прочтение7 мин
Количество просмотров16K

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

Читать дальше →
Всего голосов 43: ↑41 и ↓2+56
Комментарии52

Настройка прямого подключения к инфраструктуре биржи для получения преимущества за счет минимизации сетевой задержки

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров28K

В сфере высокочастотной торговли зачастую борются за любое уменьшение сетевой задержки, ведь это дает возможность получить информацию об изменении цены инструмента раньше остальных и отправить заявку на исполнение быстрее конкурентов по более выгодным условиям. Нередко можно встретить такие решения, как отказ от промежуточного сетевого оборудования в виде сетевого коммутатора, который мог бы обеспечить использование торгового подключения несколькими серверами сразу. Но зачем подключать каждый сервер напрямую к инфраструктуре биржи, если можно платить за один аплинк и подключить его в классический ToR(Top-of-rack) коммутатор? Конечно для уменьшения сетевой задержки, ведь современный сетевой коммутатор внесет лишние 200-500 наносекунд задержки.

Конечно можно обратиться к low-latency коммутаторам, базирующимся на FPGA матрицах, таким как серия Cisco Nexus 3550 Fusion (в прошлом Exablaze ExaLINK Fusion) или Arista 7130 Series (в прошлом Metamako MetaMux).

Читать далее
Всего голосов 4: ↑4 и ↓0+4
Комментарии24

Рецепт карьерного роста

Уровень сложностиПростой
Время на прочтение20 мин
Количество просмотров8.8K

Эта публикация предназначена для прочтения в выходные или предвыходые дня для поднятия или поддержания хорошего настроения.

Всё изложенное в ней абсолютная правда. Или почти.

Сразу после окончания Новосибирского Университета, в первый же день моей трудовой деятельности на ВЦ СОАН СССР я возглавил коллектив из более чем тридцати учёных, включая двух докторов наук. Руководящий пост я не покупал, как возможно предположили некоторые, никаких необходимых для занятия этого поста связей и знакомств у меня не было.

Я не уверен, что могу посоветовать мой рецепт карьерного роста другим. Но узнать о нём вам будет, я надеюсь, небезинтересно.

Читать далее
Всего голосов 31: ↑22 и ↓9+20
Комментарии11

Введение в Astro

Уровень сложностиСредний
Время на прочтение20 мин
Количество просмотров13K

Astro — статический генератор сайтов, ориентированный на производительность. Фреймворк стремительно набирает популярность и конкурирует с популярным NextJS.

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

Погружаться в тему будем в процессе сборки блога по фронтенд-разработке. Кстати, весь контент для сайта от имени разработчика для нас сгенерирует ChatGPT.

Содержание статьи:

Немного теории

Читать далее
Всего голосов 8: ↑8 и ↓0+8
Комментарии7

Информация

В рейтинге
Не участвует
Откуда
Россия
Зарегистрирован
Активность