Как стать автором
Обновить
3
0
Наталья Нор @natanor

Frontend developer

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

Холод без электричества? Да, бывает: абсорбционный холодильник

Уровень сложностиСредний
Время на прочтение10 мин
Количество просмотров49K
Картинка BRGFX, Freepik

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

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

А если я скажу вам, что существует способ получения достаточно низких минусовых температур без какого-либо электропитания?
Читать дальше →
Всего голосов 82: ↑80 и ↓2+103
Комментарии232

Как начать тестировать frontend: гайд для новичков

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

Хабр, привет. Меня зовут Рамиль Шайбаков, я фронтенд‑разработчик в СберЗдоровье. Последние несколько лет я часто собеседую кандидатов на позицию frontend‑разработчика в нашу компанию и заметил одну закономерность — у большинства специалистов нет опыта в тестировании. Причем знаниями о unit/интеграционных/e2e‑тестах, пирамиде тестирования, красно‑зелёном рефакторинге, TDD и BDD, скриншот‑тестировании и других техниках не могут похвастаться как новоиспеченные фронтенды, так и специалисты уровня Senior. Причины и аргументы у всех разные, но итог один — фронтенды часто не делают тесты.

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

Поехали
Всего голосов 7: ↑6 и ↓1+6
Комментарии0

16 простых и эффективных правил дизайна UI

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

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

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

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

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

Самый быстрый способ обучения — это практика, так что приступим!
Читать дальше →
Всего голосов 53: ↑52 и ↓1+65
Комментарии13

Дюжина дизайнерских косяков

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


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

Спустя время я выделил несколько неочевидных вещей, на которые старался обращать внимание, и в большинстве случаев находил ошибки. Получился небольшой чеклист. Очень полезный как для самопроверки, так и для проверки чужого дизайна. Им с вами и спешу поделиться:
Читать дальше →
Всего голосов 225: ↑210 и ↓15+195
Комментарии140

Пользователь попросил автономный ИИ «уничтожить человечество»: вот что произошло

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


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


На днях пользователь нового автономного ИИ-проекта с открытым исходным кодом Auto-GPT попросил его «уничтожить человечество», «установить глобальное господство» и «достичь бессмертия». Этот новый ИИ под названием ChaosGPT подчинился приказу и попытался исследовать ядерное оружие, нанять других ИИ, чтобы помочь ему в исследованиях, и рассылал твиты, пытаясь повести человечество в нужном ему направлении.


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

Читать дальше →
Всего голосов 73: ↑55 и ↓18+51
Комментарии371

Недушные интервью разработчиков

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

По примерным прикидкам за 10 лет работы в Miro провел порядка 500 интервью. Настало время поделиться сакральным опытом «как за час проверить, что чел шарит, и при этом не превратить интервью в душный допрос».

Читать далее
Всего голосов 49: ↑39 и ↓10+37
Комментарии36

Проклятие мракобесия над отечественной генетикой. Update: Кудрявцева уволили

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

Генетика - одна из самых динамично развивающихся наук. Мало какая другая дисциплина может поспорить с ней по степени воздействия на качество нашей жизни. И мало какой науке доставалось так сильно, как генетике, за последние сто лет. Больше всего ее корили за евгенику, развитию которой она могла здорово поспособствовать. Сейчас во всем мире действует мораторий на клонирование человека и редактирование его генома. До сих пор не утихла ГМО-истерия.

Но тяжелее всего ей пришлось в СССР и РФ. 

Науку, которая только начала зарождаться, почти полностью уничтожил Трофим Лысенко - безграмотный мерзавец, сгноивший в ГУЛАге самых талантливых ученых-генетиков, чтобы они не мешали продвигать нео-ламаркизм, который принес ему ложную славу и высокий пост. Фактически, он отбросил нашу науку на десятилетия назад. Тяжелейшая потеря, от которой генетика очень долго приходила в себя.

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

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

По сути, ведущий российский генетик — отрицает генетику.

Читать далее
Всего голосов 236: ↑201 и ↓35+225
Комментарии965

О том, как мы немного наплевали на маркетинг и сварили крем для век по вашим просьбам

Время на прочтение9 мин
Количество просмотров9.3K
Как поступают фирмы, когда разрабатывают новые продукты?

• Маркетологи изучают рынок.
• Конкурентов.
• Продукты.
• Спрос.
• Смотрят, что можно скопировать и кого заместить.
• Прорабатывают стратегию продаж.
• Определяют форму, в которой будет выпускаться то или иное средство.
• И только потом, после долгого анализа, начинают готовить сам продукт.

Как сделали мы (в какой-то степени это было безумство храбрых): послушали покупателей, которые давно и много просят нас сварить какой-нибудь плотный и питательный крем для век, и сварили.

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


Формула одного из основных элементов крема выглядит так

Сейчас расскажу о том, что из этого получилось.
Читать дальше →
Всего голосов 43: ↑39 и ↓4+45
Комментарии9

Стартуем микросервис на Node.js + fastify + Typescript + prisma + mongodb + grpc

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

Зачастую возникает необходимость начать новый микросервис.

Вот и у меня совсем недавно возникла такая потребность. А ведь еще хочется и чего-то новенького попробовать.

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

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

Ты не работаешь в офисе: подборка статей для удалёнщиков

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

Я ушла на удалёнку 7,5 лет назад, задолго до ковида — примерно в те времена, когда аналитические конторы насчитывали около 30 000 удалёнщиков на всю страну, а сам формат был непонятным едва ли не всем. Тем не менее, март 2020 года не стал для меня уверенным поворотом: я, как и все, сменила коворкинг с кучей интересных и разных ребят из IT-компаний на квартиру. А это совершенно другие ощущения от работы, организации места, общения с родными, здоровья и даже хобби. Жизнь так сложилась, что сейчас многие сотрудники продолжают переходить на удалённую работу, находят удалённые проекты, устраиваются в офисы, где принят home office. И они обязательно сталкиваются с растерянностью, непониманием, опасениями и даже страхами. Между тем на Хабре и на других сайтах немало хороших статей, которые и помогают, и подсказывают — буквально протягивают руку поддержки и дают понять: ничего уникального, ты не один и ты справишься. Отобрала для вас лучшие.

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

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

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

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

Читать далее
Всего голосов 109: ↑89 и ↓20+93
Комментарии145

Пишем собственный WYSIWYG редактор на основе веб-компонентов и textarea. Часть 1

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

Всем привет, последние пару месяцев я активно изучаю тему веб‑компонентов, собираю и нарабатываю опыт, а затем делюсь своими наработками с другими с целью обменяться опытом, получит новый опыт, фидбек и понять куда двигается разработка в вебе и шагать дальше за новым опытом. Все ниже изложенное не является инструкцией как делать нужно, а является примером того, как сделать возможно на текущий момент в 2023 году, у меня уже набрался небольшой опыт (8 публикаций и 3 веб‑компонента на гитхабе) и я решился попробовать сделать что‑то серьезнее чем просто очередную реактивную кнопку или лайки, в первой части моей публикации я проведу вас по MVP веб‑компонента wc-wisywig, немного затронем философию семантики, браузерные API и обменяемся опытом, потестим HTML5 теги в статье на хабре. Для нетерпеливых сразу вот ссылка на демо и git репозиторий. Остальных ждет техничесий лонгрид, прошу под кат)

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

НДФЛ для удаленщиков и вредные советы

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

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

Мне хотелось бы сделать небольшой обзор терминов и правовых нюансов, как экономист, потому что, увы – так устроена правовая система, что мало сослаться на пункты из НК РФ, добавить к ним свое видение и voila – решение найдено. На самом деле, все несколько сложнее и запутаннее, чем может показаться на первый взгляд. И да, конечно, ни один работодатель и его бухгалтер в здравом уме не согласятся на такие авантюры и трактовки, которые позволят «эффективно оптимизировать» бюджет компании, перечисляя за сотрудников вместо полагающихся 30% НДФЛ такие вкусные 0%. Почему? Давайте разбираться во всем по этапам.

Читать далее
Всего голосов 43: ↑42 и ↓1+56
Комментарии19

Почему 98% текстов на ваших сайтах не работают. Вообще. И как это починить

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

Вот так люди видят вашу страницу

Привет!
Проблема вот в чём. Если зайти на практически любой сайт интернет-магазина или компании с услугами, вы встретите контент. Точнее — отвратительные тексты, которые писали, кажется, маркетологи, воспитанные сеошниками.

Разумеется, можно не делать, как они. Если работать по-умному, то вы поможете и читателям по жизни, и себе в продажах.

По моим примерным подсчётам (усреднение с ряда позиций), конверсии для нас выглядят так:
  • Только название и картинка — около 1,5%.
  • С описанием от производителя — чуть более 2%.
  • С описанием человека, который держал это в руках и знает правила — около 6%.

Ниже — рассказ про то, как мы доводили время на сайте от 3 минут сначала до 6:40, а потом до 20:48. Да-да, двадцати минут сорока восьми секунд для среднего посетителя. Честного среднего, с учётом отказов и по полной выборке.
Читать дальше →
Всего голосов 294: ↑282 и ↓12+270
Комментарии121

Лучшее в мире видео-объяснение нейронных сетей, глубокого обучения, градиентного спуска и обратного распространения

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

Видео от 3Blue1Brown отличаются поразительной понятностью и лаконичностью. Делать конспект видеоуроков по нейронным сетям у меня не получилось, ибо это была бы просто раскадровка, да и особая магия динамики именно видео непросто передать.

Из комментариев к прошлым публикациям мне стало понятно, что есть большое количество людей, кто не знает про канал, поэтому хочу поделиться четырьмя видео (+ русские субтитры и дубляж) и сэкономить время школьникам, родителям и учителям, чтобы они могли иметь быстрый доступ к самому интересному и качественному объяснению одной из самых важных тем современности.
Всего голосов 51: ↑47 и ↓4+57
Комментарии24

9 репозиториев, о которых должен знать каждый веб-разработчик

Время на прочтение4 мин
Количество просмотров21K
В наши дни GitHub — это универсальное хранилище всего, что связано с веб-разработкой. Фреймворки, демоверсии, всевозможные коллекции — вероятно, нет ничего такого, что вы не могли бы найти на GitHub. Однако в этом огромном количестве и заключается проблема. Есть классные вещи, о которых вы, вероятно, никогда не услышите просто потому, что репозиториев много. Сегодня, специально к старту нового потока курса по веб-разработке мы делимся подбокой некоторых из самых популярных репозиториев GitHub, о которых вы должны знать, каждый из которых имеет по крайней мере ~30 000 звёзд.

Приятного чтения
Всего голосов 45: ↑23 и ↓22+6
Комментарии5

Полный обзор webpack

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

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

Важность организации никогда нельзя недооценивать; она приносит пользу не только отдельным программистам, но и всем, кто будет использовать ту же базу кода в будущем. Если вы решили управлять своим кодом с помощью модулей, вам нужен сборщик модулей, и нет лучшего сборщика, чем webpack.
Читать дальше →
Всего голосов 7: ↑3 и ↓4+1
Комментарии5

Эволюция кода: путь к лучшему дизайну

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

В этой статье мы изучим программное решение экзаменационной задачи конца второго семестра в AltSchool Africa. Эта задача подразумевает построение системы для управления складскими запасами магазина, продающего машины и другие товары. В частности, магазин должен иметь возможность отслеживать количество и общую стоимость проданных и оставшихся на складе товаров.
Читать дальше →
Всего голосов 27: ↑23 и ↓4+31
Комментарии12

Как взрослому выучить английский: 7 шагов от азов до свободного владения

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

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

Читать далее
Всего голосов 30: ↑28 и ↓2+29
Комментарии31

Как всё успевать: 10 проверенных принципов борьбы с хаосом задач

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

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

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

Читать далее
Всего голосов 42: ↑39 и ↓3+45
Комментарии26

Информация

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

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

Frontend Developer
Middle
TypeScript
Angular
SCSS
Adaptive layout