freeCodeCamp проводит бесплатный хакатон на GitHub в Сан-Франциско (и онлайн-хакатон тоже)

1656551780 freecodecamp provodit besplatnyj hakaton na github v san franczisko i onlajn hakaton

Содержание статьи

ПРИМЕЧАНИЕ: билеты распроданы, а регистрация закрыта. Если вы подали заявку на получение билета до 1 ноября, проверьте свой электронный ящик, и вы должны получить электронное письмо от Куинси Ларсона со ссылкой на ваш билет.

3 ноября сотни людей соберутся в центре Сан-Франциско, чтобы поучаствовать в хакатоне freeCodeCamp JAMstack 2018.

Вы тоже должны прийти!

И не беспокойтесь, если вам не удастся попасть в Сан-Франциско – у нас будет онлайн-версия хакатона с собственным набором призов.

И так – хакатон абсолютно бесплатный.

freeCodeCamp проводит событие в партнерстве с Netlify в рамках JAMstack_conf 2018. Если вы хотите посетить конференцию, вы можете использовать код скидки «freecodecamp100» за 100 долларов США с билета.

Что такое хакатон?

Хакатон – это событие, на котором люди объединяются в команды и вместе кодируют, а затем демонстрируют создаваемые ими проекты. Обычно они продолжаются всего один-два дня и часто предусматривают судейство и призы.

LnMGNz2udCg8rsN7-7e-JYRHc6TTNMrsqoEK
Фото из недавнего хакатона, ориентированного на React, состоявшегося на GitHub. Фото Real World React.

Что такое JAMstack?

JAMstack – это простой способ создания веб-приложений. JAM обозначает JavaScript, API и Markup (HTML и CSS).

Если вы создали некоторые проекты по freeCodeCamp, вы уже использовали JAMstack.

Основное отличие между JAMstack и другими стеками веб-разработки, такими как LAMP и MEAN, состоит в следующем: вместо использования серверной части веб-сервера вы используете API.

Это событие для меня?

Если вы хотите подружиться, построить проект и получить два солидных дня практики кодирования, то да – это для вас.

j6Rdvyjp8hjXLbTEOCpY4pMfx6F8yENpO3d-
Фото из недавнего хакатона, ориентированного на React, состоявшегося на GitHub. Фото Real World React.

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

И будет еда. Много пищи.

Как такое крупное событие в центре Сан-Франциско может быть абсолютно бесплатным?

Большинство хакатонов имеют спонсоров API, которые хотят повысить осведомленность разработчиков о своих API. Многие из спонсоров API также получат собственные призы для команд, которые лучше всего используют свои API. Они также могут иметь разработчиков на мероприятии, которые могут ответить на ваши вопросы об их API и помочь вам интегрировать его в вашу веб-приложение.

Конечно! Отправляйте запросы на спонсорство по электронному адресу sponsors@jamstackconf.com.

А как насчет онлайн-хакатона?

Путешествие в Сан-Франциско может быть дорогим, а получить американскую визу может быть затруднительно. Поэтому мы также производим онлайн-версию хакатона freeCodeCamp JAMstack 2018 года. Это произойдет в эти же дни.

Команды онлайн-хакатона сразятся за собственный набор призов. Они могут взаимодействовать с судьями, наставниками и другими командами хакатона через нашу чат-комнату и прямую трансляцию события на канале freeCodeCamp YouTube.

А как насчет хакатона в Сан-Франциско?

Мы начнем в 9 в субботу утром 3 ноября в штаб-квартире GitHub в Сан-Франциско (ул. Колина П. Келли-младшего, 88). Мы будем кодировать до девяти вечера, а потом пойдем домой и поспимся. Тогда мы снова начнем в 9 в воскресенье утром, а закончим в 9 вечера в воскресенье.

Ucz3Hi-MbcgK0y9oobgOBCTkUEcdciPxt991
Фото из недавнего хакатона, ориентированного на React, состоявшегося на GitHub. Фото Real World React.

Для участия нужно только ноутбук и билет.

Как получить бесплатный билет

Мы хотим, чтобы все были готовы к кодированию, как только начнется мероприятие. Итак, чтобы получить билет на личный или онлайн-хакатон, вам нужно потратить несколько минут, чтобы убедиться, что ваш ноутбук сконфигурирован правильно.

В следующем учебнике вы узнаете, как установить 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 в адресную строку обозревателя. Вы должны увидеть нечто подобное:

f7ZojazMYldhpR3tlIxNqHRRgeMJXzigkQ-Y

Шаг №7: Настройте код своего проекта

Откройте свой проект в VS Code или в любом редакторе кода, который вам нравится.

Перейдите на страницу index.js и настройте HTML.

pcJaVk6YDZDLasXNKUNDXaHnefQ9w9V4pE36

Шаг №8: Зафиксируйте свой код в Git

Убедитесь, что вы находитесь в каталоге вашего проекта в своем терминале и введите такую ​​команду, чтобы инициализировать репозиторий Git:

git init

Затем поставьте все файлы, созданные Гэтсби на шаге №5, выполнив эту команду:

git add .

И, наконец, передайте эти файлы в Git с уведомлением о фиксации «первый коммит»:

git commit --message "first commit"

Шаг №9: Создайте аккаунт GitHub

Вы можете создать бесплатный аккаунт GitHub всего за несколько минут здесь. (Выберите опцию «Неограниченные общедоступные хранилища»).

vArrSWwVQDBN0Aaaz1AKveYqS8dBIBa4f3h0

Проверьте свой электронный ящик, чтобы подтвердить свой аккаунт GitHub.

Шаг №10: Добавьте ключи SSH в GitHub.

Ключи SSH – это способ безопасного доступа к своей учетной записи GitHub из терминала без аутентификации с помощью имени пользователя и пароля.

Выполните эту команду в своем терминале, чтобы сгенерировать ключи SSH:

ssh-keygen

Терминал предложит вам выбрать местоположение файла. Просто нажмите Enter, чтобы принять расположение файла по умолчанию. Если терминал сообщает, что вы уже создали ключ SSH в прошлом, нажмите n, чтобы не перезаписать существующий ключ.

Затем выполните эту команду, чтобы скопировать открытый ключ SSH вашего компьютера в буфер обмена:

pbcopy < ~/.ssh/id_rsa.pub

Затем нажмите здесь, чтобы перейти на страницу настроек SSH ключа в GitHub и вставить ее.

2u4QW2Kb5mZQDdFNN5y-VD6XWaA6dMrQQJtK

Шаг №11: Создайте репозиторий на GitHub

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

OtE3F5i5ZaMZFlA14r74yaCHVbvEnJsH0AZX

Шаг №12. Установите репозиторий GitHub как источник локального проекта Git и передайте свой код на GitHub

После того, как вы завершите шаг №10, GitHub должен отправить вас на страницу, которая выглядит так, на которой можно переместить имеющееся хранилище из командной строки.

uIIOtJsacu7Ay6hAyMpSELxU0o2Op2nxSWMe

Вы можете нажать кнопку буфера обмена, чтобы скопировать команды в буфер обмена. Затем вернитесь в терминал и убедитесь, что вы все еще находитесь в каталоге вашего проекта. Затем вставьте эти команды в терминал.

Шаг №13: Создайте аккаунт Netlify

Перейдите по этой ссылке, чтобы перейти на страницу регистрации Netlify. Затем войдите, используя только что созданную учетную запись GitHub.

Шаг №14: Создайте программу Netlify из своего репозитория GitHub

Теперь перейдите сюда и выберите GitHub в качестве поставщика Git.

6Vp21ezS3a10jjMyoleQ3csVoLQlI6OgvTij

Теперь вы должны увидеть репозиторий GitHub, который вы создали несколько минут назад и сможете выбрать его.

Конфигурация Netlify по умолчанию должна быть нормальной. Вы можете просто прокрутить вниз и нажать кнопку «развернуть сайт».

p5SJcspDLwZe6a1byCL0tUCl0P5w3EhuXL7c

Шаг № 15. Дождитесь создания веб-приложения, затем посетите его в Интернете и запишите его общедоступный URL.

Вы можете нажать автоматически сгенерированный URL Netlify, чтобы просмотреть свой проект в прямом эфире в Интернете.

TOCQhFgfUneOIBenUZojiK9IXuJGMAEfuFiG

Поздравляю! Ваше первое веб-приложение JAMstack теперь доступно в Интернете!

Теперь у вас есть все компоненты, необходимые для расширения и разработки веб-приложения JAMstack. Вы можете открыть свою кодовую базу в VS Code, внести изменения, зафиксировать эти изменения в Git, а затем отправить их на GitHub. Netlify может автоматически создавать и развертывать ваше приложение в Интернете.

Но пока вы готовы подать заявку на бесплатный билет на хакатон freeCodeCamp JAMstack 2018!

Убедитесь, что у вас есть URL-адрес только что созданного репозитория GitHub, а также URL-адрес вашего только что созданного веб-приложения JAMstack (URL-адрес проекта Netlify). Затем заполните эту скорую форму, чтобы подать заявку на бесплатный билет.

Обязательно следите за freeCodeCamp в Twitter — мы также будем публиковать обновления там. С нетерпением ждем вас на хакатоне freeCodeCamp JAMstack 2018!

Добавить комментарий

Ваш адрес email не будет опубликован.