{"draftJsState":{"blocks":[{"data":{"image":{"id":"67850a3e53ff3c46ee63973b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"6jfpg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JavaScript — это тот язык программирования, который заставляет сайты оживать, превращая скучные страницы в настоящие интерактивные шедевры. Если вы только начинаете своё путешествие в мир кода, поздравляю! Вы выбрали инструмент, который буквально правит миром веб-разработки. ","type":"unstyled","key":"fcmgb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":143,"style":"BOLD"}],"text":"Здесь мы расскажем, что такое JavaScript, зачем он нужен и как начать свой путь к мастерству. А если вы уже делаете первые шаги, то эта статья поможет упорядочить знания.","type":"unstyled","key":"7lv9h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":43,"offset":0,"style":"BOLD"}],"text":"Что такое JavaScript и почему он так важен?","type":"header-three","key":"1st8n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JavaScript — это язык программирования, который изначально был создан для браузеров. ","type":"unstyled","key":"cdvph"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Его задача проста: сделать сайт не только красивым, но и функциональным. ","type":"blockquote","key":"2q7er"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Представьте себе сайт без JavaScript.Это, грубо говоря, просто электронная листовка — текст и картинки. С JavaScript ваш сайт может обрабатывать формы, выводить динамические данные, создавать анимации и даже работать в режиме реального времени.","type":"unstyled","key":"fkam9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":34,"offset":233,"style":"BOLD"}],"text":"JavaScript стал настолько популярным, что сегодня его используют не только в браузерах, но и на серверах (спасибо Node.js), для мобильных приложений и даже в искусственном интеллекте. Хотите писать код, который будет работать везде? Добро пожаловать в мир JavaScript!","type":"unstyled","key":"an3mn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":46,"offset":0,"style":"BOLD"}],"text":"Вовлекаемся: что делает JavaScript уникальным?","type":"header-three","key":"9nifu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Во-первых, JavaScript — это интерпретируемый язык. Это значит, что вам не нужно компилировать код: браузер сразу понимает, что вы написали, и исполняет его. Во-вторых, он лёгкий и гибкий. Ошиблись? Поправили код и тут же проверили результат.","type":"unstyled","key":"786pm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":39,"offset":22,"style":"ITALIC"}],"text":"Но самое интересное — JavaScript позволяет экспериментировать. Хотите попробовать что-то без громоздкой настройки окружения? Открыли консоль браузера (клавиша F12), и вы уже можете творить.","type":"unstyled","key":"941oo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":0,"style":"BOLD"}],"text":"Ваш первый JavaScript-код","type":"header-three","key":"9k3mj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Начнём с простого. Допустим, вы открыли файл HTML и хотите добавить JavaScript. Вот как это выглядит:","type":"unstyled","key":"1m0e5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"c4hc4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"3pful"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"pt71"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"8hpm5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"4adfn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мой первый скрипт","type":"blockquote","key":"eosug"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"9tk8a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"33iu8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Привет, JavaScript!

","type":"blockquote","key":"1f3gp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"eph5f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"f9vf8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"51kki"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":92,"style":"BOLD"}],"text":"Сохранили файл, открыли его в браузере, открыли консоль (F12 → вкладка «Console»), и вуаля! Вы только что написали свой первый скрипт. Просто, правда?","type":"unstyled","key":"b45pe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":55,"offset":0,"style":"BOLD"}],"text":"Основные концепции JavaScript: от переменных до функций","type":"header-three","key":"3luhu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если вы хотите освоить JavaScript, вам придётся подружиться с его основными понятиями. Разберёмся с ними по порядку.","type":"unstyled","key":"7ip13"},{"data":{"image":{"id":"67850ad1b6408e6b38fe30a2"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"f9v8e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"uspt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"1. Переменные","type":"header-three","key":"14ejc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Переменные — это контейнеры для хранения данных. В JavaScript их три типа: var, let и const. Пример:","type":"unstyled","key":"3k82a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"let name = «Максим»;","type":"blockquote","key":"2eiki"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const age = 19;","type":"blockquote","key":"4u2ak"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"var isCoder = true;","type":"blockquote","key":"6mcmo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"console.log(name, age, isCoder);","type":"blockquote","key":"4eng4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Совет: используйте let для изменяемых значений, а const для тех, что остаются неизменными.","type":"unstyled","key":"9c5k3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"2. Функции","type":"header-three","key":"fs4v0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Функции — это блоки кода, которые можно вызывать многократно. Вот пример функции, которая выводит сообщение в консоль:","type":"unstyled","key":"79rb8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"function greet(name) {","type":"blockquote","key":"qqgh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"console.log(`Привет, ${name}!`);","type":"blockquote","key":"bqf04"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"8iar3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"greet(«Максим»);","type":"blockquote","key":"bhubf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"3. Условия и циклы","type":"header-three","key":"e9in3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Условия помогают принимать решения в коде. Циклы позволяют повторять действия. Пример:","type":"unstyled","key":"dt21v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"for (let i = 0; i < 5; i++) {","type":"blockquote","key":"15k22"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"console.log(`Итерация ${i}`);","type":"blockquote","key":"fa8ei"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"8qlta"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"4. События","type":"header-three","key":"6qjcu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JavaScript может реагировать на действия пользователя. Например, клик по кнопке:","type":"unstyled","key":"8o46u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"9t0hk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"Как учиться JavaScript?","type":"header-three","key":"8s6b9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Практика. Кодьте каждый день. Пусть ваш код будет простым, но регулярным.","type":"ordered-list-item","key":"3vr2s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Учебные проекты. Например, создайте калькулятор, список задач или даже игру «Камень, ножницы, бумага».","type":"ordered-list-item","key":"2hmc1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Онлайн-курсы и книги. Хороший старт — бесплатный курс на Codecademy или книга «Выразительный JavaScript».","type":"ordered-list-item","key":"5of7s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Сообщество. Подключайтесь к чатам, форумам и хакатонам. Взаимодействие с другими ускоряет процесс обучения.","type":"ordered-list-item","key":"9lre"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Мотивация напоследок","type":"header-three","key":"43heg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Каждый великий программист когда-то не понимал разницу между let и var. Ваши ошибки — это не повод сдаваться, а шанс учиться. JavaScript — это не просто язык. Это ваш билет в мир технологий. Он открывает двери в веб-разработку, мобильные приложения и даже робототехнику.","type":"unstyled","key":"8nrnj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Помните: каждый написанный вами строка кода — это шаг к цели. И даже если сегодня кажется, что ничего не выходит, завтра вы напишете свой первый полноценный проект. Продолжайте кодить, экспериментировать и задавать вопросы. Мир JavaScript вас уже ждёт!","type":"unstyled","key":"562rv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":81,"offset":0,"style":"BOLD"}],"text":"Начните сегодня — и через год вы будете удивлены, насколько далеко сможете зайти.","type":"unstyled","key":"40pvb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Спасибо за прочтение! Подписывайтесь на наш канал и начинайте свой путь в программировании уже сегодня! \uD83D\uDE80","type":"unstyled","key":"fj1dr"},{"data":{"embedData":{"type":"yandex-zen-publication","publicationId":"62bee17f23673672b5f27757","originalUrl":"https://dzen.ru/a/Yr7hfyNnNnK18ndX","publisherId":"5fc0e4463dfdc1640903f20d","publisherItemId":"3930670007284020355","publisherName":"Proggy: всё для начинающих кодеров (логово 12)","publisherAvatar":{"id":"67643336ade275034c18b92f","groupId":271828,"imageName":"pub_5fc0e4463dfdc1640903f20d_67643336ade275034c18b92f","namespace":"zen-logos","meta":{"mainColor":"#281820","origFormat":"PNG"}},"title":"46 свежих курсов по языку Python","publishTime":1657553089681,"isPublisherVerified":false,"image":{"id":"676435eda0becf277efa5ff3","groupId":271828,"imageName":"pub_62bee17f23673672b5f27757_676435eda0becf277efa5ff3","namespace":"zen_doc","meta":{"mainColor":"#B09870","origFormat":"PNG"},"sizes":{"orig":{"width":1024,"height":1024},"scale_600":{"width":600,"height":600},"scale_1200":{"width":1024,"height":1024},"scale_2400":{"width":1024,"height":1024}}},"isPremium":false,"timeToReadSeconds":789}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"5okv8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"a6p0s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"IDrkDUcUtrwPCBz9vLX8"}],"entityMap":{}},"mentions":[]}