Što je JavaScript i kako funkcionira?

Oglas

JavaScript je postao glavna stavka u modernom web razvoju. Ovaj se moćan jezik razvio u važan alat koji svaki razvojni programer može razumjeti.

JavaScript ima posebne značajke koje ga razlikuju od tradicionalnih programskih jezika. Idemo istražiti što je to, kako to radi i što možete učiniti s tim. Rastavimo ga.

Što je JavaScript?

JavaScript je skriptni jezik za web. To je interpretirani jezik, što znači da mu ne treba prevodilac za prevođenje koda poput C ili C ++. JavaScript kod radi izravno u web-pregledniku.

Najnovija inačica jezika je ECMAScript 2018 koja je objavljena u lipnju 2018. godine.

JavaScript surađuje s HTML-om i CSS-om na stvaranju web aplikacija ili web stranica. JavaScript podržava većina modernih web preglednika kao što su Google Chrome, Firefox, Safari, Microsoft Edge, Opera, itd. Većina mobilnih preglednika za Android i iPhone sada podržava i JavaScript.

JavaScript kontrolira dinamične elemente web stranica. Radi u web preglednicima, a u novije vrijeme i na web poslužiteljima. Sučelje aplikacijskog programiranja (API) također podržavaju JavaScript, što vam daje veću funkcionalnost.

Razumijevanje svih načina na koji JavaScript funkcionira malo je lakše kada shvatite kako funkcionira web programiranje, pa naučimo više.

Blokovi za izgradnju web aplikacija

Tri su komponente koje grade web stranice i aplikacije: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) i JavaScript. Svaka od njih ima ulogu u stvaranju web aplikacije.

• HTML je označni jezik koji stvara kostur web stranice. Svi odlomci, odjeljci, slike, naslovi i tekst napisani su u HTML-u. Sadržaj se prikazuje na web mjestu redoslijedom kojim je napisan u HTML-u.
• CSS kontrolira stil i dodatne aspekte izgleda. CSS se koristi za izradu dizajna web stranice stvarajući boje, fontove, stupce, obrube itd. Internet vodi web stranicu od običnih tekstualnih elemenata do šarenih dizajna.
• Treći element je JavaScript. HTML i CSS stvaraju strukturu, ali od nje ne rade ništa. JavaScript stvara dinamičnu aktivnost na vašoj aplikaciji. Skriptiranje u JavaScript-u je ono što kontrolira funkcije kada se kliknu na gumbe, kako se autentificiraju obrasci zaporki, kako se kontrolira medij.

Sva tri dijela djeluju skladno jedni s drugima na stvaranju aplikacija u punoj razmjeri. Bilo bi dobro da to učinite saznajte više o HTML-u i CSS-u Naučite HTML i CSS pomoću ovih korak po korak vodičaZanima vas HTML, CSS i JavaScript? Ako mislite da imate smisao za učenje kako izraditi web stranice ispočetka - evo nekoliko sjajnih tutorijala koje treba isprobati. Čitaj više ako vam nije potpuno ugodno.

Kako funkcionira JavaScript?

Prije pisanja JavaScripta važno je znati kako to djeluje ispod haube. Dva su važna dijela koja treba naučiti o tome: Kako funkcionira web preglednik i model objekta DOM (DOM).

Web preglednik učitava web stranicu, raščlanjuje HTML i stvara sadržaj koji je poznat kao Model dokumenta (DOM) iz sadržaja. DOM prikazuje vaš web kod uživo prikaz web stranice.

Preglednik će tada shvatiti sve povezano s HTML-om, poput slika i CSS datoteka. CSS informacije dolaze iz CSS analizatora.

HTML i CSS sastavlja DOM kako bi prvi stvorio web stranicu. Tada JavaScript motor preglednika učitava JavaScript datoteke i umetnuti kod, ali ne pokreće ga odmah. Čeka da se HTML i CSS završe s učitavanjem.

Nakon što je to učinjeno, JavaScript se izvršava redoslijedom kojim je kôd napisan. Zbog toga preglednik ažurira DOM pomoću JavaScript koda i prikazuje ih.

Ovdje je važan redoslijed. Ako JavaScript ne pričeka da HTML i CSS završe, ne bi mogao promijeniti DOM elemente.

Što mogu učiniti sa JavaScriptom?

JavaScript je punopravni programski jezik koji može učiniti većinu stvari uobičajenim jezikom kao što je Python. To uključuje:

• Deklariranje varijabli Kako deklarirati varijable u JavaScript-uDa biste započeli s JavaScript-om, morate razumjeti varijable. Evo tri načina proglašavanja varijabli u JavaScript-u. Čitaj više .
• Pohranjivanje i dohvaćanje vrijednosti.
• Definiranje i pozivanje funkcija, uključujući strelice funkcije.
• Definiranje JavaScript objekata i klasa.
• Učitavanje i korištenje vanjskih modula.
• Pisanje obrađivača događaja koji reagiraju na događaje na klik.
• Pisanje koda poslužitelja.
• I mnogo više.

Upozorenje: Od JavaScript je tako moćan jezik JavaScript i web razvoj: Korištenje modela objekta dokumentaOvaj će vam članak predstaviti kostur dokumenta s kojim radi JavaScript. Poznavajući rad ovog apstraktnog modela objekta dokumenta, možete napisati JavaScript koji radi na bilo kojoj web stranici. Čitaj više Također je moguće pisati zlonamjerni softver, viruse i hakere u preglednicima da ih nanijete korisnicima. Oni se kreću od krađe kolačića, lozinki, kreditnih kartica preglednika do preuzimanja virusa na vaše računalo.

Korištenje JavaScripta

Pogledajmo neke osnove JavaScripta s primjerima koda.

Deklariranje varijabli

JavaScript se unosi dinamički, što znači da ne morate deklarisati vrstu varijabli u vašem kodu.

neka je broj = 5; neka myString = "Pozdrav"; var kamata = 0,25; 

operatori

Dodatak

12 + 5. >> 17. 

Oduzimanje

20 - 8. >> 12. 

Množenje

5 * 2. >> 10. 

Podjela

50 / 2. >> 25. 

modul

45 % 4. >> 1. 

nizovi

neka mojArray = [1,2,4,5]; neka stringArray = ["zdravo", "svijet"]; 

funkcije

JavaScript može pisati funkcije, ovdje je jednostavna funkcija koja dodaje brojeve.

funkcija addNumbers (num1, num2) { povratni broj1 + num2; } >> addNumbers (10,5); >> 15.

petlje

JavaScript može izvoditi petlje za iteraciju, poput petlje za petlje i dok petlje.

za (neka je i = 0; i <3; i ++) {console.log ("odjek!"); } >> odjek! >> odjek! >> odjek! 

neka je = 0; while (i <3) {console.log ("odjek!"); i ++; } >> odjek! >> odjek! >> odjek! 

komentari

// Pisanje komentara. 

/ * Pisanje komentara s više linija. Možete koristiti onoliko linija koliko želite. razbiti tekst i učiniti komentare čitljivijima. */

Na web stranici

Najčešći način učitavanja JavaScripta na web stranici je uporaba skripta HTML oznaka. Ovisno o vašim zahtjevima, možete koristiti jednu od sljedećih metoda.

• Umetnite vanjsku JavaScript datoteku na web stranicu na sljedeći način:
• Kompletni URL možete navesti ako je javascript iz druge domene s web stranice na sljedeći način:
• JavaScript se može izravno ugraditi u HTML. Evo.

Osim ovih metoda, postoje i načini učitavanja JavaScripta na zahtjev. U stvari, postoje okviri posvećeni učitavanju i pokretanju JavaScript modula s odgovarajućim ovisnostima koje se rješavaju u vrijeme izvođenja.

To su naprednije teme, sada učite osnove.

Primjeri isječaka JavaScript koda

Evo nekoliko jednostavnih uzoraka JavaScript koda koji ilustriraju kako se koristi na web stranicama. Ovo su primjeri koda koji rade s DOM-om.

• Sljedeće odabire sve odvažan elemenata u dokumentu i postavlja boju prvog u crvenu.

  var elems = document.getElementsByTagName ('b'); elems [0] .style.color = 'crveni'; 

• Želite promijeniti sliku u img označiti? Sljedeće povezuje alat za obradu događaja za klik događaj gumba.

  Promjena slike

• Ažurirajte tekstualni sadržaj stavka (p) element? Postavi innerHTML svojstvo elementa kao što je prikazano:

  Pozdrav svijete
  Klikni me

Ovi uzorci koda nude samo uvid u ono što možete učiniti pomoću JavaScripta na svojoj web stranici. Tamo su obilje tutorijala koji vas mogu naučiti kako kodirati Freebie: naučite se kodirati s 27 sati video tutorijalaUltimate Coding Bundle, koji uključuje pet video tečaja i 27 sati vrhunske nastave, trenutno je BESPLATAN. Čitaj više da započnete. Možete ga isprobati na bilo kojoj web stranici, pa i na ovoj! Otvorite svoju konzolu i isprobajte neki JavaScript kôd.

Sada znate što radi JavaScript

Nadamo se da je ovaj uvod donio neke uvide u JavaScript i uzbuđuje vas web programiranje. Možete ih sve sažeti u naš zgodan JavaScript varalica Ultimate JavaScript varalicaPomoću ovog varalice možete brzo osvježiti JavaScript elemente. Čitaj više . O JavaScript-u se može puno više naučiti. Jednom kada se osjećate ugodnije zašto ne biste pokušali naučite kako koristiti model objekta Document? Možda i budete zainteresirani za učenje o TypeScriptu Što je TypeScript i zašto bi to trebali pokušati programeri?Je li vam JavaScript prilagodljiv nakon učenja drugog programskog jezika? Evo kako vam TypeScript može pomoći pri prebacivanju. Čitaj više .