Lekcije i primjeri JavaScripta. Javascript: gdje početi učiti i kako nastaviti Kako sami naučiti programski jezik javascript

Zdravo svima! U ovom članku ćemo pogledati 6 savjeta za učenje JavaScripta koji će vam pomoći da ga brže savladate.

Kada ljudi pokušavaju da uče JavaScript ili neke druge vještine, često nailaze na iste probleme.

  • Neke stvari mogu biti zbunjujuće, posebno ako dolazite iz drugog programskog jezika
  • Poteškoće u pronalaženju vremena (a ponekad i motivacije) za učenje
  • Jednom kad nešto shvatiš, lako je zaboraviti.
  • Alati se mijenjaju tako brzo da je teško znati odakle početi

Na sreću, ovi problemi se mogu riješiti. U ovom članku ću vam predstaviti 6 savjeta koji će vam pomoći da naučite JavaScript brže i postati sretniji, produktivniji programer.

1. Ne dozvolite da vas buduće odluke spreče da napredujete sada.

Mnogi početnici JavaScript pitate se koji okvir da počnete koristiti. Ali, ako još uvek ne znate čisto JavaScript onda je pogrešno postavljati takvo pitanje. Provest ćete sve svoje vrijeme tražeći različite okvire, umjesto da idete naprijed u svom razvoju.

Jedan od načina da riješite ovaj problem je da imate listu onoga što trebate naučiti. Na primjer, da biste postali front-end programer, vaša lista bi trebala izgledati ovako:

  • HTML
  • JavaScript
  • Malo jQuery
  • Možda neki okvir
  • Osnove GitHub
  • Malo WordPress
  • Hosting

Nakon što sve ovo proučite, možete kreirati funkcionalnu stranicu samo uz pomoć html I css. Posjedovanje takve liste će vam olakšati razumijevanje onoga što sada treba proučiti i ne gubite vrijeme na ono što bi trebalo proučiti kasnije.

2. Ne dozvolite sebi da zaboravite ono što ste već naučili

Učenje nečega prebrzo može biti jedna od najrazornijih stvari u vašem učenju. JavaScript. Dopusti mi da objasnim.

Kada nešto pročitate i odmah shvatite, možda ćete biti u iskušenju da odmah počnete nešto dalje proučavati. Možda ćete razumjeti sljedeću temu i početi proučavati sljedeću. Ali uskoro ćete doći do tačke u kojoj ćete shvatiti da ste zaboravili neke od prethodnih tema i da se morate vratiti i zapamtiti. Brzo prelazite preko prethodne teme da biste osvježili pamćenje i nastavili dalje. Ali sada ponovo shvatate da ste nešto zaboravili. Nastavljate ovaj ples naprijed-natrag dok ne shvatite da ste potpuno izgubljeni. Obeshrabreni ste, napravite pauzu i onda, kada odlučite da nastavite sa učenjem, shvatite da ste potpuno sve zaboravili.

Srećom, postoji nekoliko jednostavnih koraka za rješavanje ovog problema:

  • Ograničite količinu materijala koji učite odjednom
  • Praksa - Kod

Kada naučite neku temu, odmah vježbajte, osjećajte se ugodno u pisanju koda, pa čak i pokušajte kombinirati ovu temu s prethodnim koje ste već proučavali.

3. Dobijte pravu praksu

Mnogima je praksa dosadna, pa pokušavaju da je preskoče ili skrate. Ako to uradite, moraćete da učite JavaScript mnogo duže. Ali kako učiniti da vježba bude zabavna tako da to želite učiniti?

Pokušajte sljedeće:

Šta ako ste naučili novu temu JavaScript ali nije praktikovano? Kako ćeš se osjećati? Lično, bio bih uznemiren. Izgleda isto kao da je djetetu kupljena nova igračka, ali mu se ne bi dozvolilo da se igra s njom.

Kad nešto učiš JavaScript, zamislite da se igrate novom igračkom, automobilom, čizmama ili bilo čim drugim što vam se sviđa.

Sagledavajući proučavanje nečega na razigran način, brže ćete steći znanja, duže ćete ih pamtiti i to će vam biti radost.

4. Nađite vremena za programiranje koristeći Facebook trik

Jedan od najčešćih problema koji ljudi imaju je taj što ne mogu pronaći vremena za kodiranje, ali ti isti ljudi vrlo često provode vrijeme na stranicama poput Facebook, YouTube, Wikipedia ili Reddit. Bilo da se ovo odnosi na vas ili ne, ovdje ćete i dalje pronaći nešto za naučiti.

Zaista sam imao vremena kada sam samo želio da sjedim Facebook ali nisam tamo provodio sate. Kako se to dogodilo? I to se dogodilo jer nisam htela da ostanem tamo dugo. Početi s nečim je najteži dio, pa mi zadržavanje početne obaveze olakšava. Kad bi me neko pitao da li sam spreman da provedem sate u njemu Facebook Rekao bih ne jer nemam vremena za to. Volim otići tamo da nešto brzo provjerim, i ništa više.

Dobra vijest je da ovu metodu možete koristiti kada učite programirati. Nemojte se obavezati da ćete provoditi sate u pisanju koda, jer tada nikada nećete imati vremena za to. Samo recite sebi da ćete isprobati neki kod tri minuta i više nikada nećete naći vremena za vježbanje.

5. Razmišljajte sporije i brže ćete učiti

Ovo je protiv zdravog razuma, pa ću to objasniti istorijom.

Moj prijatelj je jednom bio zbunjen zbog neke funkcije JavaScript. Zamolio sam ga da mi kaže šta zna i da onda objasni koliko toga nije razumeo. Čim je prošao kroz šifru, shvatio sam da mu se žuri.

"Čekaj!" Rekao sam mu. "Uzmite vremena i recite mi svaki korak ovog koda."

Moj prijatelj je nastavio razgovarati sa mnom o kodu općenito.

Opet sam ga zaustavio. "Još uvijek ste u žurbi. Pokušajte ponovo, ali ovaj put prođite kroz svaki red koda i recite mi što se ovdje događa."

Ovaj put je moj prijatelj mnogo bolje govorio o kodu. Suština je u tome što je odvojio vrijeme da pogleda i razumije svaki red koda, umjesto da pokuša odmah shvatiti šta se događa.

U ovakvim slučajevima zaista je bolje razmišljati sporije i brže ćete učiti.

6. Napišite složeni kod na jednostavnom jeziku

Ako vam se dio koda čini komplikovanim ili nepoznatim, prvo ga napišite jednostavnim jezikom. Na ovaj način možete shvatiti šta želite da kod radi prije nego što ga napišete. Postoje dvije prednosti ovog pristupa:

  • Vaš će kod biti lakši i brži za pisanje jer ne morate povremeno stati da biste razmišljali o tome kako želite da se ponaša.
  • Pronaći ćete greške prije nego što se dogode jer ćete imati jasnu predstavu o tome šta kod treba da radi

Zaključak

Pogledali smo gomilu načina da vam pomognemo da naučite JavaScript brže, ali ih možete primijeniti i na druge vještine. Evo sažetka onoga što smo pokrili:

  • Prestanite da brinete o budućim odlukama i zaronite u učenje sada
  • Neka vježba bude zabavno zamišljajući nove vještine poput novih igračaka
  • Odvojite vrijeme za programiranje na isti način na koji ga nalazite na društvenim mrežama. mreže
  • Uzmite si vremena, sve radite postepeno i brže ćete učiti

Šta mislite o studiranju? Imate li savjete i trikove koji nisu bili obuhvaćeni u ovom članku? Ili možda mislite da su sve to gluposti i da je jedini pravi način da sjedite i učite 12 sati dnevno. U svakom slučaju, volio bih čuti vaše mišljenje u komentarima.

Zdravo! Da li ste ikada razmišljali o početku programiranja? Lično, od djetinjstva sam sanjao da naučim kako pisati svoje programe i igrice. Nedavno sam se jako zainteresovao za ovu aktivnost i postavio sam sebi cilj - da razumem i naučim kako da radim, za početak, sa takvim programskim jezikom kao što je JavaScript. Zašto JavaScript?

Pošto nemam iskustva ni sa jednim jezicima osim osnovnog kursa HTML i CSS, JavaScript mi ​​se dopao zbog njegove svestranosti, brzog rasta i neobične istorije razvoja, što ću svakako ispričati u jednom od sledećih članaka. Govoreći o univerzalnosti, u ovom trenutku upotreba JavaScript koda nije ograničena samo na servere i pretraživače, već se koristi i u razvoju mobilne aplikacije i programi za Internet stvari.


1. Uzvišeni tekst 2


Sažeti uređivač koda opšte namene koji može da radi sa mnogim programskim jezicima. Dostupan je kao besplatno preuzimanje za Windows, Mac i Linux platforme.

Takođe želim da istaknem izgled- bolno je jednostavno. Pojedini dijelovi koda su istaknuti različitim bojama, moguće je podesiti boju prozora programa, ima još jedna zanimljivost sa desne strane - cijeli projekat stranice je predstavljen u obliku sličica, klikom na bilo koju od njih možete lako premjestiti na pravo mjesto.

općenito, Sublime Text je proširena verzija standardnog uređivača teksta, ali sa razrađenijim interfejsom i pristrasnošću prema kodiranju. Dakle, kreiranje HTML stranica u njemu je potpuno ručno kodiranje, stoga ga ne mogu preporučiti za profesionalni rad, ali za početnike poput vas i mene ovaj uređivač je pogodan kako bi bolje razumjeli principe JS, HTML i CSS.

2. Atom


Atom je najfleksibilniji uređivač teksta od GitHub programera. Besplatan je za ličnu i komercijalnu upotrebu pod MIT licencom. Njegovi kreatori aktivno prate sugestije korisnika i pokušavaju da ažuriraju uređivač novim funkcijama na vreme.


Atom je dostupan za Windows, Linux (Ubuntu, Fedora, Red Hat) i macOS platforme. Program takođe ima mogućnost izbora jezika na kojem ćete pisati program. Samo oko 30 programskih jezika je podržano sa standardnim dodacima: (C/C++, C#, Clojure, CSS, CoffeeScript, Markdown (GitHub Flavored), Go, Git, HTML, JavaScript, Java, JSON, Julia, Less, Make, Mustache, Objective -C, PHP, Perl, Lista svojstava (Apple), Python, Ruby on Rails, Ruby, Sass, Shell skripta, Scala, SQL, TOML, XML, YAML).

Ovako skroman softverski arsenal po prvi put bi trebao biti dovoljan za sve. Lično ću kreirati sve oglase u Atomu. Pa, hajde da počnemo!

"Zdravo svijete!"


Kao primjer za prvu lekciju, prema ustaljenoj tradiciji među programerima, napravićemo web stranicu dobrodošlice i pobliže pogledati njenu strukturu.

Prvo, malo teorije. Umetanje bilo koje Javascript skripte u HTML kod se vrši pomoću oznake