Тадас Антанавициун
Вопрос: Что вы можете сделать со следующим?
- Суббота + воскресенье
- 16 часов мозгового штурма, дизайна и времени
- 4 незнакомца Кто встретил на завтрак в субботу утром
- Хакерское пространство, бесплатная еда и млаж хакатона вкусности от организаторов FreeCodeCamp/NetLify JamStack 2018 Hackhathon размещены в Github
Ответ: функциональное живое «игровое шоу» приложение в Интернете.
- Построен на спинах не менее 18 значительных бесплатных кузов программного обеспечения (консервативная оценка)
- Около 80 одновременных игроков в живой финальной демонстрации
- $ 4 Общие расходы (для доменного имени)
- Один из $ 500 Гранд из 28 команд и сотни участников с представлениями
Последний шаг для Witworld командой Где в мире:
Смотрите репозиторий здесь.
Термин « Статический сайт » поставляется с большим количеством багажа. Это похоже на реликвию первых дней Интернета, когда статические веб-страницы были рассмотрены «отображать ту же информацию для всех пользователей, от всех контекстов» – ФИЗИРОВАНИЕ, которые все еще сидят на Википедии Статическая веб-страница запись как в этом письме.
Поэтому, когда мы говорим, что фундаментальное основание Джамстак Применение состоит в том, что он сосредоточен вокруг статического веб-сайта, которые наверняка поднимают много бровей. Ведь персонализированная, информационно-самажная природа сегодняшней сети, кажется, предполагает, что статические веб-страницы не начала.
Это мышление привело к пролиферации полных разработчиков стека. Bootcamps и учебные программы по всему проповедуют необходимость полных стековых навыков, таких как Meern (Mongodb, Express, React и Node).
Такого подхода определено ценность – но там это другой путь.
Введите JamStack. Его миссия: расширить возможности интерфейс-инженера Отказ
Лучшая производительность. Более высокая безопасность. Легко масштабирование. Все с просто JavaScript, API и Markup.
Необходимость изучения полной стопки технологий, таких как Мерн, чтобы иметь возможность производить ценные, технические приложения, больше не единственный путь. Подавляющее большинство случаев использования бизнеса не нужно, чтобы вы повторно изобрели колесо на заднем дне. Аутентификация – это решенная проблема. Принимая платежи – это решенная проблема. И так далее: вы можете сосредоточиться на том, чтобы стать мастером CSS и JavaScript для создания вашего приложения и SLAP вместе пробовал, True и безопасную API для заполнения пробелов.
Каждый новый API приводит к миру новых возможностей для случая использования – каждый все более динамичный, чем последний.
И действительно, команда, где в мире намеревалась продемонстрировать именно те возможности.
Демонстрируя JamStack и демонстрируя мир
Да, это наш сырный лозункт для того, что Witworld приносит к столу.
Как Джефф , Тайлер С Габе И я встречался над завтраком (спасибо, Github, за бездонный поставщик вкусных товаров), мы плюйте идей за то, на что мы могли бы работать.
Сразу после послеведочного затрата Keynote закончилось, Джефф прошептал нам:
И мы были в гонках.
У хайки вы строите демонстрацию
Одним из лучших решений, которые мы сделали рано, было выбрать нашу северную звезду, вырезать жир и сосредоточиться на одной цели. Эта цель – как оно должно быть в большинстве каждого хакатона – было: давайте построим шаги, которые нам нужны для демонстрации. Ни больше ни меньше.
Это означает, что это не будет готово к производству. Это означает, что наши клавиши API жестко закодированы в наш код клиента. Это означает, что наше приложение дует вверх, если кто-либо из игроков решает ударить кнопку «Назад» на их браузере. Расход CSS выключен. Наша цветовая палитра была неделя поздно для Хэллоуина. Спагетти, но это работает? Отправил это.
Наш репозиторий является общедоступным , но, пожалуйста, не смотрите наш код. Это беспорядок с половиной. Тот факт, что наш последний коммит пришел в 5:56 вечера, когда код полный крайний срок был с 6:00 вечера.
С JamStack мы сидим на плечах гигантов
Рано, у нас была грубая идея о том, как у Витряшего мир технически примет. Было ясно, что подписки GraphQL должны быть в основе этого: розетки были лучшим способом сделать веб-приложение «Live», а GraphQL аккуратно упаковал концепцию в «подписку».
Только одна проблема: Никто из нас никогда не написал подписку GraphQL раньше.
Hasura в помощь.
Hasura предоставляет «сервер GraphQL и событие» в базе данных Postgres за считанные минуты и был одним из спонсоров хакатона.
Преобразование нашего приложения из типичной модели нажима на чтение в реальном времени на веб-сокеты было простым вопросом, в словах документации Hasura:
И несколько строк APOLLO CONFIG TO POP на удобной конечной точке веб-сокета Hasura.
Это только один пример. Мы испытали эти простые «2 строки кода и XYZ основной функции готовы к тому, чтобы» снова и снова и снова и снова
- Facebook’s . Create-raction-app дал нам полную, готовую к производству эшаптов WebApp с несколькими командными строками вызовы
- Развертывание этого приложения к всему миру CDN на NetLify был нажав на щелчок вокруг красивого интерфейса
- Сочетание Аполлон и Graphql Спецификаторы означали, что прозрачный стандарт существовал для каждого вида операции данных с сторон клиента
- Стильные компоненты сохранил (по общему признанию, отсутствующую количества) CSS в нашем приложении простой в использовании и модульной
- Google Maps API означало, что у нас была интерактивная карта мира, интегрированная в наше приложение после часа чтения своих документов
- Функции NetLify – абстракция над aws lambda – дала нам идеальное место для централизации наших операций “Game Master”, критически важных для гладкой демонстрации
Не говоря уже о всех маленьких библиотеках FOSS NPM, которые мы использовали, чтобы мы не потратили слишком много времени, выяснив, что на самом деле значит широта и долгота, среди других клей.
Давайте не будем забывать, сколько работы поступило в современные браузеры, такие как Chrome и Firefox, или люди, ответственные за Well Slack Wlack, которые предупредили нас каждый раз, когда наша сборка не удалась, или отраслевая смещение самого наличия реагирования. Даже инструменты, такие как Heroku То, что мы затронули один щелчок, чтобы развернуть экземпляр Hasura – это завет на то, насколько они впечатляют, что они так плавно работают с нами, вряд ли реализуют свою главную роль.
Лучшая часть: Ни один из вышеперечисленных не стоит использовать один доллар для использования Отказ Не в масштабе хакатона в любом случае.
Прежде всего, нам повезло
Для остальных выходных есть какой-либо из этих сценариев, которые не упали, мы, вероятно, не будем много говорить о Witworld сегодня:
- За 2 минуты до того, как мы пошли, чтобы представить окончательную демонстрацию, Тайлер обнаружил ошибку в нашей настройке презентации, которая сохранила бы одинаковую картину для каждой игры. Через минуту он поставил диагноз и отремонтировал его.
- Наше приложение было (есть) полным отверстиями и ошибок безопасности. Кто-то мог протирать нашу базу данных через две секунды во время любого из демо.
- Мы получили имя команды, которое начинается с «W». Это означало, что у нас была удача выполнения прошедшего интервью, а последняя презентация последняя. С целым процессом является временной хруст, каждая минута дополнительной подготовки была ценной.
- Помните свой случайно выбранный колледж соседом по комнате? Вероятно, 50/50 шанс это был ужасный опыт. А потом есть США: 4 незнакомца, которые чудесным образом выжили выходные без единого разногласия.
- Наш широкий спектр навыков и способностей означал, что мы никогда не застряли на какую-то конкретную проблему развития в течение более короткого периода времени, прежде чем кто-то вошел в и быстро отремонтировал проблемы, которые они имели в какой-то момент в своей собственной работе. Проекты Hackhathon хорошо известен для взрыва из-за какой-то поршней ошибки, что никто не может выяснить в течение нескольких часов – мы как-то увернулись всеми.
- Мы никогда не проверили наше приложение с более чем горсткой людей, прежде чем мы встали на сцену, чтобы справиться с 70+. Наша вера в то, что Heroku может справиться с тем, что многие соединения Websocket на его свободном уровне были слепой верой.
Я мог бы продолжать. Уик-энд был роликовым горстым, так и еще раз и снова, вещи просто наступили на место.
Witworld повесится как проект с открытым исходным кодом
Поскольку у нас нет конкретных планов на будущее Witworld, ближайшее будущее увидит нас убирать кодовую базу, создавая лицензию MIT и некоторые структурированные проблемы и толкая его до такой степени, что разумная публичная витрина технологии JamStack Отказ
Участники всех уровней квалификации более чем приветствуются! Мы хотели бы держать вас в петле, хотите ли вы внести свой вклад или просто следовать прогрессу. Присоединяйтесь к списку рассылки Отказ
Джамстак привился к одному адму сообществу
В начале 2000-х годов вам нужно было купить собственный серверный стойку для размещения веб-сайта. AWS и другие облачные провайдеры превратили эту концепцию на голове к 2010 году.
Сегодня мы находимся на следующем этапе этой эволюции: вам не нужна ненаправленная или разработанная эксперта DEVOPS, чтобы раскрутить следующую идею приложения. NetLify и остальная часть экономики API находятся на пути, чтобы превратить этот лист к 2020 году.
Огромное спасибо – вы выходите на тех, кто связан с хаконом:
- Бенджамин Данфи Реальный мир реагирует – Организатор Хакатона Extraordirea
- Куинси Ларсон FreeCodecamp – Жизнь партии и смиренной империи FreeCodecamp
- Мэтт Бильман и Фил Хоуксворт NetLify – Бонусные баллы для и бега Jamstack_conf.
- Брайан Дуглас Github – милосердный хост и провайдер еды
- Все спонсоры API: Hasura, Fauna, FormsPri, Clarifai и Pilon
С множеством, многие другие люди за кулисами.
События, как этот хакатон, а соответствующие jamstack_conf – это только начало. Мы с нетерпением ждем светлого будущего сообщества JamStack!
БОЛЬШОЙ СПАСИБО-ВЫ ДЖЕФФ ОТДЕЛЕНИЮ, ГАБЕ ГАРЭФИЛЬ И ТАЙЛЕР Вику для просмотра проектов этого поста. И быть удивительной командой, чтобы провести выходные с.
Этот пост был первоначально опубликован на tadasant.com
Оригинал: “https://www.freecodecamp.org/news/the-power-of-jamstack-how-4-strangers-built-an-interactive-live-game-show-app-in-a-short-weekend-f8c1fec4f55b/”