web-fundamentals

Начало работы

Прежде всего вам нужен аккаунт на github. Перейдите по ссылке и создайте его

Варианты

Есть два варианта:

Если вы работаете Локально то (в большинстве случаев) вам не нужен интернет, чтобы проходить курс. Но при этом вам нужно установить множество утилит на свой компьютер. И наоборот если вы работаете В облаке вам не нужно ничего устанавливать на ваш пк, все запускается по нажатию одной кнопки, но вам необходим постоянный доступ к интернету, также вы будете испытывать небольшие задержки.

Общая рекомендация такая: если у вас linux или mac, то попробуйте установить все локально, иначе используйте облако

Локально

Вы можете использовать ваш текущий пк для прохождения курса, но для этого вам нужно иметь Linux/Mac либо, если вы используете windows - WSL. В общем, цель одна - иметь под рукой Unix-like операционную систему с терминалом.

  1. Скачайте vscode (если у вас WSL, то используйэе этот туториал)
  2. Откройте браузер и залогиньтесь на github.
  3. Заполните airtable форму (ссылку ищите в чатике курса в telegram)
  4. Откройте терминал и перейдите в папку, в которой будет находится код курса (на скриншоте ниже это ~ но вы можете находится где вам удобнее) : image
  5. Установите все необходимые утилиты. Для этого в терминале выполните команду:
curl -fsSL https://raw.githubusercontent.com/DimaAmega/web-fundamentals/main/utils/scripts/init.sh | bash

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

  1. Успешное выполнение выглядит как то так и заканчиваетя словом DONE: image

  2. После этого у вас на диске появится папка web-fundamentals. Откройте vscode в этой папке и можно считать что все готово!
  3. Переходите к решению первой задачи

В облаке

  1. Откройте браузер и залогиньтесь на github.
  2. Заполните airtable форму (ссылку ищите в чатике курса в telegram)
  3. Перейдите по ссылке к репозиторию этого курса и нажмите fork: image Далее: image

  4. Теперь вам нужно создать Codespace: image image

    Далее вам нужно подождать пока у вас запустится vscode в браузере. Как только вы увидете интерфейс IDE вам нужно будет тоже немного подождать 😁 пока не будет выполнен некоторый скрипт в терминале:

    image

    Теперь вы можете начинать работать

Пару слов о codespaces:

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

Если вы вновь хотите продолжить работу, то запускайте уже существующий codespace: image image image

Обратите внимание на несколько возможных вариантов запуска codespace. Я рекомендую использовать open in Visual Studio Code предварительно скачав vscode. Также рекомендуется сразу после окночания работы делать Stop codespace (на скринах выше есть), чтобы облако не тратило вычислительные ресурсы на вас понапрасну

Наконец-то решаем задачу

Переходите к решению первой задачи js-hello-world

This site is open source. Improve this page.