цікаво

Дізнайтеся, як кодувати частину I: Змінні та основні типи даних

Хочете навчитися кодувати, але не знаєте, з чого почати? Ми вас накрили. Ми будемо вчити вас основам весь тиждень, і ось ваш перший урок.

Раніше ми надавали вам деякі ресурси для навчання кодуванню і давали вам широкий огляд процесу, але тепер прийшов час перейти до справи: ми пропонуємо короткий 101 курс, крок за кроком. Ви не можете навчитися кодувати протягом ночі (або через тиждень), але ми розбили основи на кілька уроків, які будуть випущені як перші чотири частини в нашій абсолютно новій серії Goldavelez.com Night School .

Кожен урок буде на основі відео (як ви бачите вище), але ми також надамо вам текстові нотатки та файли, на які ви також можете посилатися. Кожне заняття розраховане на керований фрагмент інформації, який ви можете засвоїти за 15 хвилин (а часто і набагато менше). Хоча ми починаємо наш перший урок програмування о 9:00 ранку PST, наступні три уроки будуть виходити щодня о 18:00 за PST. Не забудьте повернутися та відвідати нас наприкінці дня у вівторок, середу та четвер цього тижня, щоб закінчити вивчення основ.

Перший наш урок буде дуже простим і складається з вивчення основних змінних та типів даних. Для уроків цієї серії ми будемо використовувати JavaScript як модель, оскільки це синтаксис, який досить легко зрозуміти, і це те, що може використовувати кожен, хто має текстовий редактор та веб-браузер. Оскільки мова на базі ECMA, це робить розуміння інших мов на базі ECMA (наприклад, ActionScript) набагато легше вивчити. Ще краще, ви побачите, що знання, як писати JavaScript, значно полегшить перехід до інших об'єктно-орієнтованих мов програмування. В основному, JavaScript легко доступний практично всім, хто має комп'ютер і браузер, тому ми вважаємо, що це справді хороша відправна точка. Після того, як ви зникнете основи, вам слід легко почати вивчати інші мови.

Давайте розпочнемо!

Що таке змінні?

Ви можете вважати змінні як мітки банки, що зберігають різні типи даних. Хоча існує кілька видів змінних, сьогодні ми розглянемо лише три:

  • Рядок - Строкова змінна - це рядок буквено-цифрових символів та дозволених символів, які містяться в лапках. Наприклад, "Здрастуйте, світ, мені сьогодні 102 роки!" є прикладом рядка. Рядки також можуть міститися в одиничних лапках, що корисно, якщо ви хочете мати рядок із цитатою на кшталт цієї: "" Я ненавиджу сніг ", - сказала Лорел". Рядки в основному використовуються для зберігання тексту.
  • Число - Числова змінна не могла бути більш простою, тому що всі числові змінні зберігають числа. Ви не зберігаєте їх у цитатах, як рядки. Натомість цифри можна просто записати такими, якими вони є. Якщо ви хочете зберегти число 9 у змінній, просто напишіть 9.
  • Булева змінна - булева змінна - одна з двох речей: або. Цей тип даних схожий на перемикач увімкнення та вимкнення, тому ви можете задавати справжні чи помилкові питання у своєму коді. Наприклад, ви можете запитати "це відео, яке зараз відтворюється?" Відповідь, яку ви отримаєте, буде булевою змінною. означало б, що відео зараз відтворюється, а це означає, що це не так.

Тож як ви вкладаєте змінну у свій код (або змінну, як це традиційно називають)? У JavaScript все, що вам потрібно зробити, це:

myVariable = "Привіт, світ!";

До Вар або Не Вар

У JavaScript ви можете визначити змінну як myVariable = "something"; або var myVariable = "something";, різницею є слово var передує твердженню. Коли ви декларуєте змінні в сценарії поза функцією, це розрізнення є майже нерелевантним. Коли ви оголошуєте змінну всередині функції та використовуєте var це створює глобальну змінну. До глобальних змінних можна отримати доступ з будь-якого місця вашого коду, тоді як до локальних змінних (таких як визначені у функціях) можна отримати доступ лише в межах їх власної сфери (наприклад, якщо змінна є локальною для функції, лише ця функція може використовувати її). Це не важлива відмінність в цю хвилину, але коли ми дізнаємось про функції пізніше, це буде добре знати.

Тут можна помітити кілька речей. По-перше, ім'я myVariable. Усі мови програмування мають щось, що називається зарезервованими словами, а це означає, що ви не можете використовувати їх як імена змінних. Вони різняться, але якщо назва є достатньо загальною, є ймовірність, що це може бути зарезервоване слово. Щоб уникнути використання зарезервованих слів і викручування коду, просто вирішіть схему іменування змінних. Я поставив "моє" перед мінливою прикладом, але ви, мабуть, захочете придумати щось інше. По-друге, ви помітите крапку з комою в кінці рядка. Точка з комою - це як точка в кінці речення у багатьох мовах програмування, і це, безумовно, так, як у JavaScript. Практично в будь-якій ситуації вам потрібно закінчити кодові речення крапкою з комою, щоб ваш комп'ютер не плутався при його читанні. Точка з комою каже комп'ютеру: "Гаразд, я все закінчив із цим твердженням". (Примітка: JavaScript прощає, і іноді ви можете піти без крапки з комою, але це хороша практика.)

Ще одне, що слід зазначити, - це те, що JavaScript - це мова, що не вводиться. Існує (в основному) два види мов: слабко типова та строго типізована. Прикладом строго набраної мови є ActionScript (мова, на якій написано Flash-додатки), і те саме оголошення змінної, яке ми написали, виглядатиме так у ActionScript 3:

var myVariable: String = "Привіт, світ!";

Доповнення, які ви бачите, - це слово і слово (з двокрапкою перед ним). Слово var повідомляє комп’ютеру, який ми маємо оголосити змінною. : Рядок, приєднаний до імені змінної, повідомляє комп'ютеру, який тип змінної це, а також не приймати жоден інший тип. Це причина терміну. Мова з типовим типом, як JavaScript, є більш гнучким і не вимагає цього. Це робить ваш код більш гнучким, але деякі вважають, що він також зробить його більш схильним до помилок. Тут ми не збираємося вникати в плюси і мінуси строго і вільно набраних мов, але добре бути в курсі основних відмінностей зараз, оскільки ви, швидше за все, зіткнетеся з ними у своїх програмових починаннях.

Тепер, коли ви розумієте, що таке змінні та як вони працюють, ми можемо спробувати їх використовувати в деякому фактичному коді JavaScript.

Створення змінних та використання функції Alert JavaScript ()

Створимо простий HTML-документ, який ми можемо використовувати для тестування наших змінних:

Ви хочете мати більш чітко визначений HTML-документ, коли ви фактично пишете код, але для наших цілей це буде добре. Збережіть код вище як файл під назвою myscript.html (або все, що завгодно, що закінчується .html і не містить пробілів чи спеціальних символів) та відкрийте його у своєму веб-браузері. Ви не побачите абсолютно нічого, крім "Мій сценарій" у заголовку. У нас ще є ще робота. Спочатку оголосимо змінну всередині тегу сценарію:

myVariable = 5;

Ось ми щойно оголосили число. Давайте розглянемо інші типи змінних, які ми можемо оголосити

myNumber = 5;

myString = "Привіт, світ!";

myBoolean = вірно;

Це дає нам число, рядок і булеве значення. Тепер візьмемо цю мінливу myString і насправді зробимо щось з нею:

myNumber = 5;

myString = "Привіт, світ!";

myBoolean = вірно;

попередження (myString);

Ви помітите, що я додав alert(myString); про рядок alert(myString); . Це викликає вбудовану функцію JavaScript (ми дізнаємось детальніше про них пізніше) під назвою alert() яка створює спливаюче діалогове вікно, з яким користувачі можуть взаємодіяти.

Що таке "Привіт, світ!" все про?

Написання простої програми, яка говорить "Привіт, світ!" це, як правило, перше, що робить кожен програміст, коли вони навчаються кодувати. Це не обов'язково, але це свого роду традиція та посвята в клуб.

Ви ніколи не хочете використовувати їх на практиці, тому що - як це можливо знає будь-який користувач Інтернету - вікна сповіщень дуже дратують, але вони добре допомагають перевірити ваш код, щоб переконатися, що він працює, поки ви пишете. Наступні сповіщення в дужках дозволяють надати попередження з даними, які можуть знадобитися. Не всі функції вимагають, щоб ви давали йому інформацію, але попередження має знати, про що сповістити користувача. У цьому випадку ми дали йому myString, тож користувач отримає спливаюче сповіщення із написом "Здрастуйте, світ!" Спробуйте це з іншими змінними, щоб отримати спливаючі вікна з числом і булевим значенням.

Навіщо давати alert () змінну, а не просто надавати їй вміст змінної? Ну, якби ви сказали попередження ("Привіт, світ!"), Ви отримаєте такий же результат у цьому прикладі, але змінні називаються змінними, оскільки вони. Ідея полягає в тому, що вміст або значення цих змінних змінюватимуться під час взаємодії користувачів з написаними вами програмами.

Якщо ви готові зробити наступний крок зі змінними, ознайомтеся з нашим другим уроком, працюючи зі змінними.

Ви можете зв'язатися з Адамом Дачісом, автором цього допису, за адресою Ви також можете перейти за ним у Twitter та Facebook.