Pregled sadržaja[Sakriti][Pokazati]
- 1. Poboljšajte svoje osnovno znanje
- 2. Iskoristite objektno orijentiranu strategiju
- 3. Iskoristite funkcije čak i ako su male
- 4. Umjesto ==, koristite ===
- 5. Koristite JSLint
- 6. Skripte bi trebale biti postavljene na dno vaše stranice
- 7. Najbrži način za izradu strune
- 8. Dodajte komentar svom kodu
- 9. Iskoristite predloške literala
- 10. Iteratori i for … petlji
- 11. Koristite {} umjesto new Object()
- 12. Razmislite o stavljanju let i const u svoj kod
- 13. eval() nije dobra ideja
- 14. Spread Operator dobro dođe
- 15. čekaj i asinkroni
- 16. Koristite metodu include() u Javascriptu
- 17. Uklonite stavke iz niza koristeći Splice
- 18. Iskoristite funkciju strelice
- 19. Pomoću Destrukturiranja možete brzo dodijeliti varijabilne vrijednosti
- 20. Napravite nekoliko projekata
- Zaključak
Ako ste ikada bili zainteresirani za web razvoj, vjerojatno ste se susreli s JavaScriptom. Objektno orijentirani programski jezik je JavaScript. Programeri ga koriste kako bi web-stranice na strani klijenta (prednji kraj) učinili dinamičnim i interaktivnim.
Također se koristi za izradu web stranica i web aplikacija, s HTML i CSS. Danas ne postoji web stranica na internetu koja nema JavaScript kod. To je postao neodvojivi aspekt posla programera.
Doista, u stalnom je porastu. Iako je JavaScript najpoznatiji po pružanju funkcionalnosti web stranicama, također se koristi u okruženjima koja nisu JavaScript. Node.js, Apache Couch-DB i Adobe Acrobat primjeri su ovih tehnologija. Za pokretanje JavaScripta, većina modernih web preglednika sadrži ugrađeni mehanizam za izvršavanje JavaScripta. Ako želite biti uspješan web programer, morat ćete se pozabaviti JavaScriptom.
Morate to riješiti danas ili sutra. Zašto ne naučite JavaScript unaprijed kako biste bili spremni kada za to dođe vrijeme?
To je ono što ćete naučiti na ovoj sesiji. Objašnjava kako ostati korak ispred svojih kolega web programera usavršavanjem svog JavaScripta.
Započnimo!
1. Poboljšajte svoje osnovno znanje
Započet ću sa stvarno osnovnom mišlju i izjavom koju ste čuli od svoje mladosti. Naučite osnove i primijenite ih u praksi. Mnogo puta ćete primjenjivati logiku s kodiranjem, ali ćete zaboraviti da već postoji ugrađena funkcija za to, kao što je rezanje niza. Kada pokrenete JavaScript kôd, možete dobiti pogrešku i kao rezultat toga mnoge dodatne značajke prestaju raditi.
To može biti uzrokovano jednom dvotočkom ili navodnim zarezima. Te se stvari događaju kao rezultat nerazumijevanja osnova. Mnogo puta u jednom programu koristi se osnovna petlja kao što je for, which ili do while. Petlje su jedna od najosnovnijih programskih konstrukcija.
Prilično je teško kodirati, pa čak i imati priliku raditi za tvrtku ako niste upoznati s petljama i drugim osnovama. Osvježavanje vaših osnova je ključno jer one pružaju čvrstu osnovu na kojoj se razvija komplicirana logika i ugled rješenja.
2. Iskoristite objektno orijentiranu strategiju
Objektno orijentirana metoda danas je najpoznatiji pristup programiranju. Objektno orijentirani pristup, koji je započeo s C++-om, od tada je iznimno porastao u popularnosti. Danas se za izradu svih glavnih jezika koristi samo objektno orijentirano programiranje. Objektno orijentirana strategija je ona koja je usmjerena na određeni objekt.
Stavka tada postaje temeljni entitet. Ovaj se objekt zatim koristi za dodavanje atributa i funkcija na stranicu kao osnovu. Također možete koristiti tradicionalnu metodu stvaranja koda od vrha prema dolje bez ikakvih funkcija ili objekata. Ovo je preopširno i nikada se ne smije pokušavati. Kod razvoja koda trebamo koristiti funkcionalni pristup, a ako koristimo funkcije, trebamo koristiti objekte.
Dakle, u početku nastojte svoj opsežni kod pretvoriti u objektno orijentirani kod i uvijek pišite svoj kod u objektno orijentiranom stilu. Kada proučavate kod drugih ljudi, stalno ćete gledati u objektno orijentirane tehnike. Ako želite svladati JavaScript, najbolje je da ga se dočepate.
3. Iskoristite funkcije čak i ako su male
Programiranje s funkcionalnim pristupom je sjajan put. Zašto? On dijeli vaš softver na module koji funkcioniraju zajedno, ali su još uvijek različiti jedan od drugog. Dat ću vam primjer koji će vam pomoći da shvatite.
Korijen srednje kvadratne vrijednosti cijelih brojeva može se izračunati pomoću funkcije. Da biste to učinili, morate kvadrirati cijele brojeve, izračunati njihovu srednju vrijednost, a zatim izračunati kvadratni korijen srednje vrijednosti. Tri su faze u procesu. Kao rezultat toga, možemo koristiti tri funkcije. Ali, kao što vidite, sve su te funkcije međusobno povezane. Izlaz jednog šalje se drugom, a mi primamo krajnji rezultat.
Zamislimo se da vam je umjesto tri funkcije potrebna samo jedna za izračunavanje RMS-a na temelju više faktora. Konačno rješenje, kao što vidite, nije točno. Bit će vam prilično teško odrediti što je pošlo po zlu u tako velikom događaju u ovom trenutku.
S druge strane, tri sićušne funkcije omogućit će vam brzu analizu. Kao rezultat toga, čak i ako su funkcije skromne, upotrijebite ih za definiranje različitih modula koda. Ova tehnika će vam pomoći da postanete stručnjak za JavaScript poput magije.
Pogledajmo sada neke savjete za JavaScript kodiranje.
4. Umjesto ==, koristite ===
U JavaScriptu postoje dvije vrste operatora jednakosti: operatori striktne jednakosti === i !== i operatori nestroge jednakosti == i !=. Kada se uspoređuje, smatra se najboljom praksom uvijek koristiti točnu jednakost. Međutim, kada radite s == i !=, naići ćete na probleme kada radite s različitim vrstama.
Kada su vrste vrijednosti koje uspoređujete različite, nestriktni operatori pokušat će prisiliti svoje vrijednosti, što može dovesti do neočekivanih ishoda.
5. Koristite JSLint
Douglas Crockford stvorio je JSLint, program za ispravljanje pogrešaka. Jednostavno stavite svoju skriptu u kutiju i ona će je brzo skenirati u potrazi za greškama ili nedostacima.
JSLint ispituje JavaScript izvornu datoteku. Ako se otkrije problem, šalje poruku s opisom problema i približnom pozicijom unutar izvora. Problem nije uvijek sintaktička pogreška, iako je čest slučaj.
JSLint ispituje i stilske norme i strukturna pitanja. To ne znači da je vaš softver točan. Samo dodaje još jedan par očiju za pomoć u otkrivanju problema. Prije nego što se odjavite na skriptu, pokrenite je kroz JSLint kako biste bili sigurni da niste počinili nikakve pogreške.
6. Skripte bi trebale biti postavljene na dno vaše stranice
Primarni cilj korisnika je da se stranica učitava što je brže moguće. Preglednik ne može nastaviti s učitavanjem skripte dok se cijela datoteka ne učita. Kao rezultat toga, korisnik će morati čekati dulje da vidi bilo kakav napredak.
Ako imate JS datoteke koje se koriste samo za pružanje funkcionalnosti (na primjer, kada se pritisne gumb), stavite ih na dno stranice, neposredno prije završne oznake tijela. Ovo je nedvojbeno najbolja praksa.
7. Najbrži način za izradu strune
Kada trebate petlju oko niza ili objekta, nemojte uvijek koristiti svoju pouzdanu naredbu for petlje. Upotrijebite svoju maštu kako biste došli do najbržeg rješenja za postavljeni zadatak. Neću vam iznositi brojke; jednostavno ćete mi morati vjerovati (ili testirati sami).
Ovo je dosad najbrža tehnika.
8. Dodajte komentar svom kodu
Možda se isprva čini besmislenim, ali vjerujte mi kad kažem da biste trebali komentirati svoj kod što je češće moguće. Što ako se vratite na projekt nekoliko mjeseci kasnije i ne možete se sjetiti svog izvornog procesa razmišljanja?
Što ako vaš kod mora ažurirati netko od vaših suradnika? Važna područja koda uvijek treba komentirati.
9. Iskoristite predloške literala
Brojna su ograničenja nizova stvorenih dvostrukim ili jednostrukim navodnicima. Kako bi rad s njima bio mnogo lakši, možete odlučiti zamijeniti neke svoje nizove literalima predloška.
Znak povratne kvačice (') koristi se za izradu literala predloška, što ima brojne prednosti. Možete ih koristiti za pohranjivanje izraza ili za izradu nizova s više redaka.
Kao što možete vidjeti, za razliku od konvencionalnog literala niza konstruiranog s jednostrukim ili dvostrukim navodnicima, nismo morali više puta ulaziti i izlaziti iz našeg literala predloška. To smanjuje vjerojatnost pogrešaka u tipkanju i omogućuje nam pisanje čistijeg koda.
10. Iteratori i for … petlji
Iteratori su objekti u JavaScriptu koji implementiraju next() metodu za vraćanje objekta koji pohranjuje sljedeću vrijednost u nizu kao i true ili false ovisno o tome ima li još preostalih vrijednosti. To znači da ako implementirate protokol iteratora, možete izgraditi vlastite objekte iteratora.
Postoje neki ugrađeni iteratori u JavaScriptu, kao što su String, Array, Map i tako dalje. Možete koristiti for ... petlje za ponavljanje kroz njih. U usporedbi s običnim for petljama, ovo je sažetije i manje sklono pogreškama. Ne moramo pratiti cijelu duljinu niza ili trenutni indeks koristeći for…of petlju. Prilikom dizajniranja ugniježđenih petlji, ovo bi moglo pomoći u pojednostavljenju koda.
11. Koristite {} umjesto new Object()
U JavaScriptu možete stvarati objekte na razne načine. Korištenje novog konstruktora, kao što je prikazano, je konvencionalniji način. Ova je strategija, s druge strane, označena kao "loša praksa".
Nije destruktivan, ali je malo riječit i jedinstven. Umjesto toga predlažem korištenje tehnike doslovnog objekta.
12. Razmislite o stavljanju let i const u svoj kod
Možemo koristiti ključnu riječ let da napravimo lokalne varijable koje su ograničene na vlastiti blok. Možemo koristiti ključnu riječ const za konstruiranje lokalnih varijabli s opsegom bloka koje se ne mogu mijenjati.
Kada deklarirate varijable, trebali biste razmotriti korištenje ključnih riječi let i const kada je to primjenjivo. Zapamtite da ključna riječ const onemogućuje samo ponovno dodjeljivanje. To također ne čini varijablu nepromjenjivom.
13. eval() nije dobra ideja
Metoda eval(), za one koji ne znaju, omogućuje nam pristup JavaScript kompajleru. U suštini, možemo koristiti eval da izvršimo rezultat niza tako da ga dostavimo kao input ().
Ne samo da će ovo značajno usporiti vašu skriptu, već također predstavlja značajan sigurnosni problem budući da prenesenom tekstu daje previše autoriteta. Izbjegavajte ga pod svaku cijenu!
14. Spread Operator dobro dođe
Jeste li ikada trebali prenijeti sve stavke u nizu kao pojedinačne elemente drugoj funkciji ili trebate staviti sve vrijednosti iz jednog niza u drugi? To je upravo ono što nam omogućava operator širenja (…). Evo ilustracije.
15. čekaj i asinkroni
Stvorite asinkrone funkcije pomoću ključne riječi async, koja uvijek vraća obećanje, eksplicitno ili implicitno.
Ključna riječ čekanja može se koristiti u asinkronim funkcijama za zaustavljanje izvršenja dok se ne dovrši rješavanje povratnih obećanja. Izvan vaše asinkrone funkcije, kod će nastaviti raditi normalno.
16. Koristite metodu include() u Javascriptu
U JavaScriptu funkcija include() utvrđuje sadrži li niz znakova koji su navedeni ili sadrži li polje navedeni element.
Ova metoda vraća true ako je niz ili element otkriven; u suprotnom, vraća false. Vrijedno je spomenuti da funkcija Strings contains() razlikuje velika i mala slova. Ako želite podudarati niz bez obzira na velika i mala slova, jednostavno prvo napišite mala slova ciljnog teksta.
17. Uklonite stavke iz niza koristeći Splice
Za uklanjanje stavke iz niza, vidio sam da programeri koriste funkciju brisanja. To je pogrešno jer, umjesto brisanja objekta, metoda delete ga zamjenjuje s nedefiniranim.
Najlakši način za uklanjanje elementa iz niza ovisno o njegovoj vrijednosti u JavaScriptu je upotreba funkcije indexOf() za dobivanje broja indeksa te vrijednosti u nizu, a zatim brisanje te vrijednosti indeksa metodom splice().
18. Iskoristite funkciju strelice
Funkcije strelica još su jedna važna značajka koja je upravo dodana JavaScriptu.
Imaju hrpu prednosti. Za početak, oni funkcionalne dijelove JavaScripta čine vizualno privlačnijim i lakšim za pisanje. Međutim, korištenje funkcija strelica čini ovo mnogo čitljivijim i sažetijim.
19. Pomoću Destrukturiranja možete brzo dodijeliti varijabilne vrijednosti
Ranije u ovom postu naučili smo o operatoru širenja u JavaScriptu. Destrukturiranje je slično destrukturiranju po tome što također raspakira podatke sadržane u nizovima.
Razlika je u tome što se ove nepakirane vrijednosti mogu dodijeliti različitim varijablama. Sintaksa je identična prečacu [] prilikom formiranja niza. Međutim, zagrade su ovaj put postavljene s lijeve strane operatora dodjele. Evo ilustracije.
20. Napravite nekoliko projekata
Bilo koji talent zahtijeva dosljednu praksu, stoga pokušajte konstruirati različite projekte kako biste usavršili svoje sposobnosti i stekli stručnost s različitim scenarijima programiranja.
Tijekom rada na projektima doživjet ćete nekoliko izazova i nedostataka koji će vam omogućiti potrebnu stručnost. Stoga pokušajte osmisliti projekte, a na internetu postoji mnoštvo ideja i primjera koji vam mogu pomoći. Nastavite s razvojem koda i vaše će se sposobnosti poboljšati.
Zaključak
Moglo bi biti teško naučiti računalni jezik kao što je JavaScript. Ako ozbiljno namjeravate postati dobar programer i osigurati svoj prvi posao, onda vam ove strategije učenja JavaScripta mogu pomoći da ubrzate svoj proces učenja.
Pobrinite se da redovito vježbate kodiranje, vodite temeljite bilješke dok učite nove ideje i koristite sve alate koji su vam dostupni. Iznad svega, izađite van i počnite kodirati dok se zabavljate.
Ostavi odgovor