реклама

JavaScript се превърна в основен елемент в съвременната уеб разработка. Този мощен език се превърна в основен инструмент, който всеки уеб програмист може да разбере.

JavaScript има специални функции, които го правят различен от традиционните езици за програмиране. Ще проучим какво е, как работи и какво можете да правите с него. Нека го разградим

Какво е JavaScript?

JavaScript е скриптов език за мрежата. Това е интерпретиран език, което означава, че не се нуждае от компилатор, за да преведе кода си като C или C ++. JavaScript код работи директно в уеб браузър.

Последната версия на езика е ECMAScript 2018, която беше публикувана през юни 2018 г.

JavaScript работи с HTML и CSS за изграждане на уеб приложения или уеб страници. JavaScript се поддържа от повечето съвременни уеб браузъри като Google Chrome, Firefox, Safari, Microsoft Edge, Opera и т.н. Повечето мобилни браузъри за Android и iPhone вече поддържат и JavaScript.

JavaScript контролира динамичните елементи на уеб страниците. Работи в уеб браузъри, а отскоро и на уеб сървъри. Интерфейсите за програмиране на приложения (API) също се поддържат от JavaScript, което ви дава повече функционалност.

instagram viewer

Разбирането на всички начини на работа на JavaScript е малко по-лесно, когато разберете как работи уеб програмирането, така че нека научим повече.

Строителни блокове за уеб приложения

Има три компонента, които изграждат уебсайтове и приложения: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) и JavaScript. Всеки от тях има роля в създаването на уеб приложение.

  • HTML е език за маркиране, който създава скелета на уеб страницата. Всички параграфи, раздели, изображения, заглавия и текст са написани на HTML. Съдържанието се появява на уебсайта в реда, в който са написани в HTML.
  • CSS контролира стила и допълнителните аспекти на оформлението. CSS се използва за създаване на дизайн на уебсайта, създаващ цветове, шрифтове, колони, рамки и т.н. Това отнема уебсайта от обикновени текстови елементи до цветни дизайни.
  • Третият елемент е JavaScript. HTML и CSS създават структурата, но не правят нищо оттам. JavaScript създава динамична активност на приложението ви. Скриптирането в JavaScript е това, което контролира функциите при натискане на бутони, как се удостоверяват формулярите за пароли, как се контролира медията.

И трите части работят в хармония помежду си, за да създават пълномащабни приложения. Би било добра идея научете повече за HTML и CSS Научете HTML и CSS с тези стъпка по стъпка уроциЛюбопитни ли сте за HTML, CSS и JavaScript? Ако смятате, че имате умение да научите как да създавате уеб сайтове от нулата - ето няколко страхотни ръководства стъпка по стъпка, които си струва да опитате. Прочетете още ако не сте напълно удобни с тях.

Как работи JavaScript?

Преди да напишете JavaScript, важно е да знаете как работи под капака. Има две важни части, за да научите повече: Как работи уеб браузърът и Document Object Model (DOM).

Как работи JavaScript

Уеб браузърът зарежда уеб страница, анализира HTML и създава това, което е известно като Document Object Model (DOM) от съдържанието. DOM представя изглед на уеб страницата на живо към вашия JavaScript код.

След това браузърът ще вземе всичко, свързано с HTML, като изображения и CSS файлове. Информацията за CSS идва от CSS анализатора.

HTML и CSS се комбинират от DOM, за да създадат първо уеб страницата. След това JavaScript двигателят на браузъра зарежда JavaScript файлове и вграден код, но не стартира кода веднага. Изчаква HTML и CSS да завършат зареждането.

След като това е направено, JavaScript се изпълнява в реда, в който е написан кодът. Това води до актуализиране на DOM чрез JavaScript код и предоставяне от браузъра.

Редът тук е важен. Ако JavaScript не изчака HTML и CSS да завършат, той няма да може да промени елементите на DOM.

Какво мога да направя с JavaScript?

JavaScript е пълноценен език за програмиране, който може да прави повечето неща на обикновен език като Python. Те включват:

  • Деклариране на променливи Как да декларираме променливи в JavaScriptЗа да започнете с JavaScript, трябва да разберете променливи. Ето три начина за деклариране на променливи в JavaScript. Прочетете още .
  • Съхранение и извличане на стойности.
  • Определяне и извикване на функции, включително функции със стрелки.
  • Определяне на JavaScript обекти и класове.
  • Зареждане и използване на външни модули.
  • Писане на обработващи събития, които реагират на събитията с кликване.
  • Писане на код на сървъра.
  • И още много.

Внимание: От JavaScript е толкова мощен език JavaScript и уеб разработка: Използване на модела на обект на документТази статия ще ви запознае със скелета на документа, с който работи JavaScript. Имайки познания за работата на този абстрактен модел на обект на документ, можете да напишете JavaScript, който работи на всяка уеб страница. Прочетете още , също така е възможно да пишете злонамерен софтуер, вируси и хакове за браузъри, за да ги причините на потребителите. Те варират от кражба на бисквитки, пароли, кредитни карти на браузъра до изтегляне на вируси на вашия компютър.

Използване на JavaScript

Нека разгледаме някои основни положения на JavaScript с примери за кодове.

Деклариране на променливи

JavaScript е динамично въведен, което означава, че не е нужно да декларирате типа на променливите във вашия код.

нека num = 5; нека myString = "Здравей"; var процента = 0,25;

Операторите

допълнение

12 + 5. >> 17.

изваждане

20 - 8. >> 12.

умножение

5 * 2. >> 10.

делене

50 / 2. >> 25.

Модул

45 % 4. >> 1.

Масивите

нека myArray = [1,2,4,5]; нека stringArray = ["здравей", "свят"];

Функции

JavaScript може да пише функции, тук е проста функция, която добавя числа.

функция addNumbers (num1, num2) { връщане num1 + num2; } >> addNumbers (10,5); >> 15.

Loops

JavaScript може да изпълнява цикли за итерация, като примки за бримки и докато бримки.

за (нека i = 0; i <3; i ++) {console.log ("ехо!"); } >> ехо! >> ехо! >> ехо! 
нека i = 0; докато (i <3) {console.log ("ехо!"); и ++; } >> ехо! >> ехо! >> ехо!

Коментари

// Писане на коментар. 
/ * Писане на многоредов коментар. Можете да използвате колкото се може повече редове. за да разбиете текст и да направите коментарите по-четими. */

В уеб страница

Най-често срещаният начин за зареждане на JavaScript в уеб страница е използването на писменост HTML таг. В зависимост от вашите изисквания, можете да използвате един от следните методи.

  • Заредете външен JavaScript файл в уеб страница, както следва:
  • Можете да посочите пълния URL адрес, ако JavaScript е от различен домейн от уеб страницата, както следва:
  • JavaScript може да бъде директно вграден в HTML. Ето едно.

Освен тези методи има начини за зареждане на JavaScript код при поискване. Всъщност има рамки, посветени на зареждане и изпълнение на JavaScript модули с правилни зависимости, разрешени по време на изпълнение.

Това са по-напреднали теми, в момента научавате основите.

Примерни фрагменти на JavaScript код

Ето няколко прости проби от JavaScript код, за да илюстрирате как се използва на уеб страниците. Това са примери за код, които работят с DOM.

  • Следното избира всички смел елементи в документа и задава цвета на първия до червен. 
    var elems = document.getElementsByTagName ('b'); elems [0] .style.color = 'червен';
  • Искате да промените изображението в IMG маркер? Следните свързват обработващ събитие за кликване случай на бутон.
  • Актуализирайте текстовото съдържание на параграф (р) елемент? Нагласи innerHTML свойство на елемента, както е показано: 
    Здравей свят

Тези проби от кодове предлагат само един поглед върху това, което можете да направите, като използвате JavaScript на вашата уеб страница. Има много уроци, които могат да ви научат как да кодирате Freebie: Научете се да кодирате с 27 часа видео уроциThe Ultimate Coding Bundle, който включва пет видео курса и 27 часа първокласно обучение, е БЕЗПЛАТЕН в момента. Прочетете още за да започнете. Можете да го изпробвате на всяка уеб страница, дори тази! Отворете конзолата си и изпробвайте някои JavaScript код.

Сега вече знаете какво прави JavaScript

Да се ​​надяваме, че това въведение донесе известна представа за JavaScript и ще ви вълнува от уеб програмирането. Можете да го резюмирате всичко нашият удобен JavaScript мамят лист The Ultimate JavaScript Cheat SheetВземете бързо обновяване на JavaScript елементи с този мамят лист. Прочетете още . Има много повече неща за научаване на JavaScript. След като се почувствате по-комфортно защо да не опитате научете как да използвате модела на обект на документ? Може и да сте заинтересовани да научат за TypeScript Какво е TypeScript и защо разработчиците трябва да го изпробват?Намирането на JavaScript е трудно да се адаптира след изучаването на друг език за програмиране? Ето как TypeScript може да ви помогне да превключите. Прочетете още .

Антъни Грант е писател на свободна практика, който обхваща програмиране и софтуер. Той е основен проблем в областта на програмирането, Excel, софтуера и технологиите.