#1 Инструкции в Javascript

poster
В этом уроке мы напишем простой пример кода на javascript, узнаем, что каждая запись в javascript является инструкцией и что все инструкции на странице выполняются сверху вниз.
Понравилось? Поделитесь с друзьями!
Понравилось?
Поделитесь с друзьями!
Комментарии
Текст видео

Сегодня мы с вами начинаем серию "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 является инструкцией и что все инструкции на странице выполняются сверху вниз.

Если у вас возникли какие-то вопросы или комментарии, пишите их прямо под этим видео.

Только зарегистрированные пользователи могут оставлять комментарии.  Войдите, пожалуйста.
vlad
7 лет назад
еще. в ВК уже указал это - что новый урок в IE не воспроизводится (про который спрашивали), хотя урок инструкции в JavaScript в IE воспроизводится без проблем
vlad
7 лет назад
я посмотрел в группе ВК у вас только 1 книга про гит? если что я накачал более десятка книг. могу поделиться. только объем в большинстве более 10 мг
monsterlessons
7 лет назад
Отправьте пожалуйста на monsterlessons@gmail.com. Буду признателен.
vlad
7 лет назад
ок. всегда welcome
vlad
7 лет назад
на проблемной странице не было комментариев поэтому написал на этой странице. А следующего урока нет на ознакомительном видео - https://monsterlessons.com/project/series/javascript-dlya-nachinayushih И это характерно для всех вступительных видео
monsterlessons
7 лет назад
Спасибо за идею. Добавил в список будущих задач.
vlad
7 лет назад
Пожелание (для комфорта). В #0 уроке (ознакомительном) нет автоперехода к следующему уроку, или нет ссылки на следующий урок. И вроде это касается всех серий.
monsterlessons
7 лет назад
Что вы имеете ввиду? На каком уроке нет ссылки на следующий урок?