Сегодня мы с вами начинаем серию "Javascript для начинающих". Эта серия для вас, если вы не знаете о javascript практически ничего, или хотите восполнить пробелы в базовых знаниях.
На протяжении всех уроков мы разберем с вами вещи, которые используются каждый день: переменные, условия, функции, операторы, циклы, работу с домом и многое другое.
Итак давайте начнем. Базовая веб разработка включает в себя знания html, css и javascript.
Html мы используем, чтобы добавлять структуру нашим веб страницам. Мы можем добавлять разметку, секции, параграфы и много другое.
CSS необходим для того, чтобы добавить стили нашей страницы. К этом относятся позиционирование елементов, цвета, бордеры и многое другое.
Javascript же, добавляет приграммирование к веб странице. Он работает с HTML и CSS, чтобы сделать полноценный вебсайт. Он делает нашу веб страницу интерактивной и отвечающей на запросы пользователя.
Именно Javascript мы с вами рассмотрим в этой серии.
Чем отличается Javascript от других языков? В отличие от многих других языков, Javascript не компилируется, а также нам не нужна специальная IDE для этого. Мы можем просто ставить javascript код в браузер, а браузер уже его выполнит.
Для написания примеров я буду использовать plnkr.co - это онлайн редактор кода, где удобно писать небольшие примеры кода.
Итак здесь у меня есть обычный index.html.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Hello Plunker!</div>
</body>
</html>
Самый простой вариант - это начать писать javascript код внутри script тегов.
Давайте добавим их в head.
Теперь давайте начнем писать javascript. И первое, что мы с вами сделаем - это выведем что-то на страницу.
Для этого напишем
document.write()
и круглые скобочки. Теперь внутри в одинарных кавычках напишем то, что хотим добавить на екран
document.write('Hello javascript')
Как мы видим, справа у нас вывелось наше сообщение Hello javascript.
Почему у нас именно такой синтаксис с круглыми скобками и кавычками, мы с вами разберем в следующих урока.
Пока главное понять, что то, что мы пишем - это инструкции для javascript. И выполняются они всегда сверху вниз. Именно поэтому сначала у нас добавилась надпись Hello javascript, а потом вывелось Hello Plunker. Потому что javascript отработал раньше, чем отрисовалась страница.
Давайте с вами добавим еще одну инструкцию, что точно увидеть, что все они выполняются по очереди.
document.write('Hello javascript')
document.write('Hello second')
Итак в этом уроке мы написали простой пример кода на javascript, узнали, что каждая запись в javascript является инструкцией и что все инструкции на странице выполняются сверху вниз.
Если у вас возникли какие-то вопросы или комментарии, пишите их прямо под этим видео.