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

Front-end Engineer

Send message

Отправляем формы в Гугл таблицы

Level of difficultyEasy
Reading time2 min
Views9.4K

Привет, мир!

Поскольку это моя первая статья, я просто обязан начать ее именно с этой фразы.

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

Для реализации задачи потребуется google apps script и форма обратной связи.

Перейду сразу к делу.

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

Резиновый десктопный адаптив: как сделать большие экраны одинаковыми

Reading time5 min
Views8.6K

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

Читать далее
Total votes 13: ↑12 and ↓1+11
Comments13

Почему вам не нужна версия для слабовидящих

Reading time12 min
Views13K

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

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

Читать далее
Total votes 35: ↑34 and ↓1+33
Comments18

Как поступить в Y Combinator в 20 лет: 0 строк кода и 100 платящих клиентов

Reading time8 min
Views7.7K
image

Y Combinator — стартап-акселератор из которого появились Gitlab, Docker, Heroku, Codeacademey, Stripe, AirBnB, Reddit, Zapier, Webflow, Twitch, Boom, Coinbase, OpenSea, и еще 80 единорогов.

100 компаний заплатили за Stable еще до того, как мы написали хоть одну строчку кода — вот как у нас это получилось.

Stable — виртуальный адрес и почтовый клиент для бизнеса. Мы помогли наладить постоянные бизнес-процессы и цифровизировать обычную физическую почту сотням компаний, среди которых Fast, InDinero и Lugg.

Stable сегодня выглядит совсем иначе по сравнению с тем, каким он был в момент нашего запуска — нашей MVP была электронная почта и гугл диск. Эти инструменты были ключевыми в нашем продукте до тех пор, пока мы не достигли отметки в 100 платящих компаний на нашей платформе.

Этот пост о том, как и зачем мы приняли эти ранние решения относительно нашего стартапа.
Читать дальше →
Total votes 27: ↑12 and ↓15-3
Comments0

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

Reading time6 min
Views16K

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

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

Узнать подробнее
Total votes 23: ↑22 and ↓1+21
Comments9

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

Reading time11 min
Views3.1K

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

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

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

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

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

Reading time10 min
Views47K

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




Читать дальше →
Total votes 28: ↑22 and ↓6+16
Comments65

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

Reading time6 min
Views25K


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

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

Reading time6 min
Views62K

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

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


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

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

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

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

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

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

Reading time7 min
Views30K

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

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

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

Reading time3 min
Views4.4K

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

Читать дальше →
Total votes 15: ↑13 and ↓2+11
Comments5

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

Reading time8 min
Views12K
Привет, Хабр!

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

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

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

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

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

Reading time6 min
Views54K
Автор статьи, перевод которой мы публикуем сегодня, хочет рассказать о том, как упаковывать в контейнеры Docker веб-приложения, основанные на React, Express и MongoDB. Здесь будут рассмотрены особенности формирования структуры файлов и папок таких проектов, создание файлов Dockerfile и использование технологии Docker Compose.


Читать дальше →
Total votes 37: ↑34 and ↓3+31
Comments17

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

Reading time3 min
Views97K

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


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


image


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

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

Reading time3 min
Views7K
Оригинал здесь.

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

Читать дальше →
Total votes 8: ↑4 and ↓40
Comments0

Интересные новинки Vue 3

Reading time9 min
Views28K

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


Vue используется во всех проектах FunCorp. Мы внимательно следим за развитием фреймворка, постоянно улучшаем процесс разработки и внедряем лучшие практики. И, конечно же, мы не могли пройти мимо и не перевести статью Филиппа Раковски, сооснователя VueStorefront, про новые фичи Vue 3, серьёзно влияющие на написание кода.

image
В прошлый раз мы рассматривали фичи, которые влияют на производительность Vue 3. Нам уже известно, что приложения, написанные на новой версии фреймворка, работают очень быстро, но производительность — не самое важное изменение. Для большинства разработчиков намного важнее то, как Vue 3 повлияет на стиль написания кода.
Читать дальше →
Total votes 39: ↑38 and ↓1+37
Comments62

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

Reading time9 min
Views19K

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


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


Читать дальше →
Total votes 55: ↑49 and ↓6+43
Comments36

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

Reading time3 min
Views11K

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


metalz.web.app

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

Читать дальше →
Total votes 32: ↑27 and ↓5+22
Comments21

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

Reading time3 min
Views8.2K
Я придерживаюсь мнения, что мобильные приложения должны быть более персонализированными. Какие-то функции мне не нужны, другие использую чаще. Но почему-то мы уравниваем всех под одну гребенку, чтобы по чуть-чуть, но угодить большему количеству людей. Чуть дальше в плане персонализации ушли новостные ленты и соц. сети, которые предоставляют уникальный каждому контент.

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

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

Reading time4 min
Views12K
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
Comments26
1

Information

Rating
Does not participate
Location
Индонезия
Registered
Activity