#веб-разработка

А вот инструмент, от которого у меня дух захватило: bolt.new

Пишешь, какое приложение тебе нужно, и он за полминуты собирает полноценный веб-сервис (фронтенд, бэкенд, вот это всё).

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

А потом нажимаешь кнопку «deploy» и приложение становится доступно публично в интернете.

Всё это — абсолютно бесплатно. 20 тысяч токенов в день — бесплатно, дальше 10 миллионов токенов в месяц за 20$.

Сделали ребята из онлайн-IDE StackBlitz.

2 месяца назад один технарь запустил сайт One Million Checkboxes, Миллион Галочек (крыжиков?)

Все галочки глобальные — то есть ставится не только у того, кто её поставил, но вообще у всех, кто сидит на сайте или открыл его после.

Это оммаж знаменитому One Million Dollar Homepage, сайту, каждый пиксель которого продавался за один доллар. Господи, кажется что было вчера, а это было 19 лет назад!

«Миллион галочек» стал почти таким же популярным, про него написали New York Times и Washington Post, на него зашли 500 тысяч человек и и поставили 650 миллионов галочек (многие убирали галочки, поставленные другими). Да и технически он устроен довольно элегантно.

Через какое-то время создатель «миллиона галочек» заходит в свою базу данных и видит там в текстовом ссылки на сайты, какие-то тексты. Хотя никаких текстов на сайте ввести нельзя, там есть только галочки! «Меня взломали!», думает он и бросается искать концы. Не буду пересказывать всю историю, но она достойна 5 минут времени, если вы любите технические приколы.

Мы с клиентом запустили стартап. Он помогает малым локальным бизнесам — кофейням, барбершопам и другим — зарабатывать по модели, которую применяют Amazon и Яндекс.

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

В новой статье делимся, как у нас получилось успеть всё это за 6 месяцев при том, что требования постоянно менялись (стартап!)

Хотите запустить проект с нами? Пишите в личку @samatg или оставляйте заявку на сайте.

Мы перезапустили блоги на Снобе! Блоги — часть Сноба, где можно зарегистрироваться, заплатить и публиковать свои посты. Лучшие посты редакция продвигает на главной, вместе с редакционными статьями. У постов есть комментарии, которые могут оставить только подписчики. Это сообщество с богатой историей: в ходе работы я наткнулся на профиль Бориса Немцова!

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

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

Мы планировали завершить перезапуск блогов за 6 месяцев, а заняло это все 8. Когда я примерно в середине проекта завел разговор о том, что очень стыдно и как вообще быть, Марина Геворкян, издатель Сноба, ответила мне следующее: «вы за 4 месяца сделали то, что мы не могли сделать 4 года».

В общем, горжусь нашими ребятами. Герои:
- Никита Алёшников, бэкенд-разработчик
- Фёдор Борщёв, технический директор
- Михаил Бурмистров, ведущий фронтенд-разработчик
- Вячеслав Набатчиков, бэкенд-разработчик
- Всеволод Скрипник, бэкенд-разработчик, руководитель проекта
- Денис Сурков, бэкенд-разработчик
- Владимир Тарановский, фронтенд-разработчик.

Отдельное спасибо Марине Геворкян за доверие и Валерии Тищенко за отличную продуктовую работу.

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

P.S. Федя опубликовал подробную техническую статью о том, что мы делали под капотом. Рекомендую технарям!

P.P.S. Постараюсь больше не пропадать и рассказывать о том, что и как мы делаем по работе.

Важное про сертификаты letsencrypt для технарей, чтобы сайт сегодня не превратился в тыкву: https://t.me/devfounder/116

Классная функция в хроме для отладки веб-приложений — «Clear storage».

Можно нажатием на одну кнопку сбросить всё, что связано с конкретным сайтом — localStorage, куки, все кеши и даже сервис-воркеры.

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

Смотрю трансляцию конференции AMP Conf 2018 из Амстердама.

1. Анонсировали новый формат stories (ссылка на timecode в трансляции). Vox и прочие уже сделали примеры, вот прямая ссылка на один Story от них. Для этих stories будет отдельная карусель в результатах поиска. Чтобы посмотреть карусель — откройте ссылку на телефоне или симуляторе, наберите в строке поиска vox или cnn — второй строкой будет карусель.
2. Рассказывают о хороших сайтах, которые AMP-first (а не обычная версия + AMP версия для трафика). Примеры: Tasty (базфид про еду) и новый сайт BMW.
3. Пушат свои крупные компоненты вроде date-picker, gallery, lightbox и sharing-buttons. Давят на то, что эти компоненты респонсив и хорошо оттестированы на сотнях кейсов. Tasty рассказывает, что с этими компонентами на самом деле гораздо проще жить.
4. Рассказывают про amp-optimizer (внутри AMP-toolbox), который круто оптимизирует AMP-сайты.

Fun fact: на презентации были видео админок Stories от Vox и Washington Post. Обе компании были в ситуации, когда нужно запрогать что-то прямо сейчас. У Vox в результате получилась отдельная супер-красивая админка (говорят, что разработка заняла 3 дня), а у WaPo — франкенштейн из Chrome extension, который перехерачивает обычный редактор статей на лету. Очень хочется быть как Vox.

попытка встроить рекламу в Accelerated Mobile Pages «красиво», чтобы само добавлялось между абзацами с нужными пустотами

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

1. Glitch от легендарных FogCreek, создателей Trello.
К классическому функционалу Codepen и JSFiddle, которые позволяют редактировать html/js/css в браузере и тут же видеть результат, добавлена сильная социальная составляющая. FogCreek — крутейшая техническая компания, посмотрите на Glitch сами, оно того стоит. Анонс

2. Sketch от команды Expo. Expo — что-то типа Rails, но для js/react native, чтобы писать кроссплатформенные мобильные приложения на самом модном языке/стеке, не заморачиваясь самому тонкой настройкой инструментов. Анонс. Особо доставляет, что имя совпадает с супер-модным инструментом для дизайнеров Sketch от Bohemian Coding. Удобно, когда 2 разные вещи в одной среде называются одним и тем же именем (на самом деле нет).

Отлаживаем новый формат Медузы. Целевое устройство — маленький телефон в центре кадра. На больших экранах — код страницы и сетевые запросы телефона. Чувствую себя хакером из фильмов 🙈