Skip to content
Веб-разработка
GitHub

Вводное занятие

Регистрации

  1. Github
  2. Figma
  3. Netlify

Установка ПО

  1. VS Code или любой другой Расширения:
    • Live Server
    • Prettier
    • indent-rainbow
  2. Git

Базовые команды

Команды терминала

pwd
cd
ls
mkdir

Команды git:

git init
git status
git add
git commit
git log
git push

Проба пера

HTML

  1. Создать index.html
    1. header, nav, main, footer, h1, h2, p, a, img, ul или ol, li
  2. Проверить на валидаторе
  3. Исправить ошибки
  4. Отформатировать код
  5. Сохранить изменения

Git

  1. В папке проекта инициализировать репозиторий git init --initial-branch=main
  2. Задать имя и имейл:
    • git config --local user.email "Ваш имейл на github"
    • git config --local user.name "Ваше имя"
  3. Добавить файлы для коммита git add index.html
  4. Создать коммит с git commit -m "текст вашего коммита"
  5. Связать локальный репозиторий с удаленным git remote add origin ссылка_с_github
  6. Отправить изменения на удаленный репозиторий git push origin main

Netlify

  1. Создать новый сайт
  2. Связать репозиторий и нужную ветку на github с netlify
  3. Дождаться выгрузки страницы

Результат работы

Страница на Netlify. Репозиторий с несколькими коммитами. index.html проходит валидацию, код в нем отформатирован.