Автоматизируем Web-разработку: памятка
Начало работы
- Создать папку (каталог, директорию), где будут лежать все файлы проекта
- Создать первый файл проекта в текстовом редакторе с функцией автодополнения кода (сочетание клавиш Ctrl+N). Подойдет свободный редактор Microsoft Visual Studio Code
- Сохранить (Ctrl+S) новый пустой файл в созданной папке с именем index и задать ему расширение html (php). Полное имя файла – index.html (index.php)
- В первой строке нового файла набрать ! (восклицательный знак, Shift+1) и нажать ⏎ Enter. Появится первичная разметка HTML-документа. Так работает автодополнение кода Emmet. Обрати внимание: курсор стоит на выденении слов device-width. Эту строку трогать не надо!
- Для наполнения HTML-документа необходимо переместить курсор на пустую строку в теле документа, между открывающим и закрывающим тегами (элементами) <body> и </body> и начать наполнять документ
- Сохранить (Ctrl+S) в документе все сделанные изменения. При включенной опции «Автосохранение» этот шаг пропустить
- Открыть браузер или сделать активным (Alt+Tab) окно браузера. Открыть (Ctrl+O) или обновить (Ctrl+R) страницу
Стиль кода
- Используй два пробела для отступов в коде
- Пиши названия элементов (тегов) маленькими буквами, то есть, в нижнем регистре
- Не оставляй ненужные пробелы в конце строк
- Переноси на новую строку всякий раз, когда длина строки становится более 80 символов.
За исключением длинных URL-адресов: их следует оставлять неизменными, иначе сломается ссылка
Ссылки