Введение

Если вы когда-либо интересовались изучением JavaScript, но не знали, с чего начать, или читали какие-то уроки, которые не имели смысла, добро пожаловать — это руководство для вас. Здесь я начну с самого начала и буду идти шаг за шагом, пока вы не станете хакером, которым всегда хотели быть. Я шучу. Обратите внимание: хотя я постараюсь быть как можно более ясным и простым в своих объяснениях, это не освобождает вас как читателя от ответственности за запоминание лексики и понятий. Я могу повторяться — могу и нет. Наконец, я сосредоточусь на простоте, которая может оказать небольшое отрицательное влияние на точность. Для краткости я буду часто говорить об общем назначении и функциональности вещей и не буду указывать на исключение из каждого правила. Это вам предстоит найти.

Понимание того, почему JavaScript является хорошим языком для изучения ❓

Существует множество языков программирования, с которыми вы можете и должны когда-нибудь ознакомиться. У каждого из них есть свои плюсы, минусы и общее использование. Python часто используется при анализе данных. Swift используется для создания вещей для устройств Apple. Что делает JavaScript полезным, так это то, что он стал стандартом для разработки веб-сайтов и поддерживается всеми основными браузерами. Итак, чтобы понять самое большое преимущество JavaScript, мы должны сначала немного разобраться в том, как работает Интернет.

Интернет 🕸

Интернет состоит из компьютерных сетей по всему миру, соединенных друг с другом в той или иной форме. При нажатии на веб-страницу мы отправляем запрос, аналогичный заказу набора Lego онлайн. Запрос отправляется и принимается сервером, который находит точный набор (или веб-страницу), который мы запросили, а затем отправляет запрошенный набор (в данном случае пакеты данных) обратно нам. Затем наш веб-браузер — скорее всего, Firefox, Chrome, Safari, Edge или Internet Explorer — интерпретирует инструкции (также пакеты данных) и создает веб-страницу в нашем браузере с нашей стороны. Главный вывод — данные находятся на нашей стороне сервера.

Проверьте это

Давайте возьмемся за веб-страницу. нажмите здесь и откройте свой собственный веб-браузер, чтобы узнать, как вы можете проверить пакеты данных, которые вы загрузили. После того, как вы открыли инспектор, удалите некоторые элементы. Вещи должны начать исчезать на экране. Нет, ты не хакер. 😐 Теперь обновите. Все, что вы сделали, это удалили пакеты данных, загруженные в вашем собственном браузере; на любом сервере, на котором размещен веб-сайт, есть исходная версия веб-страницы, и когда вы обновлялись, вы запрашивали у веб-сайта новую блестящую копию. Это не значит, что вы не взаимодействуете с веб-сайтами и их серверами; всякий раз, когда вы нажимаете Добавить в корзину или что-то подобное, вы отправляете данные обратно на сервер, которые часто сохраняются или сохраняются. Но важно понимать, что веб-браузер — это больше, чем просто линза, через которую мы взаимодействуем с их веб-страницей на их сервере.

Ладно, зачем мне это знать?

Ваш веб-браузер — это приложение, которое должно иметь возможность взаимодействовать с просматриваемыми вами веб-страницами. И три основные части этого общения — это HTML, CSS и JavaScript. Другими словами, пока все веб-браузеры и программисты мира не объединятся под знаменем другого языка (да, верно) и не сожгут дотла всю свою предыдущую работу и проекты (… возможно), javaScript будет существовать. Хотя JavaScript существует уже довольно давно, он все еще развивается и растет вместе с Интернетом. JavaScript — отличный язык для изучения, потому что он вездесущ, и многие люди стремятся к его успеху. Языки программирования живут и умирают благодаря поддержке, которую они получают, и спросу на них со стороны компаний, а у JavaScript есть и то, и другое в избытке.

Должен ли я изучать HTML и CSS, если я хочу разрабатывать веб-приложения?

да.

Какая разница?

HTML — это язык разметки. Это выглядит примерно так:

<html>
  <body>
    <h1 id="title">This is a header tag.</h1>
    <p>This is a paragraph tag.</p>
    <button>You guessed it, this is a button.</button>
  </body>
</html>

Он создает структуру веб-страницы — в приведенном выше примере создается заголовок, абзац и кнопка со слишком большим количеством текста.

CSS — это язык стилей. Его работа состоит в том, чтобы придать нашему скучному HTML любое форматирование, которое мы пожелаем. Синий текст на красном фоне? Он может это сделать, независимо от того, должны ли вы это делать. Текст зебры? Не против, если я это сделаю. CSS выглядит примерно так:

#title {
 color: 'red';
 font-size: larger;
 padding: 10px 5px;
}

Этот пример, если его применить к нашему HTML ранее, будет искать элемент с идентификатором «title», делать шрифт красным и крупным и добавлять вокруг него отступы.

Чтобы сравнить их с грамматикой, HTML — это существительное. Это структура или костяк нашей веб-страницы. CSS — это прилагательное. Он описывает, как будет выглядеть наша веб-страница. А JavaScript — это глагол, он описывает, что может делать наш веб-сайт.

Я рекомендую узнать больше о HTML и CSS, прежде чем продолжить. Вам не нужно быть мастером, прежде чем приступить к Javascript, но оба они довольно просты и дадут вам хорошую основу для дальнейшего развития. Однако я оставлю вас изучать их самостоятельно. Во второй части мы начнем копаться в JavaScript.