Лекция 1

Написание первой страницы

Перед тем как приступить к написанию кода, вы должны понимать что у Js есть стандарт, он называется ECMAscrips (EC). А по сути js является реализует EC. Он обновляется каждый год.

1)Создаем папку как обычно мы всегда с вами делали для сайта , торлько теперь добавляем там добавляем папку script; 2)создаем как обычно так же index.html и style css; 3)создаем обычный скелет который у нас используется на любой стр и приклепляем css, А ТАК ЖЕ здесь же мы пишет перед закрывающим тэгом body, тэг script. Почему он пишется после? Потому что скрипты в 99% не видны пользователя с самого начала, а только уже после взаимодействия с сайтом, поэтому лучше поместить его в самый низ, чтобы страница прогружалась быстрее. Т.е. сначала прогружается страница, а потом уже прогружаются скрипты. Если сделать наоборот, сайт может долго загружаться. А ТАК ЖЕ Js чаще всего обращается к элементом на странице и если их не будет , он может залагать.

4) сделайте просто заголовок h1 напишите , чтобы видно, что все работает. По традиции сделаем как обычно привет мир.

Console.log('Привет мир!');

Блок не видно?

это не значит, что он не работает, не забывайте, что это не просто язык, а это скрипты, чтобы увидеть сработал ли наш код, нужно нажать на f12 и найти вкладку console. что удобно? что справа от нашего кода пишется файл и строка, где написан данный скрипт, в нашем же случае это просто вывод комментария "привет мир"

сейчас мы написали код в index файле, это сделано пока для того, чтобы увидеть как работает js, но бывают скрипты очень большие и поэтому читать их в index стало оч не удобно, поэтому сейчас уже традиционно, даже если у вас маленький код, скрипты пишут в отдельном файле. давайте попробуем это сделать..

<script src="Путь до файла"></script>

Попробуйте запустить так же ваш код, проверье работает ли он в консоле, а так же вы можете заметить, что строка справа изменилась на ваш js файл.

Last updated