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

До первого занятия осталось совсем немного. Чтобы на встрече мы сразу занялись делом, а не настройкой программ, давайте заранее всё подготовим. Это займёт 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. Готово! Аккаунт создан. Больше ничего делать не нужно — просто держите логин и пароль под рукой, они понадобятся на занятии.

🍎 Если у вас 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. Регистрироваться не обязательно — на занятие можно зайти по ссылке, которую пришлёт мастер. Но при желании нажмите «Войти» → «Зарегистрироваться» и заведите бесплатный аккаунт.

Не получилось? Это нормально

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

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

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