Изучение ява скрипт с нуля. Учебник JavaScript для новичков от Трепачёва Дмитрия

Примеры в каждой главе

С помощью редактора "Попробуйте сами" вы можете изменить все примеры и просмотреть результаты.

Пример Мой первый JavaScript Щелкните на меня, чтобы отобразить дату и время Узнать по примерам

Примеры лучше, чем 1000 слов. Примеры часто легче понять, чем текстовые пояснения.

Этот учебник дополняет все объяснения с уточнением "Попробуйте сами" примеры.

Если вы попробуете все примеры, вы узнаете много о JavaScript, в очень короткое время!

Зачем изучать JavaScript?

JavaScript является одним из 3 языков все веб-разработчики должны узнать:

1. HTML Определение содержимого веб-страниц

2. CSS Указание макета веб-страниц

3. JavaScript Программирование поведения веб-страниц

Веб-страницы не являются единственным местом, где используется JavaScript. Многие настольные и серверные программы используют JavaScript. Node. js является наиболее известным. Некоторые базы данных, такие как MongoDB и CouchDB, также используют JavaScript в качестве языка программирования.

Ты знала?

JavaScript и Java-это совершенно разные языки, как в концепции, так и в дизайне.

JavaScript был изобретен Брендан Айх в 1995, и стал стандартом ECMA в 1997.
ECMA-262 является официальным названием стандарта. ECMAScript является официальным названием языка.

Скорость обучения

В этом учебнике, скорость обучения является вашим выбором.

Все до вас.

Если вы боретесь, сделать перерыв, или перечитать материал.

Всегда убедитесь, что вы понимаете все "попробовать сами" примеры.

Привет! Вы когда-нибудь задумывались о том, чтобы начать программировать? Лично я с детства мечтал научиться писать свои программы и игры. В последнее время во мне возник бурный интерес к этой деятельности и я задался для себя целью - понять и научиться работать, для начала, с таким языком программирования как JavaScript. Почему именно JavaScript?

Так как я не имею за плечами опыта работы ни с какими языками, кроме базового курса HTML и СSS, JavaScript приглянулся мне своей универсальностью, стремительным ростом и необычной историей развития, которую я обязательно расскажу в одной из следующих статей. Говоря об универсальности, на данный момент применение JavaScript-кода не ограничивается одними лишь серверами и браузерами, но также используется при разработке мобильных приложений и программ для интернет-вещей.


1. Sublime Text 2


Лаконичный редактор кода общего назначения, способный работать со многими языками программирования. Он доступен для бесплатной загрузки под платформы Windows, Mac и Linux.

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

В целом, Sublime Text является расширенной версией стандартного текстового редактора, но с более проработанным интерфейсом и уклоном под кодинг. Так что создание HTML-страниц в нём - полностью ручное кодирование, посему я не могу порекомендовать его для профессионально работы, но для новичков, типа нас с вами, этот редактор подойдет, дабы лучше усвоить принципы работы JS, HTML и CSS.

2. Atom


Atom - максимально гибкий в настройке текстовый редактор от разработчиков GitHub. Он бесплатен как для личного, так и для коммерческого использования по лицензии MIT. Его создатели активно следят за предложениями от пользователей и стараются своевременно пополнять редактор новыми функциями.


Atom доступен для платформ Windows, Linux (Ubuntu, Fedora, Red Hat) и macOS. Также в программе имеется возможность выбора языка, на котором вы будете писать программу. Со стандартными плагинами поддерживается всего около 30 языков программирования: (C/C++, C#, Clojure, CSS, CoffeeScript, Markdown (GitHub Flavored), Go, Git, HTML, JavaScript, Java, JSON, Julia, Less, Make, Mustache, Objective-C, PHP, Perl, Property List (Apple), Python, Ruby on Rails, Ruby, Sass, Shell script, Scala, SQL, TOML, XML, YAML).

Такого скромного софтверного арсенала на первое время должно хватить всем. Лично я все листинги буду создавать в Atom. Ну что, приступим!

«Привет, мир!»


В качестве примера для первого урока, по устоявшейся традиции среди программистов, мы создадим приветственную веб-страничку и подробно рассмотрим её устройство.

Сначала немного теории. Вставка любого сценария Javascript в HTML-код производится с помощью использования тега и его вариаций. Например, при помощи атрибута src вы можете разместить прямую гиперссылку на файл содержащий код алгоритма в чистом виде, в нашем примере этот способ не использовался.

Также существует рекомендация по использованию строчки

Поделиться