Содержание статьи
ПРИМЕЧАНИЕ: билеты распроданы, а регистрация закрыта. Если вы подали заявку на получение билета до 1 ноября, проверьте свой электронный ящик, и вы должны получить электронное письмо от Куинси Ларсона со ссылкой на ваш билет.
3 ноября сотни людей соберутся в центре Сан-Франциско, чтобы поучаствовать в хакатоне freeCodeCamp JAMstack 2018.
Вы тоже должны прийти!
И не беспокойтесь, если вам не удастся попасть в Сан-Франциско – у нас будет онлайн-версия хакатона с собственным набором призов.
И так – хакатон абсолютно бесплатный.
freeCodeCamp проводит событие в партнерстве с Netlify в рамках JAMstack_conf 2018. Если вы хотите посетить конференцию, вы можете использовать код скидки «freecodecamp100» за 100 долларов США с билета.
Что такое хакатон?
Хакатон – это событие, на котором люди объединяются в команды и вместе кодируют, а затем демонстрируют создаваемые ими проекты. Обычно они продолжаются всего один-два дня и часто предусматривают судейство и призы.
Что такое JAMstack?
JAMstack – это простой способ создания веб-приложений. JAM обозначает JavaScript, API и Markup (HTML и CSS).
Если вы создали некоторые проекты по freeCodeCamp, вы уже использовали JAMstack.
Основное отличие между JAMstack и другими стеками веб-разработки, такими как LAMP и MEAN, состоит в следующем: вместо использования серверной части веб-сервера вы используете API.
Это событие для меня?
Если вы хотите подружиться, построить проект и получить два солидных дня практики кодирования, то да – это для вас.
Мы приветствуем людей любого уровня квалификации, даже тех, кто только начал кодировать несколько месяцев назад. Если вы раньше не были на хакатоне, это был бы отличный первый хакатон для вас.
И будет еда. Много пищи.
Как такое крупное событие в центре Сан-Франциско может быть абсолютно бесплатным?
Большинство хакатонов имеют спонсоров API, которые хотят повысить осведомленность разработчиков о своих API. Многие из спонсоров API также получат собственные призы для команд, которые лучше всего используют свои API. Они также могут иметь разработчиков на мероприятии, которые могут ответить на ваши вопросы об их API и помочь вам интегрировать его в вашу веб-приложение.
Конечно! Отправляйте запросы на спонсорство по электронному адресу sponsors@jamstackconf.com.
А как насчет онлайн-хакатона?
Путешествие в Сан-Франциско может быть дорогим, а получить американскую визу может быть затруднительно. Поэтому мы также производим онлайн-версию хакатона freeCodeCamp JAMstack 2018 года. Это произойдет в эти же дни.
Команды онлайн-хакатона сразятся за собственный набор призов. Они могут взаимодействовать с судьями, наставниками и другими командами хакатона через нашу чат-комнату и прямую трансляцию события на канале freeCodeCamp YouTube.
А как насчет хакатона в Сан-Франциско?
Мы начнем в 9 в субботу утром 3 ноября в штаб-квартире GitHub в Сан-Франциско (ул. Колина П. Келли-младшего, 88). Мы будем кодировать до девяти вечера, а потом пойдем домой и поспимся. Тогда мы снова начнем в 9 в воскресенье утром, а закончим в 9 вечера в воскресенье.
Для участия нужно только ноутбук и билет.
Как получить бесплатный билет
Мы хотим, чтобы все были готовы к кодированию, как только начнется мероприятие. Итак, чтобы получить билет на личный или онлайн-хакатон, вам нужно потратить несколько минут, чтобы убедиться, что ваш ноутбук сконфигурирован правильно.
В следующем учебнике вы узнаете, как установить Git и Node.js, а также развернуть приложение JAMstack «hello world» в Интернете.
Этот процесс абсолютно бесплатный и вам не нужна кредитная карта или что-нибудь другое. В течение следующих нескольких минут вы установите несколько инструментов на свой ноутбук и создадите учетную запись на GitHub и Netlify.
Вы можете пропустить любые шаги, которые вы уже сделали, но вам нужно иметь приложение «hello world» на Netlify, чтобы подать заявку на бесплатный билет.
После того, как вы закончите это руководство, вы можете отправить URL-адрес программы «hello world», чтобы подать заявку на бесплатный билет.
У нас ограниченное количество билетов, и мы ожидаем, что мероприятие будет полным, поэтому я рекомендую подать заявку как можно скорее.
Как запустить свою первую веб-программу JAMstack
Данное руководство будет работать на Mac, Linux и Windows.
Если вы используете Windows, я рекомендую использовать новую оболочку Linux Bash Shell Windows.
Примечание: При настройке всех этих вещей на компьютере вы можете столкнуться с проблемами, связанными с операционной системой. Если вы застряли, прочтите эту тему форума, и если вы все еще застряли, попросите помощи, ответив на эту тему.
Шаг №1: Установите Git
Git — мощный инструмент контроля версий, который большинство крупных проектов с открытым кодом, включая freeCodeCamp, используют для сотрудничества над программным обеспечением.
Вы можете скачать и установить Git здесь.
Шаг №2: Установите npm, менеджер пакетов Node
Вы можете скачать и установить npm здесь.
Шаг №3: Установите VS Code, редактор открытого исходного кода Microsoft
Вы можете скачать и установить VS Code здесь. Вы можете использовать любой редактор кода, но это популярный бесплатный.
Шаг №4: Установите Gatsby.js
Откройте свой терминал (который в вашей операционной системе может называться оболочкой) и введите следующую команду:
sudo npm install --global gatsby-cliВам нужно будет ввести системный пароль, который должен быть тем же паролем, который вы используете для отключения компьютера из спящего режима.
Шаг №5: Создайте приложение «hello world» JAMstack с помощью Gatsby
Выполните следующую команду:
gatsby new gatsby-siteШаг №6. Выделите каталог программы и запустите ее локально на своем компьютере
Выполните следующую команду:
cd gatsby-site && gatsby developТеперь откройте новую вкладку в браузере. Введите localhost:8000 в адресную строку обозревателя. Вы должны увидеть нечто подобное:
Шаг №7: Настройте код своего проекта
Откройте свой проект в VS Code или в любом редакторе кода, который вам нравится.
Перейдите на страницу index.js и настройте HTML.
Шаг №8: Зафиксируйте свой код в Git
Убедитесь, что вы находитесь в каталоге вашего проекта в своем терминале и введите такую команду, чтобы инициализировать репозиторий Git:
git initЗатем поставьте все файлы, созданные Гэтсби на шаге №5, выполнив эту команду:
git add .И, наконец, передайте эти файлы в Git с уведомлением о фиксации «первый коммит»:
git commit --message "first commit"Шаг №9: Создайте аккаунт GitHub
Вы можете создать бесплатный аккаунт GitHub всего за несколько минут здесь. (Выберите опцию «Неограниченные общедоступные хранилища»).
Проверьте свой электронный ящик, чтобы подтвердить свой аккаунт GitHub.
Шаг №10: Добавьте ключи SSH в GitHub.
Ключи SSH – это способ безопасного доступа к своей учетной записи GitHub из терминала без аутентификации с помощью имени пользователя и пароля.
Выполните эту команду в своем терминале, чтобы сгенерировать ключи SSH:
ssh-keygenТерминал предложит вам выбрать местоположение файла. Просто нажмите Enter, чтобы принять расположение файла по умолчанию. Если терминал сообщает, что вы уже создали ключ SSH в прошлом, нажмите n, чтобы не перезаписать существующий ключ.
Затем выполните эту команду, чтобы скопировать открытый ключ SSH вашего компьютера в буфер обмена:
pbcopy < ~/.ssh/id_rsa.pubЗатем нажмите здесь, чтобы перейти на страницу настроек SSH ключа в GitHub и вставить ее.
Шаг №11: Создайте репозиторий на GitHub
Перейдите по этой ссылке, чтобы создать репозиторий GitHub. Вы можете называть его сколь угодно, и описание не имеет значения для наших целей. Пока вы это публикуете, это абсолютно бесплатно.
Шаг №12. Установите репозиторий GitHub как источник локального проекта Git и передайте свой код на GitHub
После того, как вы завершите шаг №10, GitHub должен отправить вас на страницу, которая выглядит так, на которой можно переместить имеющееся хранилище из командной строки.
Вы можете нажать кнопку буфера обмена, чтобы скопировать команды в буфер обмена. Затем вернитесь в терминал и убедитесь, что вы все еще находитесь в каталоге вашего проекта. Затем вставьте эти команды в терминал.
Шаг №13: Создайте аккаунт Netlify
Перейдите по этой ссылке, чтобы перейти на страницу регистрации Netlify. Затем войдите, используя только что созданную учетную запись GitHub.
Шаг №14: Создайте программу Netlify из своего репозитория GitHub
Теперь перейдите сюда и выберите GitHub в качестве поставщика Git.
Теперь вы должны увидеть репозиторий GitHub, который вы создали несколько минут назад и сможете выбрать его.
Конфигурация Netlify по умолчанию должна быть нормальной. Вы можете просто прокрутить вниз и нажать кнопку «развернуть сайт».
Шаг № 15. Дождитесь создания веб-приложения, затем посетите его в Интернете и запишите его общедоступный URL.
Вы можете нажать автоматически сгенерированный URL Netlify, чтобы просмотреть свой проект в прямом эфире в Интернете.
Поздравляю! Ваше первое веб-приложение JAMstack теперь доступно в Интернете!
Теперь у вас есть все компоненты, необходимые для расширения и разработки веб-приложения JAMstack. Вы можете открыть свою кодовую базу в VS Code, внести изменения, зафиксировать эти изменения в Git, а затем отправить их на GitHub. Netlify может автоматически создавать и развертывать ваше приложение в Интернете.
Но пока вы готовы подать заявку на бесплатный билет на хакатон freeCodeCamp JAMstack 2018!
Убедитесь, что у вас есть URL-адрес только что созданного репозитория GitHub, а также URL-адрес вашего только что созданного веб-приложения JAMstack (URL-адрес проекта Netlify). Затем заполните эту скорую форму, чтобы подать заявку на бесплатный билет.
Обязательно следите за freeCodeCamp в Twitter — мы также будем публиковать обновления там. С нетерпением ждем вас на хакатоне freeCodeCamp JAMstack 2018!