Pull to refresh
14
Karma
0
Rating
Макс Корсунов @VanishMax

Front-end Developer

14 Важных UI/UX типсов для твоего дизайна

Interfaces *Mobile applications design *Graphic design *Design
Tutorial

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

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

Узнать подробнее
Total votes 23: ↑22 and ↓1 +21
Views 6.5K
Comments 9

Дизайн-мышление, умение питчить и железные бубенцы — какие навыки необходимы продакту? Узнали у участников ProductSense

Нетология corporate blog IT career

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

Всего мы получили более 70 идей о том, какими должны быть профессиональные навыки, soft skills и просто те качества, которые пригодятся продакт-менеджеру. В итоге получился объёмный список, который мы для удобства оформили в «осьминожку» навыков, — она поможет начинающему продакту наметить план своего профессионального развития. 

Делимся с вами конспектом самых интересных инсайтов. Это статья для тех, кто рассматривает для себя карьеру в продакт-менеджменте.

Читать далее
Total votes 6: ↑5 and ↓1 +4
Views 2.3K
Comments 0

Релокейт-обзор для удаленщика: 5 стран, куда просто приехать

GetMatch.ru — ГетМэтч.ру corporate blog IT-emigration IT career Remote work

В блоге часто пишем про страны, куда IT-специалисты релоцировались, устроившись в местную компанию: и инженеры, дизайнеры и продакты рассказывают о том, как им живется на новом месте. Но это не единственный вариант переезда. Жить у моря и работать на пляже под пальмами — кажется, что именно так выглядит идеальная работа на удаленке. Реально ли в таком месте работать и оставаться продуктивным IT-специалисту? И какие еще есть варианты? Собрали 5 направлений, рассказываем!




Читать дальше →
Total votes 28: ↑22 and ↓6 +16
Views 37K
Comments 65

Микрофронтенды: разделяй и властвуй

VK corporate blog Delivery Club Tech corporate blog Website development *JavaScript *VueJS *


Всем привет! Меня зовут Аня, я фронтенд-разработчик в Delivery Club. Хочу рассказать про использование микрофронтендов. Поговорим о том, что же это за зверь такой — микрофронтенд, почему мы решили использовать этот подход в своих проектах и с какими проблемами столкнулись при внедрении.
Читать дальше →
Total votes 34: ↑31 and ↓3 +28
Views 21K
Comments 34

Что почитать (НаучПоп / Научная Фантастика)

Reading room Popular science Physics Science fiction Brain

Некоторые время назад сильно увлёкся потреблением информации с научно-популярным уклоном. Но как не заблудиться в миллионах книг? Ресурс то ограничен. А значит придётся выбирать.

Удалось собрать библиотеку по 4 разделам:


Раздел 1. Законы науки и мышление
(Математика, Рациональность, Научный метод, Когнитивные искажения, Нейрофизиология, Ошибки мышления, Доказательная медицина)

Раздел 2. Законы природы
(Физика, Математика, Теория относительности, Квантовая механика, Астрофизика, Астрономия, Изобретения и открытия)

Раздел 3. Законы жизни
(Абиогенез, Теория эволюции, Молекулярная биология, Биоинформатика, Биология клетки, Антропогенез)

Раздел 4. Художественный научпоп / Научная фантастика

Обменяться рекомендациями
Total votes 44: ↑41 and ↓3 +38
Views 48K
Comments 253

Google говорит, университеты больше не нужны

Productivity Inside corporate blog Studying in IT Education abroad IT career
Translation

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

Для многострадального образовательного сектора, который и без того осаждают проблемы вроде спада в числе абитуриентов, черепашьего темпа изменения учебных программ, затруднений с переходом на дистанционное обучение и слишком высокой стоимости, этот ход со стороны Google и его сотрудников, возможно станет началом давно назревающего цифрового переворота.
Читать дальше →
Total votes 26: ↑24 and ↓2 +22
Views 29K
Comments 126

Putout: линтер нового поколения

JavaScript *Perfect code *Node.JS *Compilers *
🔥 Technotext 2020

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

Читать дальше →
Total votes 15: ↑13 and ↓2 +11
Views 3.9K
Comments 5

Сила PWA: Система видеонаблюдения с нейросетью в 300 строчек JS-кода

Website development *JavaScript *Development of mobile applications *Google API *Machine learning *
Привет, Хабр!

Веб-браузеры медленно но верно реализуют большинство функций операционной системы, и остается все меньше причин разрабатывать нативное приложение, если можно написать веб-версию (PWA). Кроссплатформенность, богатое API, высокая скорость разработки на TS/JS, и даже производительность движка V8 — все идет в плюс. Браузеры уже давно умеют работать с видеопотоком и запускать нейронные сети, то есть мы имеем все компоненты для создания системы видеонаблюдения с распознаванием объектов. Вдохновленный этой статьей, я решил довести демо-пример до уровня практического применения, чем и хочу поделиться.

Приложение записывает видео с камеры, периодически отправляя кадры на распознавание в COCO-SSD, и если обнаружен человек — фрагменты видеозаписи порциями по 7 секунд начинают отправляться на указанный емейл через Gmail-API. Как и во взрослых системах — ведется предзапись, то есть мы сохраняем один фрагмент до момента детекции, все фрагменты с детекцией, и один после. Если интернет недоступен, или возникает ошибка при отправке — видеозаписи сохраняются в локальной папке Downloads. Использование емейла позволяет обойтись без серверной части, мгновенно оповестить хозяина, а если злоумышленник завладел устройством и взломал все пароли — он не сможет удалить почту у получателя. Из минусов — перерасход трафика за счет Base64 (хотя для одной камеры вполне хватает), и необходимость собирать итоговый видеофайл из множества емейлов.

Работающее демо здесь.

Проблемы возникли следующие:
Читать дальше →
Total votes 12: ↑11 and ↓1 +10
Views 11K
Comments 1

Докеризация приложения, построенного на базе React, Express и MongoDB

RUVDS.com corporate blog Website development *JavaScript *MongoDB *
Translation
Автор статьи, перевод которой мы публикуем сегодня, хочет рассказать о том, как упаковывать в контейнеры Docker веб-приложения, основанные на React, Express и MongoDB. Здесь будут рассмотрены особенности формирования структуры файлов и папок таких проектов, создание файлов Dockerfile и использование технологии Docker Compose.


Читать дальше →
Total votes 37: ↑34 and ↓3 +31
Views 39K
Comments 17

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

Website development *JavaScript *GitHub *Studying in IT
Translation

Кроме огромных репозиториев с источниками для подготовки к интервью, здесь много чего интересного


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


image


А я его перевел, т.к. показалось, что пост многим будет интересен. Перевод очень вольный: я опустил нерелевантные промо-ссылки и гипер эмоциональные похвалы автора оригинала, чтобы оставить только суть. Еще, обновил цифры, чтобы информация была более актуальной к моменту публикации этого перевода. Итак, перейдем к списку.
Читать дальше →
Total votes 76: ↑69 and ↓7 +62
Views 89K
Comments 8

Быстрый старт нового приложения на React с использованием nwb

JavaScript *ReactJS *
Оригинал здесь.

Написав несколько приложений на React, теперь уже довольно скучно каждый раз начинать всё сначала. Мне нужно настроить webpack, webpack-dev-server, Babel с некоторыми пресетами и плагинами, Karma, React, несколько лоадеров для JSON, CSS, картинок и шрифтов – и объединить всё это вместе.

Читать дальше →
Total votes 8: ↑4 and ↓4 0
Views 6.8K
Comments 0

RE: Боль и слёзы в Svelte 3

JavaScript *ReactJS *VueJS *SvelteJS *

Вместо предисловия


Данный пост является ответом на вчерашнюю статью «Боль и слёзы в Svelte 3» и появился как следствие сильно «располневшего» комментария к оригинальной статье, который я решил оформить в виде поста. Ниже я буду использовать слово автор для отсылки к автору оригинальной статьи и позволю себе сделать некоторые уточнения по всем пунктам. Поехали!


Читать дальше →
Total votes 55: ↑49 and ↓6 +43
Views 18K
Comments 36

Как я опубликовал PWA на Svelte в Google Play

Website development *JavaScript *SvelteJS *

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


metalz.web.app

Под катом рассказ о том, как я переписал приложение с react-native на Svelte и опубликовал его в Google Play.

Читать дальше →
Total votes 32: ↑27 and ↓5 +22
Views 10K
Comments 21

Адаптивный дизайн приложения под каждого пользователя

Development for iOS *Mobile applications design *
Я придерживаюсь мнения, что мобильные приложения должны быть более персонализированными. Какие-то функции мне не нужны, другие использую чаще. Но почему-то мы уравниваем всех под одну гребенку, чтобы по чуть-чуть, но угодить большему количеству людей. Чуть дальше в плане персонализации ушли новостные ленты и соц. сети, которые предоставляют уникальный каждому контент.

А что если уйти еще дальше и помимо контента предоставлять людям персонализированный UI?!
Читать дальше →
Total votes 26: ↑23 and ↓3 +20
Views 7.4K
Comments 26

Как прокачать свою карьеру через GitHub

CyberEd corporate blog Information Security *System Programming *GitHub *IT career
GitHub – крупнейшая библиотека, созданная разработчиками для разработчиков. Главная прелесть хостинга в его идеологии: отдавать также легко, как и получать. Здесь можно найти самые разные IT-проекты как легальные, так и не совсем. Пользуясь открытостью, кто-то роется в исходниках в корыстных целях – чтобы потом использовать их уязвимости для банального шантажа, а кто-то с помощью репозиториев прокачивает свои профессиональные скилы. Давайте разберемся, как не закопаться в миллионах источников и какие перки можно заполучить.

То, что знания не принадлежат лишь узкому кругу избранных, уже признают и транснациональные корпорации. На основе одного исходного кода вырастает несколько новых – так и развиваются технологии, которыми в итоге начинает пользоваться весь мир. Такие гиганты, как Apple, Google, Facebook, Microsoft – разместили и продолжают постоянно обновлять свои репозитории на GitHub. Да что уж, если даже Министерство обороны США заводит хранилище на хостинге https://github.com/Code-dot-mil/code.mil с лозунгом «Помогите нам стать лучше». И каждое новое предложенное полезное решение – это очередной выученный урок в карьере разработчика.

Формат open-source проектов хорош тем, что позволяет участникам общаться также, как мы делаем это в социальных сетях. Помните про принцип соревновательности! К примеру, некто постит вариант реализации идеи. Другие участники, на интересе, либо желая покуражиться предлагают хаки. В итоге – сообщество плюсует авторам лучших решений.

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

Читать дальше →
Total votes 24: ↑13 and ↓11 +2
Views 11K
Comments 26

До свидания, Electron. Здравствуйте, настольные PWA

RUVDS.com corporate blog Website development *Google Chrome Browsers
Translation
Автор материала, перевод которого мы сегодня публикуем, говорит, что он, возможно, слишком торопится, но то, о чём он хочет рассказать, представляет собой, по меньшей мере, весьма интересную новость. Речь идёт о настольных прогрессивных веб-приложениях, которые вполне могут значительно потеснить позиции приложений, основанных на Electron.

image
Читать дальше →
Total votes 40: ↑35 and ↓5 +30
Views 34K
Comments 140

Redux против React Context API

Website development *JavaScript *ReactJS *
Translation
Tutorial


В React 16.3 был добавлен новый Context API. Новый в том смысле, что старый Context API был за кадром, большинство людей либо не знали о его существовании, либо не использовали, потому что документация советовала избегать его использования.

Однако теперь Context API является полноценной частью React, открытой для использования (не так, как раньше, официально).
Читать дальше →
Total votes 19: ↑17 and ↓2 +15
Views 68K
Comments 24

27 отличных open source-инструментов для веб-разработки

NIX corporate blog Web design *Website development *Development for e-commerce *Web services testing *
Translation


Перевод 27 Amazing Web Development Tools for the Past Year (v.2018)

В 2017-м мы сравнили около 7 500 open source-инструментов для веб-разработки, из которых выбрали 27 лучших (0,4%). Это крайне конкурентный список, в который вошли инструменты, библиотеки и проекты, опубликованные в течение 2017-го. Mybridge AI оценивает их качество на основании популярности, заинтересованности и новизне. Чтобы было понятно, у выбранных продуктов среднее количество звёзд на Github — 5260.

Open source-инструменты могут почти даром повысить вашу продуктивность. Также вы можете чему-то научиться, читая исходный код и создавая что-нибудь на основе этих проектов. Так что рекомендуем уделить время и поэкспериментировать с инструментами из нашей подборки, возможно, какие-то из них прошли мимо вас.
Читать дальше →
Total votes 70: ↑55 and ↓15 +40
Views 50K
Comments 10

Пассивная агрессия: как она разрушает нашу рабочую жизнь и как с ней бороться

Personnel Management *
Sandbox
Жизнь, как и личная, так и корпоративная, полна конфликтов. К сожалению, большинство из них происходит не из-за здорового различия во мнениях, а на почве взаимного недопонимания и как снежный ком копящихся обид. Я бы хотел поговорить о явлении, которое, на мой взгляд, является корнем (почти) всех зол и одной из главных проблем человеческого общения – о «пассивной агрессии».
Читать дальше →
Total votes 28: ↑24 and ↓4 +20
Views 47K
Comments 32

Надоевшая почта или как отправлять сообщения с сайта в Telegram через Node.js (Express)

Ajax *JavaScript *Programming *Node.JS *API *
Sandbox
logicSchema

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

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

Но давайте обо всем по порядку.
Читать дальше →
Total votes 28: ↑24 and ↓4 +20
Views 33K
Comments 15
1

Information

Rating
Does not participate
Location
Иннополис, Татарстан, Россия
Registered
Activity