<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

А в практической части с полного нуля будет создано мощное и быстрое динамическое приложение, где Вы на практике познакомитесь, как создавать очень гибкую и расширяемую архитектуру, для разработке функционала любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

JavaScript Hello World

JavaScript Hello World

Те, кто изучал какой-либо язык, знает, что практически в любом учебном пособии первая программа, которая пишется - это программа Hello World. Почему именно Hello World? По двум причинам: первая причина - это простота кода, вторая причина - данная программа показывает основной синтаксис языка. И в этой статье мы напишем простейшую программу Hello World на языке JavaScript, а также ознакомимся с основами синтаксиса этого языка.

Сразу привожу код Hello World на JavaScript, а дальше объясню, что здесь написано:

<script language = 'javascript'>
  document.write("Hello World");
</script>

Если Вы сохраните этот скрипт в файле под расширением "html" и откроете его в браузере, то увидите, что в окне написана надпись: "Hello World". А теперь объясняю, что здесь написано.

Вначале идёт открывающий тег <script> с атрибутом language в значении "javascript". Данная строка означает, что внутри тега <script> идёт код, написанный на языке javascript. На следующей строке написано: "document.write("Hello World");". Document - это объект языка JavaScript, а write() - это метод этого объекта, который принимает в качестве параметра строку (в нашем примере - это "Hello World") и выводит её в браузер. Если Вы знакомы с ООП (объектно-ориентированным программированием), то тогда Вам всё стало уже понятно. А тем, кто не знаком, предлагаю для начала (только для начала) принять строчку "document.write("Hello World");" - как конструкцию, которая выводит в окно браузера строку.

После каждого оператора ставится ";". Хотя JavaScript позволяет этого не делать, но всё же я настоятельно рекомендую Вам их ставить, потому что практически в любом языке программирования они требуются (за небольшим исключением, по типу языка assembler), и желательно привыкать к ним с самого начала.

Когда код JavaScript написан, требуется закрыть тег <script>.

Вот мы и написали простейшую программу Hello World на языке JavaScript.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (21):

avb-intik avb-intik 02.06.2012 16:10:39

А валидатор W3C ругается уже на language = 'javascript' для HTML5, считая его устаревшим. Достаточно указать type="text/javascript" (и лучше в двойных кавычках)

Ответить

GoTo GoTo 19.10.2012 14:28:59

Тоже только что решил эту проблему. Страница не проходит валидацию XHTML 1.1, если написано <script type="text/javascript" language="javascript"></script>. А так <script type="text/javascript"></script> код валидный.

Ответить

sasha0309 sasha0309 10.12.2012 20:18:24

Как называть файл

Ответить

Admin Admin 10.12.2012 20:21:56

Не важно, только латинскими буквами и без пробелов.

Ответить

remox remox 11.07.2013 12:10:44

Здраствуйте!) Заметил, что иногда js подключают в <head>, иногда в <body>... Михаил, подскажите пожалуйста, как и когда правильнее, и почему) спасибо)

Ответить

Admin Admin 11.07.2013 16:57:45

Всякие функции подключают в head. А вот их вызов зачастую в body. Правил как таковых нет, надо просто смотреть, где должен быть вызов.

Ответить

kudrjav kudrjav 15.08.2013 12:16:12

Михаил Русаков, у меня такой вопрос. Я видел во вконтакте программный код в просмотре кода элемента и когда я посмотрел какие там длинные строки в ява-скрипт файлах (строк по моему около 4000 ) как это они это делают? вы мне сможете объяснить? А то просто кажется, что ява-скрипт не постежим для изучения

Ответить

kudrjav kudrjav 10.08.2013 20:10:20

Михаил Русаков, у меня такой вопрос. Я видел во вконтакте программный код в просмотре кода элемента и когда я посмотрел какие там длинные строки в ява-скрипт файлах (строк по моему около 4000 ) как это они это делают? вы мне сможете объяснить? А то просто кажется, что ява-скрипт не постежим для изучения

Ответить

Zhumataev Zhumataev 10.09.2013 20:44:13

Здравствуйте Михаил, хотел спросить у Вас какой из языков более ценится на рынке и какой более легкий в усваивании(JavaScript, php или HTML )? Спасибо.

Ответить

Admin Admin 11.09.2013 18:06:30

Все эти языки всё равно связаны, и профессиональные сайты делаются с применением каждого из них. Так что сказать какой из них востребованнее сложно.

Ответить

Максим78 Максим78 11.01.2014 22:10:13

Здравствуйте Михаил!Скажите существует ли в Javascript какой-нибудь графический модуль, наподобие GraphABC в Паскале.

Ответить

alexandrdante alexandrdante 11.01.2014 22:20:27

К сожалению - язык этого не подразумевает. Есть библиотеки для работы с графикой и для создания графиков например так http://raphaeljs.com

Ответить

Максим78 Максим78 12.01.2014 01:47:20

Говоря о графическом модуле я не имею ввиду создание графиков. Просто рисование графических примитивов: линий, окружностей, дуг и т.д.но НЕ ИСПОЛЬЗУЯ CSS и HTML. Не то, чтобы мне нужно было что-то нарисовать, просто нужно наверняка знать есть ли в чистом Javascript возможность работы со встроенной графикой (для учебно-иследовательской работы) Интуитивно догадываюсь, что такой возможности нет, но нужно знать наверняка.

Ответить

alexandrdante alexandrdante 12.01.2014 02:01:48

нету)

Ответить

Максим78 Максим78 12.01.2014 03:03:19

Спасибо!

Ответить

alexandrdante alexandrdante 12.01.2014 03:33:16

просто в javascript нет встроенной графики есть отдельные библиотеки,которые позволяют там,залить окружность цветом,или ещё чего или нарисовать график.или кружочек но этот язык далеко не для этого и не стоит его использовать если учебно-исследовательская работа,то Вы ведь должны понимать,что,по большей части компилируемые языки с компилятором именно,а не те,которые компилируются каждый раз при запросе(а ля php) имеют возможности работы с граф.библиотеками

Ответить

rolf rolf 26.04.2014 16:16:02

Вставил код точно указанный в статье в готовую html старницу в хид, проверил в гугле, фоксе (последние версии) еще с помощью дива выровнял по центру, все работает. А можно ли шрифт пожирнее и побольше размер? Большое спасибо автору

Ответить

tikkiwiki tikkiwiki 29.04.2014 11:16:08

Здравствуйте, конечно можно. Жирность шрифта определяется при помощи атрибута CSS font-weight, который может принимать следующие значения: lighter - светлее normal - обычный bold - жирный bolder - более жирный 100..900 - 100 соответствует самому тонкому шрифту; 900 - самому толстому

Ответить

Дмитрий Тормосин Дмитрий Тормосин 11.11.2015 20:47:14

Доброго времени суток, Михаил ! У меня к вам вопрос на других сайтах, посвященных веб-дизайну я встречал темы про геопозиционирование а у вас она есть

Ответить

artem_sletkov artem_sletkov 13.11.2015 20:37:00

Здравствуйте Михаил,подскажите пожалуйста почему у меня вместо кода "javascript" появляется какая-то галочка слева вверху.Заранее СПАСИБО!!!.

Ответить

Дмитрий Тормосин Дмитрий Тормосин 20.11.2015 13:19:20

Скорее всего в вашем браузере отключена фунеция отображения js надо включить

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.