Вводное занятие
Регистрации
Установка ПО
- VS Code или любой другой
Расширения:
- Live Server
- Prettier
- indent-rainbow
- Git
Базовые команды
Команды терминала
pwd
cd
ls
mkdir
Команды git:
git init
git status
git add
git commit
git log
git push
Проба пера
HTML
- Создать index.html
- header, nav, main, footer, h1, h2, p, a, img, ul или ol, li
- Проверить на валидаторе
- Исправить ошибки
- Отформатировать код
- Сохранить изменения
Git
- В папке проекта инициализировать репозиторий
git init --initial-branch=main
- Задать имя и имейл:
git config --local user.email "Ваш имейл на github"
git config --local user.name "Ваше имя"
- Добавить файлы для коммита
git add index.html
- Создать коммит с
git commit -m "текст вашего коммита"
- Связать локальный репозиторий с удаленным
git remote add origin ссылка_с_github
- Отправить изменения на удаленный репозиторий
git push origin main
Netlify
- Создать новый сайт
- Связать репозиторий и нужную ветку на github с netlify
- Дождаться выгрузки страницы
Результат работы
Страница на Netlify. Репозиторий с несколькими коммитами. index.html проходит валидацию, код в нем отформатирован.