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

Пользователь

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

Как на практике работать над перфомансом веб-приложения: опыт Авто.ру

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

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

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

Далее повествование — от лица Натальи.

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

REM vs EM – Великий спор

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


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

Добро пожаловать в мир типографики и относительных единиц измерения =)
Читать дальше →
Всего голосов 16: ↑15 и ↓1+14
Комментарии38

Опыт использования MobX в большом приложении

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


Всем привет!


Меня зовут Сергей, я работаю в команде разработки приложений контроля качества Tinkoff.
Поделюсь опытом нашей команды в использовании библиотеки Mobx и расскажу о деталях работы с ней в связке с React. В этой статье не будет описания базовых концепций. Я расскажу о вещах, которые мы отметили для себя за время разработки и считаем полезными для всех, кто решил использовать Mobx в своем проекте.


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

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

Современные архитектуры фронт-энда (часть 2)

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

Вторая часть статьи "Contemporary Front-end Architectures", в которой рассмотрены архитектуры фронт-энда с точки зрения распределения потоков данных. Начало здесь
Читать дальше →
Всего голосов 10: ↑8 и ↓2+8
Комментарии1

Как разработчики проект с Flow.js на Typescript переводили

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

Вы когда-нибудь путешествовали по незнакомым местам без туроператора, гида или даже GPS для базовой ориентации в пространстве? Приходится составлять маршрут самостоятельно, разбираться в местности на ходу, импровизировать, чуть ли не рисовать собственную карту… Занятие не из легких, полное трудностей и препятствий, но их решение дарит новые знания и незабываемый опыт.

Решение задачи, поставленной перед нашим сотрудником Артуром Антоновым, напоминало именно такое путешествие, и в этой статье он пройдет его снова с вами.

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

CANVAS шаг за шагом: Основы

Время на прочтение6 мин
Количество просмотров529K
CANVAS шаг за шагом:
  1. Основы
  2. Изображения
  3. Понг
  4. Пятнашки

Если верить англо-русскому словарю, то можно узнать что canvas переводится как холст, а если верить википедии, то можно узнать что тег canvas, это элемент HTML 5, который предназначен для создания растрового изображения при помощи JavaScript. Тому как создать это растровое изображение и будет посвящен мой небольшой текст. Прежде чем начинать пробовать свои силы в этом не легком деле рекомендуется уже иметь базовые знания о том что такое HTML и с чем едят JavaScript.
Читать дальше →
Всего голосов 84: ↑82 и ↓2+80
Комментарии48

Основа геймплея игры на C++ для Unreal Engine

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

Основа геймплея для Unreal Engine 4 предоставляет разработчику мощный набор классов для создания игры. Ваш проект может быть шутером, симулятором фермы, глубокой RPG — это неважно, основа очень универсальна, делает за вас часть тяжёлой работы и задаёт некоторые стандарты. Она довольно сильно интегрирована в движок, поэтому рекомендую вам придерживаться этих классов, а не пытаться изобретать собственную основу игры, как это часто бывает в движках наподобие Unity3D. Понимание этой основы очень важно для успешной и эффективной работы над проектами.

Для кого эта статья?


Для всех, кого интересует создание игр в UE4, а конкретно на C++, и кто хочет больше узнать о основе геймплея Unreal. В этом посте рассматриваются базовые классы, которые вы будете использовать в основе геймплея, и объясняется их применение, процесс создания их экземпляров движком и способ получения доступа к этим классам из других частей кода игры. Бо́льшая часть информации справедлива также и для блюпринтов.
Читать дальше →
Всего голосов 27: ↑25 и ↓2+23
Комментарии3

Полное руководство по HTML-атрибутам data-*

Время на прочтение8 мин
Количество просмотров97K
Представляем вашему вниманию перевод статьи, посвящённой использованию атрибутов data-*. Это — атрибуты, которые можно применять для удобного хранения в стандартных HTML-элементах различной полезной информации. Эта информация, в частности, может применяться в JavaScript и CSS.


Читать дальше →
Всего голосов 30: ↑29 и ↓1+44
Комментарии18

L10n строк в приложениях (JavaScript)

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

В рамках изучения нового стандарта наткнулся на Tagged Template Literals, по-русски часто обзывают строковые шаблоны.
За рубежом советуют переименовать в tagged string literals, а Template Literals тем временем в interpolated string literals или просто interpoliterals . Обожаю js тусовку, где халивар начинают даже из-за название фичи :)

Что, куда, зачем


Прежде чем перейдем непосредственно к тому о чем я хотел рассказать исходя из заголовка, пару слов о Template Literals.
Наверняка каждый из вас их уже попробовал:
var text =
`Now is the time for all good men
to come to the aid of their
country!`;

console.log( text );
// Now is the time for all good men
// to come to the aid of their
// country!

Читать дальше →
Всего голосов 15: ↑14 и ↓1+13
Комментарии9

Создаем приложение на Node.JS, Express и Typescript с Jest, Swagger, log4js и Routing-controllers

Время на прочтение7 мин
Количество просмотров56K
Это пошаговая инструкция создания приложение на Node.JS, с использованием typescript и express. Новое приложение создается не часто, отсюда забываются шаги по его созданию. И я решил написать некую шпаргалку, в помощь самому себе и другим разработчикам. Помимо шагов, я так же снял небольшие видео ролики для наглядности. Существуют уже готовые фреймворки для Node.JS, которые уже содержат в себе все необходимые пакеты и можно работать с ними, но это уже другой путь. Идея была в том, чтобы не зависить целиком от какого-то фреймворка и в случае необходимости менять одни пакеты на другие.
Читать дальше →
Всего голосов 4: ↑2 и ↓2+2
Комментарии14

Как программисту переехать на Кипр

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


Disclaimer: Эту статью я начал писать достаточно давно и закончил только сейчас, так как не было времени. За это время было опубликовано еще 2 аналогичные статьи: вот эта и вот эта. Часть информации в статье повторяет информацию из этих двух статей. Однако, так как всё описанное в статье я рассматриваю через призму собственного опыта, я решил оставить ее без изменений.

Да, сегодня речь пойдет не о самой распространенной модели трактора, но так уж получилось. Хотя описываемые события произошли относительно давно, в общем и целом ситуация не поменялась и модель трактора все еще работоспособна. Итак, в данной статье я расскажу о процессе поиска работы, подготовке к переезду, переезде и общих впечатлениях о жизни тут.
Кому интересно, прошу под кат.
Всего голосов 73: ↑68 и ↓5+63
Комментарии103

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

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

Imposter Phenomenon – это когда человек считает свой успех или результаты работы удачным стечением обстоятельств и не приписывает их своим стараниям или личным качествам. В результате он не готов об этом говорить и делиться полученным опытом.

Среди разработчиков и айтишников – достаточно распространенное явление. По тем источникам, которые мне попадались, да и по собственным наблюдениям, себя недооценивают 60-75% активных и талантливых людей. Проблема эта исключительно психологическая. Т.е. от нее вполне можно избавиться путем определенных логических рассуждений, плюс некоторыми установками, которые вернут человека к объективной реальности. Ну и поскольку я наблюдаю за этими процессами не первый год, хочу поделиться определенными умозаключениями. Вдруг кому поможет.

Читать далее
Всего голосов 36: ↑31 и ↓5+34
Комментарии42

Типичные зубы пациента-айтишника: что с ними не так

Время на прочтение7 мин
Количество просмотров99K
Добрый день! Меня зовут Ярослав, я главврач клиники на Зиларте сети «Белая радуга». 10 лет я работаю с зубами пациентов, и вот на 10-й год обнаружилось кое-что интересное. Мы в декабре начали писать про свою клинику, и у нас в гостях оказались люди, которые говорили, что они с Хабра.

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

image
Стираемость на нижней челюсти.

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

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

  1. Нарушение саливации из-за ночной работы, обезвоживания или стресса.
  2. Привычка перекусывать джанк-фудом (пицца, печенье).
  3. Малоподвижный образ жизни с детства, что в целом сказывается на формировании постуры, скелета и прикуса.
  4. Привычка блокировать телесные сигналы: развитая «встроенная» аутоанестезия.

Давайте расскажу, что я увидел по зубам.
Читать дальше →
Всего голосов 105: ↑98 и ↓7+127
Комментарии238

Преимущества метода интервального запоминания

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

Сегодня я расскажу вам, как это сделать с помощью интервального запоминания и бесплатного open-source инструмента под названием Anki.


Читать дальше →
Всего голосов 23: ↑19 и ↓4+15
Комментарии28

Практическое применение FlexBox

Время на прочтение10 мин
Количество просмотров367K
Привет, хабр!

Одним прекрасным вечером, не предвещающим ничего интересного, в наш чатик поступило предложение от автора публикации «Переводим в код 5 действительно полезных шаблонов адаптивной разметки», написанной им весной 2012 года, написать статью-ремейк, но с применением FlexBox и сопутствующим пояснением что и как работает. После некоторой доли сомнений, интерес глубже разобраться в спецификации все таки победил и я благополучно сел верстать те самые примеры. В ходе погружения в эту область стало выясняться множество нюансов, что переросло в нечто большее чем просто переверстать макетики. В общем в данной статье хочу рассказать о такой чудесной спецификации, под названием «CSS Flexible Box Layout Module» и показать некоторые ее интересные особенности и примеры применения. Всех кому интересно, любезно приглашаю под хабракат.
Читать дальше →
Всего голосов 56: ↑54 и ↓2+52
Комментарии38

Информация

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

Специализация

Frontend Developer
Senior
JavaScript
TypeScript
React
Redux
Webpack
Web development