00

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

Социальные сети

Регистрации

  1. Github
  2. Figma
  3. Netlify

Установка ПО

  1. VS Code или альтернатива
    1. Расширение к VSCode - Live Server
  2. Git
  3. Terminal

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

Команды git:

git add
git commit
git init
git status
git log

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

pwd
cd
mkdir
touch
rm
cp

Проба пера

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. Задать имя и имейл:
    1. git config --global user.email "Ваш имейл на github"
    2. git config --global user.name "Ваше имя"
  3. Добавить файл для коммита git add index.html
  4. Создать коммит с git commit -m "текст вашего коммита"
  5. Связать локальный репозиторий с удаленным git remote add origin ссылка_с_github
  6. Отправить изменения на удаленный репозиторий git push -u origin main

Netlify

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

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

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