Рекомендуемая среда разработки:
Для удобства разработки:
- Дополнительное расширение для VS Code: Live Server
- Включить автоматическое сохранение изменений в VS Code:
File > Auto Save
. - Hot keys (например, Ctrl+J открыть/закрыть терминал, форматирование кода В Windows Shift + Alt + F)
Книги из серии «Бестселлеры O`Reilly»: https://www.labirint.ru/series/11062/
CSS:
JavaScript:
Проверить кроссбраузерность: https://caniuse.com/
Smashing Magazine - здесь собраны одни из лучших тематических ресурсов во Всемирной паутине, а в категории CSS вы найдете практически бесконечное количество ссылок, освещающих самые креативные подходы к применению каскадных таблиц стилей для создания веб-дизайна.
Валидатор HTML: https://validator.w3.org/
Валидатор СSS: https://jigsaw.w3.org/css-validator/
Для связи со мной телеграмм: @juliav
Чтобы склонировать репозиторий с Github:
- В своем репозитории на сайте github нажимаем на зеленую кнопку "Clone or download", копируем ссылку
- Переходим в VS Code открываем терминал (Ctrl+J выбираем вкладку ТЕРМИНАЛ)
- Проверяем директорию в которой находимся (чтобы перейти на каталог назад выполняем команду "cd ..")
- Выполняем команду "git clone (Ctrl+V ссылка на репозиторий)"
- В VS Code нажимаем Файл->Открыть папку
- выбираем проект, нажимаем на него НО НЕ ЗАХОДИМ в каталог, нажимаем "Выбор папки"
Сохранить изменения
- открываем консоль (Ctrl+J выбираем вкладку ТЕРМИНАЛ) ПРОВЕРЯЕМ В КАКОЙ ДИРЕКТОРИИ МЫ НАХОДИМСЯ! в терминале должно быть написано: папка/папка/мой проект>
- если путь в терминале неправильный, чтобы перейти назад на католог используем "cd .."
- чтобы перейти в нужный каталог используем команду "cd название папки"
- выполнем команду "git status" (команда показывает статус проекта, читаем внимательно что написано )
- если написано ...no changes added to commit (use "git add" and/or "git commit -a"), то выполняем:
- "git add . " (добавляет все файлы с изменениями к коммиту)
- "git commit -m "сообщение коммита"" каждую выполненную задачу коммитим, запушить можно в конце занятия
- "git push origin master"
Форматирование кода в VS Code Shift+Alt+F