{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JavaScript — это один из краеугольных камней современной веб-разработки. Вместе с HTML и CSS он позволяет создавать интерактивные, динамичные и отзывчивые веб-сайты. В этой статье я, как профессиональный разработчик, расскажу, как с нуля создать простой сайт на JavaScript. Мы рассмотрим:","type":"unstyled","key":"f49dc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Структуру проекта","type":"ordered-list-item","key":"6sm0c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Основы HTML и CSS","type":"ordered-list-item","key":"46vu6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Интеграцию JavaScript","type":"ordered-list-item","key":"f4r4t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление интерактивности","type":"ordered-list-item","key":"5mvdf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Развертывание сайта","type":"ordered-list-item","key":"3r6u3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1. Подготовка проекта","type":"header-two","key":"7mque"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сначала создайте рабочую папку для проекта. В ней мы разместим три основных файла:","type":"unstyled","key":"3901u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n│\n├── index.html // структура сайта\n├── styles.css // стилизация\n└── script.js // логика на JavaScript","type":"unstyled","key":"42sko"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2. HTML: каркас сайта","type":"header-two","key":"32kqk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Файл index.html содержит базовую структуру сайта:","type":"unstyled","key":"bdq9r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n\n \n \n Мой первый сайт\n \n\n\n

Добро пожаловать на мой сайт

\n \n

\n\n \n\n","type":"unstyled","key":"9vdh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь:","type":"unstyled","key":"111kn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" подключает CSS.","type":"unordered-list-item","key":"8ar7p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"