· Введение
· Предпосылки
· Что такое HTML и CSS?
· Что такое JavaScript?
· Чем JavaScript отличается от HTML и CSS ?
· Почему переход может быть сложным?
· Ресурсы, которые помогут вам начать работу с JavaScript
· Видеоуроки
· Учебники для чтения
· Шпаргалки
· Практика и участие в челленджах
· Заключение
Введение
Если вы начинаете свой путь программирования с HTML и CSS, переход на JavaScript может оказаться сложным. Эта статья даст вам краткое введение в JavaScript, расскажет, чем он отличается от HTML и CSS, почему поначалу он может показаться вам сложным, а также предоставит некоторые ресурсы, которые помогут вам начать работу.
Предпосылки
Вам нужно будет знать основы HTML и CSS, чтобы получить максимальную отдачу от этой статьи, но не волнуйтесь, если вы этого не сделаете, мы кратко поговорим о них.
Давайте погрузимся 😊
Что такое HTML и CSS?
HTML и CSS являются основными строительными блоками Интернета. Они используются вместе для создания веб-сайтов. HTML определяет структуру веб-страницы, а CSS определяет внешний вид. Обычно люди, которые хотят начать карьеру веб-разработчика, изучают HTML, CSS и JavaScript (именно в таком порядке) в самом начале своего пути.
Прочтите мою предыдущую статью для получения дополнительной информации об основах HTML и CSS.
Что такое JavaScript?
JavaScript в основном известен как язык программирования для Интернета. Веб-документация Mozilla Developer Network определяет его как «язык сценариев или программирования, который позволяет вам реализовывать сложные функции на веб-страницах».
После того, как веб-страница была структурирована и оформлена с помощью HTML и CSS, JavaScript добавляет интерактивности. Он может обновлять и манипулировать содержимым, уже структурированным с помощью HTML и CSS, выполнять вычисления и проверять данные. Например, отправка формы и получение благодарственного сообщения на веб-странице могут быть реализованы с помощью JavaScript. Некоторые веб-сайты для преобразования единиц измерения могут также использовать JavaScript для выполнения вычислений.
Чем JavaScript отличается от HTML и CSS?
JavaScript — это язык программирования. Однако HTML и CSS вызывают споры, когда дело доходит до определения их как реальных языков программирования. Эти дебаты между программистами никогда не заканчивались, и, честно говоря, обе стороны спора могут быть верными в зависимости от того, как вы на это смотрите.
Так что же такое язык программирования? Язык программирования позволяет поручить компьютеру выполнять определенные задачи. Это способ для программистов общаться с компьютерами точно так же, как английский язык позволяет мне общаться с вами через эту статью.
Большинство языков, считающихся языками программирования, имеют схожий синтаксис (структуру) и семантику (значение). Вы можете выполнять вычисления и манипулировать данными с помощью языков программирования. HTML и CSS точно не позволяют выполнять вычисления или манипулировать данными. Их синтаксис и семантика также отличаются от большинства языков программирования.
Почему переход может быть сложным?
Проблемы при переходе от HTML и CSS к JavaScript заключаются в понимании их различий. HTML и CSS могут быть простыми в изучении. Вам не нужно выполнять вычисления, манипулировать данными или сохранять переменные. JavaScript, с другой стороны, требует, чтобы вы знали и понимали, как хранить переменные различными способами и как выполнять инструкции с условием, среди прочего, что может быть ошеломляющим в начале. (особенно если все, что вы знаете о кодировании, это HTML и CSS)
Нет ничего невозможного в том, чтобы выучить или даже освоить JavaScript. Это потребует последовательного обучения и применения того, что вы узнали в ходе создания проектов. Решение и участие в задачах по программированию также являются хорошими способами помочь вам быстро учиться.
Ресурсы, которые помогут вам начать работу с JavaScript
Вот несколько ресурсов, которые помогут вам начать работу с JavaScript и попрактиковаться в нем. Моими личными фаворитами являются курс Scrimba JavaScript для начала работы и Frontend Mentor для участия в соревнованиях.
Видеоуроки
Учебники по чтению
Шпаргалки
Практика и участие в испытаниях
Заключение
Начать работу с JavaScript, когда вы знаете только HTML и CSS, может быть непросто. В этой статье мы обсудили различия между HTML, CSS и JavaScript. Мы также рассмотрели, почему переход с HTML и CSS на JavaScript может быть сложным, и предоставили удобные для начинающих ресурсы, которые помогут вам начать работу.
Спасибо за прочтение!
