Как подготовиться к первому занятию

До первого занятия осталось немного. Чтобы на встрече сразу перейти к делу и не тратить время на настройку программ, подготовьте всё заранее. Это займёт 20–30 минут и по сложности не отличается от установки обычного приложения. Идите по шагам сверху вниз, и всё получится.

Если что-то не выйдет, ничего страшного: приходите на занятие как есть, настроим вместе. Но когда всё готово заранее, первое занятие проходит спокойнее и продуктивнее.

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

Шаг 1. Продумайте идею своего сайта

Сначала определитесь с идеей, программы поставим позже. От того, насколько ясно вы представляете будущий сайт, зависит половина результата курса. Чем понятнее идея, тем больше мы успеем на занятиях.

Оформлять красиво не нужно. Соберите в одном месте, в заметках на телефоне или в документе, всё, что уже есть:

• Зачем нужен сайт: принимать заявки, продавать услугу, рассказать о себе, показать портфолио.
• О вашем деле: чем занимаетесь, кто ваши клиенты, чем вы лучше других.
• Факты и тексты: список услуг, цены, часы работы, адрес, телефон, отзывы.
• Материалы: фотографии, логотип и ссылки на сайты, которые вам нравятся.

Чтобы собрать разрозненные заметки в понятную структуру, попросите помочь бесплатного ИИ-помощника, например DeepSeek. Он задаст уточняющие вопросы и сведёт всё в аккуратный план.

1. Откройте chat.deepseek.com и зарегистрируйтесь по почте, это бесплатно. Если сайт не открывается, включите VPN, это следующий шаг инструкции.
2. Скопируйте туда подсказку ниже и допишите своими словами всё, что знаете о своём деле.
3. Отвечайте на вопросы помощника, а в конце попросите собрать всё в единую структуру. Её и приносите на первое занятие.

В итоге получится структурированное описание будущего сайта. С ним первое занятие пройдёт продуктивнее.

Шаг 2. Установите VPN (если вы в России)

Часть сервисов, которыми мы пользуемся (например, GitHub, DeepSeek и сайты для скачивания программ), из России могут открываться с перебоями или не открываться совсем. Чтобы всё работало и ссылки из статьи открывались, установите VPN до того, как начнёте скачивать программы.

Проще всего сделать это через телеграм-бот, который мы рекомендуем:

1. Откройте бот в Telegram: @vpnchikbot.
2. Нажмите кнопку «Запустить» (Start) внизу экрана и следуйте подсказкам бота. Он поможет подключить VPN и на телефоне, и на компьютере.
3. Включите VPN и проверьте, что сайты открываются. После этого продолжайте по инструкции.

Шаг 3. Заведите аккаунт на GitHub

Это делается прямо в браузере и одинаково на любом компьютере.

1. Откройте страницу регистрации: github.com/signup.
2. Введите свою почту, придумайте пароль и имя пользователя латиницей (например, maria-ivanova). Запишите их, чтобы не забыть.
3. Подтвердите, что вы не робот, и нажмите кнопку регистрации.
4. GitHub пришлёт код на вашу почту, введите его, чтобы подтвердить адрес.
5. Аккаунт создан. Больше ничего делать не нужно, просто держите логин и пароль под рукой, они понадобятся на занятии.

Установите GitHub Desktop (без терминала и SSH)

Чтобы работать с GitHub было проще, поставьте бесплатную программу GitHub Desktop. Это визуальный интерфейс: сохранять и выгружать проекты можно кнопками, без командной строки и SSH-ключей. Программа одинаковая для Mac и Windows.

1. Откройте desktop.github.com и нажмите Download. Сайт сам подберёт версию для Windows или Mac.
2. Откройте скачанный файл. На Windows программа установится сама. На Mac перетащите значок в папку «Программы» и запустите.
3. При первом запуске нажмите Sign in to GitHub.com. Откроется браузер, подтвердите вход в аккаунт, который завели в предыдущем шаге. Ни ключей, ни токенов вводить не нужно.
4. Если программа предложит указать имя и почту для подписи или доустановить Git, соглашайтесь: значения по умолчанию подходят.

Если у вас Mac (macOS)

Три шага по порядку: Git → Node.js → VS Code. После каждого можно спокойно передохнуть.

Шаг 4. Устанавливаем Git

На Mac это удобнее сделать через встроенную программу «Терминал». Она уже есть в системе, скачивать ничего не нужно.

1. Откройте «Терминал»: нажмите значок поиска (лупа, Spotlight) в правом верхнем углу экрана, напишите Терминал и нажмите Enter. Откроется небольшое окошко с текстом.
2. Напечатайте команду git --version и нажмите Enter.
3. Если Git ещё не установлен, Mac сам предложит его поставить. Нажмите «Установить» (Install) и дождитесь окончания.
4. Если в ответ появилась строчка вида git version 2.39..., значит Git уже стоит и делать больше ничего не нужно.

Шаг 5. Устанавливаем Node.js

1. Откройте nodejs.org. Сайт сам определит ваш Mac.
2. Нажмите кнопку с надписью LTS, это стабильная, рекомендуемая версия.
3. Откройте скачанный файл и в установщике нажимайте «Продолжить» (Continue), согласитесь с условиями и нажмите «Установить» (Install). Когда попросит, введите пароль от Mac (тот, которым разблокируете компьютер).
4. Дождитесь сообщения об успешной установке и закройте окно.

Шаг 6. Устанавливаем VS Code

1. Откройте code.visualstudio.com и нажмите большую синюю кнопку Download for macOS.
2. Скачается файл. Откройте папку «Загрузки» и дважды щёлкните по нему. Появится голубой значок программы.
3. Перетащите этот значок в папку «Программы» (Applications), как вы обычно устанавливаете приложения.
4. Откройте VS Code из папки «Программы». Если Mac переспросит, точно ли открыть, нажмите «Открыть».

Проверяем, что всё готово (Mac)

Снова откройте «Терминал» и по очереди введите три команды (после каждой нажимайте Enter). В ответ появятся строчки с номерами версий:

• git --version → например git version 2.39.3
• node --version → например v20.11.0
• npm --version → например 10.2.4

Цифры у вас могут отличаться, это нормально. Главное, чтобы после каждой команды появлялась строчка, а не ошибка «command not found». Если так, значит Mac готов к работе.

Если у вас Windows

Тоже три шага по порядку: Git → Node.js → VS Code. Во всех установщиках можно нажимать «Далее / Next», ничего не меняя: настройки по умолчанию подходят.

Шаг 4. Устанавливаем Git

1. Откройте git-scm.com/download/win. Загрузка начнётся автоматически, нужный 64-битный вариант выберется сам.
2. Откройте скачанный файл. Здесь будет много окошек с настройками. Нажимайте «Next» на каждом, ничего не меняя, до кнопки Install.
3. Если появится вопрос о разрешении, нажмите «Да» (Yes). Дождитесь окончания и нажмите Finish.

Шаг 5. Устанавливаем Node.js

1. Откройте nodejs.org и нажмите кнопку с надписью LTS (рекомендуемая версия).
2. Откройте скачанный файл. Нажимайте Next, поставьте галочку согласия с условиями и снова Next, до кнопки Install.
3. Если выскочит синее окно с вопросом «Разрешить приложению вносить изменения на устройстве?», нажмите «Да» (Yes).
4. Дождитесь окончания установки и нажмите Finish.

Шаг 6. Устанавливаем VS Code

1. Откройте code.visualstudio.com и нажмите синюю кнопку Download for Windows.
2. Откройте скачанный файл (обычно он появляется внизу окна браузера или в папке «Загрузки»).
3. Согласитесь с условиями и нажимайте «Далее» (Next) на каждом шаге, затем «Установить» (Install). Менять ничего не нужно.
4. В конце нажмите «Завершить» (Finish), VS Code откроется сам.

Проверяем, что всё готово (Windows)

Нажмите кнопку «Пуск», напишите PowerShell и откройте эту программу. Появится синее окно. Введите по очереди три команды (после каждой нажимайте Enter):

• git --version → например git version 2.43.0
• node --version → например v20.11.0
• npm --version → например 10.2.4

Если после каждой команды появляется строчка с цифрами, всё установлено правильно.

Установите Zoom

Все занятия проходят в Zoom, поэтому установите его заранее, чтобы в день первого занятия не тратить на это время.

1. Откройте zoom.us/download и в самом верхнем блоке Zoom Workplace (это программа для компьютера) нажмите Download / Скачать.
2. Откройте скачанный файл и пройдите установку. На Windows нажимайте Next / Install. На Mac нажимайте «Продолжить» и при запросе перетащите значок в папку «Программы».
3. Запустите Zoom. Регистрироваться не обязательно: на занятие можно зайти по ссылке, которую пришлёт преподаватель. При желании нажмите «Войти» → «Зарегистрироваться» и заведите бесплатный аккаунт.

Если что-то не получилось

Если какой-то шаг не пошёл или вы засомневались, не тратьте на это весь вечер. Сделайте, что смогли, остальное настроим вместе в начале первого занятия.

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

До встречи на первом занятии.