jquery javascript kursevi. Najbolji načini da naučite JavaScript za lutke. Šta treba da uradite da biste naučili i naučili da koristite JavaScript, jQuery i Ajax

Da li ste dugo čuli za jQuery, ali niste imali vremena da savladate ovu biblioteku? Njegova upotreba uvelike pojednostavljuje izgled u JavaScript-u. Ova mala, brza i proširiva JS biblioteka olakšava navigaciju HTML elementima, upravljanje animacijama i rad sa Ajax zahtjevima.

Na kursu "Javascript i jQuery", koji predstavlja projekat FructCode, naučićete sve tajne i nijanse jQuery biblioteke, početi da je koristite u kreiranju svog rada. JavaScript programski jezik je sveprisutan u web razvoju. Tržište rada na mreži stalno ima potrebu za stručnjacima koji na osnovu njega mogu kreirati web stranice.

Učenje JavaScripta uz FructCode:

  • Prvo kreiranje varijable, uvod u JavaScript sintaksu;
  • Prenošenje koda u pojedinačni fajl, prikazivanje ovih varijabli u pretraživaču;
  • Povezivanje jQuery biblioteke i pristup DOM-u;
  • Prvi kod u jQuery i JavaScript, vježbe za dijalog.

Naučite JavaScript i jQuery od nule. Dobijte bazu za dalji samorazvoj u ovoj oblasti. Učvrstite se kao odgovoran zaposlenik koji nastoji steći nova znanja. U svakom slučaju, to će dovesti do razvoja karijere i dobijanja bolje plaćenog posla.

2 glasa

Pozdrav dragi čitaoci. Dok neko srceparajući traži na nečemu drugom da uštedi kako bi održao svoj nivo blagostanja, pametni ljudi ulažu u sebe. Odavno su shvatili da znanje o tehnologiji može dobro zaraditi.

Kako tačno? Imam oko 100 članaka na blogu posvećenih tome. Na primjer, "" ili "". Šta reći o onima koji će nešto ozbiljno da urade? Računarska pismenost stanovništva raste, a sa njom i broj obrazovnih materijala. Ostaje samo pronaći najbolje.

Danas ćemo govoriti o JavaScript lekcijama za početnike. Poznavajući ovaj programski jezik, već ćete moći tražiti klijente i zarađivati ​​novac. Za neke će ovo biti još jedan korak ka uspjehu u IT industriji.

Iz današnjeg članka saznat ćete gdje možete naučiti kodirati, dobiti savjet kako to učiniti što efikasnije i brže ili besplatno. Svaka osoba ima svoje prioritete, pa ću se truditi da ispunim nade svakog da pronađe nešto korisno u ovoj publikaciji.

Suprotno običaju, neću se još dugo tucati. Puno informacija. Hajde da počnemo.

Besplatne JavaScript klase

Finansijsko pitanje za mnoge programere početnike je od najveće važnosti. Ovo je sasvim logično. Internet je prvobitno kreiran kao baza znanja u kojoj svako može pronaći informacije od interesa. “Zašto bih odjednom platio?” sasvim je prirodno pitanje.

Nažalost, odgovor na to je i nepretenciozan - kvalitetan. Premalo je talentovanih i nezainteresovanih ljudi u našoj zemlji koji su spremni da daju svoje vreme besplatno, ali nemojte se nervirati.

Srećom, postoje razne vrste promocija, bonusa i kurseva koji su kreirani da povećaju PR programera. Malo poznate škole kreiraju materijale, ali su u početku, radi povratnih informacija i recenzija, spremne dati ih besplatno. Vi samo trebate doći na pravo mjesto i pronaći najbolje vrijeme za ovo. Uspio sam pronaći dobru opciju, koju sada rado dijelim sa vama.

Ako ne znate ništa o JS-u (to je svjetska skraćenica za JavaScript), mogu vam ponuditi izbor YouTube videa. Ovo je uvodni kurs za učenje od nule, kreiran od strane online škole Huxlet.

Takođe možete dobiti kurs Osnove programiranja » sa zadacima na službenoj web stranici kompanije. U 17 časova obuka obuhvata 27 časova i 21 praktičnu vežbu.

Nakon što ste naučili osnove, možete prijeći na sljedeći korak " JS: Pripremam se ". Pristup je također besplatan.

Naravno, ja lično nisam pohađao ovaj kurs i stoga vam ne mogu garantovati za kvalitet i reći o nekim karakteristikama obuke. Huxlet je relativno nov i pozicionira se kao međunarodni tim profesionalaca posvećenih obrazovanju ljudi od nulte do profesionalnog nivoa.

Tekstovi na engleskom jeziku, kursevi, reference na poznate resurse kao što su Lifehacker i Habr ulijevaju povjerenje. Međutim, glavna prednost je, po mom mišljenju, još uvijek besplatna.

Možda će se nešto kasnije kompanija moći dokazati, dokazati svoju važnost na ovom svijetu, pokazati nivo diplomaca i postići slavu, uspjeh i slično.


Ako ne želite gubiti vrijeme i naučiti toliko, možete "otkupiti" samo informacije vezane za JS: "JavaScript. Nivo jedan" i "JavaScript. Drugi nivo." Istina, mislim da će u ovom slučaju pripravnički staž morati da se zaboravi. Ove informacije treba razjasniti sa programerima.

To je u osnovi to. Želim ti sve najbolje. Ne zaboravite se pretplatiti na moja Vkontakte grupa da saznate nešto više o zaradi na internetu. Vidimo se opet.

Ali prvo ću se ukratko predstaviti. Moje ime je Mihail Rusakov, mnogi od vas me poznaju godinama. Zbog svoje prirodne skromnosti ne volim da pričam o sebi, ali, čini se, trebalo bi. Bavim se programiranjem dugi niz godina (u vrijeme pisanja ovog teksta - 8 godina). Počelo s primijenjenim jezicima kao što su Pascal, Java, C++ i još mnogo toga. Onda sam se jako zaneo web tehnologije i određeno vrijeme studirao HTML, CSS, JavaScript, PHP.

Sada kada ste se uvjerili u moju kompetentnost, dozvolite mi da vam ispričam kako sam studirao JavaScript. I nisam dotaknuo ovu temu uzalud, jer dinamičke stranice s raznim lijepim elementima (na primjer, klizač slike, traka napretka, elementi koji se glatko pojavljuju, registracija bez osvježavanja stranice i još mnogo toga) kreiran pomoću JavaScripta.

Pitanje je samo KAKO naučiti JavaScript?

Kada sam učio HTML, CSS i PHP, nije bilo problema sa njihovim učenjem. Postoji mnogo literature o prve dvije tehnologije, a trebalo je samo vježbati. Takođe postoji mnogo izvora za PHP i savladavanje nije tako teško. I ovdje Zaglavio sam sa JavaScriptom jer još uvek ne znam nijednu dobru knjigu na ovom jeziku. Stoga sam ga proučavao duže od ostalih, prikupljajući žitarice iz široke lepeze literature i sa raznih lokacija. Srećom, moj je već u tome mi je mnogo pomoglo dugogodišnje iskustvo(svi jezici su veoma slični jedan drugom). Postepeno sam nakupio zalihu znanja, a onda sam ustao glavni problem.

KAKO naučiti primijeniti znanje u praksi?

Čini se da znam sve što je potrebno, ali bilo je teško napisati čak i jednostavan scenario. Ali postepeno sam to naučio. Dakle, iako moje iskustvo u JavaScript programiranju, zbog nedostatka dobrih izvora učenja, Učio sam nekoliko mjeseci.

Šta treba da uradite da naučite
i naučiti kako koristiti JavaScript, jQuery i Ajax?

Korak 1. Savladajte osnove JavaScripta.

Prije svega, morate savladati JavaScript tako što ćete naučiti sve osnove jezika i upoznati se sa svime što vam je potrebno. Ali ovdje se opet postavlja pitanje: A šta treba proučiti, šta je potrebno?". JavaScript je ogroman jezik na kojem možete bezbedno napisati udžbenik od 1500-2000 stranica i neće pokriti sve. Najbolja opcija je da vam kažem osoba sa dugogodišnjim iskustvom u korišćenju JavaScript-a, šta koristi u svojoj praksi. Koje konstrukcije, koje jezičke karakteristike, a takođe bih vam pokazao primjere.

Korak 2. Naučite koristiti JavaScript kada pišete skripte.

Sama teorija je besmislena ako se ne primeni u praksi. Ali opet problem je: A gdje nabaviti vježbe, kako ih sami smisliti, ako još uvijek ima malo iskustva?».

Korak 3. Savladajte jQuery biblioteku.

To je neophodno jer JavaScript oživljava stranicu. A jQuery vam omogućava da dodate šik i sjaj, uz minimalan napor. Radeći ovo u čistom JavaScriptu, ponekad ćete nekoliko dana, pomoću jQueryja to možete učiniti maksimalno po satu.

Korak 4. Naučite koristiti jQuery.

Ista priča kao i sa JavaScript-om. Practice Needed Ako ne koristite jQuery za rješavanje određenih problema, sva vaša teorija će nestati za tjedan dana.

Korak 5. Savladajte i naučite kako koristiti Ajax.

Ajax je relativan nova tehnologija, koji vam omogućava da pošaljete podatke na server bez ponovnog učitavanja stranice. Ova tehnologija, koja dramatično dozvoljava smanjiti opterećenje na server povećati brzinu rad sajta, kao i izradu sajta mnogo zgodnije za korisnika.

Kao što vidite, postoji samo 5 koraka,
i vi ste veliki stručnjak za JavaScript!

Koristeći ovaj plan, već možete samostalno sakupljati žitarice na internetu. Prije ili kasnije ćete to naučiti i postati JavaScript Guru.

Ali postoji lakši način!

Predstavljam vašoj pažnji - skladište svih potrebnih znanja i sve potrebne prakse u JavaScriptu, jQueryju i Ajaxu, odnosno Video Kurs "".

Upravo sam ovaj kurs napisao ne iz ugla "evo šta znam o JavaScriptu", već iz činjenice da KORISTIM u svojoj već bogatoj praksi. Sve što često ili retko koristim u svom radu, o svemu pričam na kursu. Odnosno, ovaj kurs je jedinstvena praktična informacija koja neophodan za vas i ujedno dovoljan za uspješno programiranje u JavaScript-u.

Kao što sam rekao, teorija je dobra, ali bez prakse nema smisla. Stoga sam se, opet oslanjajući se na svoju praksu, pripremio za vas najkorisnije vježbe za konsolidaciju gradiva sa lekcija. Gotovo svaka lekcija u okviru kursa sadrži nekoliko vježbi od vrlo jednostavnih do vrlo složenih.

Iste lekcije imaju izvore koje sam kreirao tokom tutorijala. Odnosno, ako ne napišete na isti način kao što sam ja uradio u lekciji, onda u izvornom kodu uvijek možete vidjeti cijeli kod iz lekcije.

Dakle, šta dobijate od kursa?

JavaScript odjeljak

Iz ovog odjeljka naučit ćete:
Sve neophodne osnove JavaScripta, ne znajući koji ćeš i sam biti izvanredno usporite tokom učenja, i biće mnogo nesporazuma fundamentalnih stvari u JavaScriptu, bez kojih teško možete pisati ni skripte srednje složenosti.

Sve osnovne karakteristike JavaScript jezika. Zbog toga čak i ako vam je JavaScript prvi programski jezik, neće biti problema. Kurs počinje od nule.

Metode interakcije i primanja podataka od korisnika. Dakle, stvara interaktivnost stranice.

O događajima u JavaScript-u. Događaj je vrsta radnje kojom se na neki način može rukovati u JavaScriptu. Na primjer, korisnik je kliknuo na sliku - ovo je događaj. A u JavaScript-u možemo, na primjer, ovu sliku učiniti velikom, a kada ponovo kliknete, vratite originalnu veličinu. Postoje mnogi drugi događaji o kojima ćete sigurno saznati iz ovog odjeljka, i, što je najvažnije, naučiti kako ih pravilno postupati.

Naučite validirati formulare. Čak i ako je stranica jednostavna i ne zahtijeva nikakvu dinamiku, ima HTML forme koje će biti poslane na server. Prije slanja, vrlo je poželjno provjeriti i prikazati sve greške kako bi korisnik mogao ispraviti. Sve ovo se radi u JavaScript-u. Sve Pokazat ću suptilnosti, nijanse i značajke provjere raznih oblika.

Skup funkcija neophodnih za rad, u isto vrijeme, nisam ponio ništa suvišno.

O DOM (Model objekta dokumenta) - osnova za isti jQuery. Ako poznajete DOM, onda mnoge zadatke (koji, usput rečeno, većinu) možete lako i brzo obaviti bez pomoći teške jQuery biblioteke.


jQuery odjeljak

Iz ovog odjeljka naučit ćete:
jQuery Basics. Vrijedi napomenuti da mnogi početnici misle da je jQuery poseban jezik. Naravno, to nije istina. Ovdje, da biste uspješno radili sa jQueryjem, morate znati ove i druge osnovne stvari o kojima ćete naučiti u ovom dijelu.

Gdje i kada koristiti jQuery. Većina programera ga koristi tamo gdje bi mogli bez njega, ili ga koriste u osnovi pogrešno. Da ne biste bili isti „programer“, svakako ćete morati pogledati ovaj odjeljak.

Kako smanjiti veličinu ogromne jQuery biblioteke, jer ima veliku težinu, kao rezultat toga, brzina učitavanja stranice je osjetno smanjena. A kako poboljšati ovaj indikator, štedeći na veličini jQuery biblioteke, također ćete naučiti iz ovog odjeljka.

Kako raditi sa stranicom koristeći jQuery. Ovo je veoma važno, jer ako ne znate kako da radite sa elementima na stranici, onda jQuery uopšte nema smisla.

Kako manipulirati različitim elementima na stranici. Ovo je posebno važno, jer nema smisla moći raščlaniti stranicu na “rezervne dijelove” ako ništa ne radite s tim “rezervnim dijelovima”. Ovdje u ovom dijelu naučit ćete kako modernizirati različite elemente, unoseći ljepotu na stranice.

o, kako se događaji postavljaju u jQueryju i kako njima postupati. Ovdje je sve malo drugačije nego u JavaScriptu, tako da je i ovo neophodno znati.

I konačno, jača strana jQueryja je kreiranje animacije na vrlo jednostavan način. Zapravo, sav sjaj koji korisnici toliko vole kreiran je animacijom. Glatko pojavljivanje i nestanak nekih slika, glatko savijanje, na primjer, istih blokova, glatka promjena veličine elemenata i još mnogo, mnogo više. Više o tome kako se to radi saznat ćete u ovom odjeljku.


Ajax sekcija

Sve nijanse i suptilnosti Ajax tehnologije. Bez poznavanja ovih nijansi, na primjer, bićete iznenađeni zašto ne možete poslati Ajax zahtjev na drugu domenu koristeći standardne metode. Tako da imate temelje svog znanja o Ajaxu, ovaj odjeljak je obavezan.

Kako može koristite Ajax bez jQuery biblioteke. Ovo posebno vrijedi ako ne trebate razvijati bilo kakve složene projekte, već nekoliko slanja bilo kakvih podataka. Uključivanje jQueryja za nekoliko slanja je izuzetno glupa odluka (nažalost, neiskusni stručnjaci to vrlo često rade), pa će vas jedna od lekcija u ovom dijelu naučiti kako slati zahtjeve bez jQueryja.

Kako poslati GET i POST zahtjeve na server koristeći jQuery. Ako ima mnogo takvih podnesaka, onda će korištenje jQueryja s vremena na vrijeme pojednostaviti pisanje koda i dramatično poboljšati njegovu čitljivost.

O JSON formatu - najvažniji "most" između JavaScripta i PHP-a. To su fundamentalno različiti jezici, a da bi mogli razmjenjivati ​​podatke, koristi se univerzalni JSON format, s kojim ćete također naučiti raditi u ovom dijelu.

Kako kontrolisati slanje podataka u svakoj fazi. Recimo da želite da stavite neku vrstu animirane slike (kao "učitavanje podataka", sigurno ste naišli na nju) u trenutku slanja. Kada dođe do greške, želite da prikažete odgovarajuću poruku korisniku. A ako je podnošenje uspješno, želite da prikažete određeni rezultat na stranici. Ovdje u svakoj od faza možete izvršiti određene zadatke, kako se to radi, opet ćete naučiti iz ovog odjeljka.

Sjajna riznica znanja, zar ne?

I to opet ponavljam Gotovo svaka lekcija dolazi sa vježbama., a moraju se ispuniti kako bi se teorija konsolidirala u praksi. Takođe u kursu "JavaScript, jQuery i Ajax od nule do gurua" nema ništa suvišno, već samo ono što koristim dugi niz godina prilikom kreiranja svojih sajtova i prilagođenih sajtova. Ako pravite web stranice po narudžbi (ili planirate to učiniti), najbolji način da oduševite svog klijenta je da napravite nešto lijepo pomoću jQueryja. Na primjer, jedan kupac me zamolio da napravim neku vrstu ProgressBar-a da pokažem korisniku da je proračun u toku. Uzeo sam jQuery dodatak, instalirao ga, konfigurisao i demonstrirao kupcu. Ovaj plug-in je izgledao jednostavno prekrasno, a kupac je bio jednostavno oduševljen. Mislio je da sam to radio jako dugo i bio je izuzetno zadovoljan sa mnom, ali mi je, u stvari, trebalo manje od sat vremena. Ako takođe želite da naučite kako da impresionirate kupce ili posetioce vaših sajtova, onda će vam jQuery svakako dobro doći.

Šta je uključeno ZLATO? Ovaj komplet uključuje kurs "", kao i video kurseve " Izgled stranice od nule" i " PHP i MySQL od nule do Gurua».

JavaScript kurs zahteva poznavanje HTML-a i veoma poželjan CSS (posebno važno u odjeljku jQuery). I kurs Izgled stranice od nule” daje sve ovo znanje, a takođe vas uči kako da napravite stranice. Uostalom, ako nema stranice, onda JavaScript nije potreban prvo se stranica kuca, a tek onda se skripte pišu u JavaScript-u.

pa " PHP i MySQL od nule do Gurua» je odličan dodatak kursu JavaScripta jer Ajax tehnologija se koristi za slanje podataka na server, a ti podaci se obrađuju u PHP-u. Stoga, ako se ozbiljno želite baviti Ajax tehnologijom, onda svakako morate savršeno dobro znati PHP i MySQL. I kurs PHP i MySQL od nule do Gurua» Bićete naučeni ovome.

I ja ću dodati da svaki od kurseva ima nekoliko veoma lepih bonusa, o čemu ćete saznati kupovinom GOLD-seta.

Šta je uključeno PLATINUM? Uključuje sve isto kao GOLD-set(zajedno sa bonusima svih kurseva), plus kurs "".

Ako GOLD-kit će vas naučiti kako da kreirate prekrasne stranice sa odličnom funkcionalnošću, sa visokokvalitetnim rasporedom i odličnim poliranjem do sjaja pomoću JavaScripta, zatim kurs " Kreiranje i promocija sajta od A do Ž» će te naučiti promovirati web stranice na internetu. Glavna karakteristika kursa je da ne govori samo neke teorijske stvari, kojih se može naći u izobilju, već se stranica na njemu promovira myrusakov.ru. Odnosno ti koristeći primjer promocije prave stranice, naučite kako to učiniti sami.

Naravno, ima i kurs "Izrada i promocija sajta od A do Š". imaju svoje bonuse, koje ćete sigurno dobiti kupovinom PLATINUM seta.


Pripremio sam i za tebe
neki lepi bonusi!

Da rezimiramo, šta dobijate?

Kupovinom video kursa "JavaScript, jQuery i Ajax od nule do gurua":

Znaćete sve što je potrebno i dovoljno za uspješno JavaScript programiranje.

Naučićete kako da napravite razne zanimljive efekte koristeći jQuery i razne dodatke za ovu biblioteku.

Naučićete kako da koristite Ajax tehnologiju, koja će vam omogućiti da kreirate ne samo prelepe sajtove, već i veoma povoljno za vaše posetioce.

Kupovinom GOLD-set, Vi ćete, između ostalog, naučiti ne samo polirati stranice, već i kreirajte ih profesionalno, a možete i vi kreirajte vrlo funkcionalnu web stranicu.

Kupovinom PLATINUM-set još ćeš naučiti promovirati bilo koju stranicu, po uzoru na promociju jedne od mojih stranica.

Plašite li se da nećete uspjeti?

Koja cijena?

Misli za sebe. Ako kupite ovaj kurs i studirate 1 sat dnevno, To za mesec dana moći ćete da programirate u JavaScript-u. Ako želite sve sami proučavati, prikupljajući informacije malo po malo iz različitih izvora, onda će bez poznavanja drugih programskih jezika to biti gotovo nemoguće. A ako imate dobro iskustvo u programiranju, onda je to otprilike šest mjeseci. Uz to, ko će vam bolje reći šta treba, a šta ne, nego onaj koji JavaScript koristi jako dugo i to upravo kao praktičar, a ne kao teoretičar, o čemu se autori knjiga često griješe.

Ali minimalna beneficija koju ćete dobiti (ako već imate iskustva u programiranju, i nekako ćete nasumično učiti upravo ono što vam treba, a ne sve) je 5 mjeseci (učenje kursa - 1 mjesec, a samostalno učenje oko 6 mjeseci) . Razmisli koliko možete zaraditi u ovih 5 mjeseci, koliko korisnih stvari možete učiniti za to vrijeme, koliko web stranica već možete napraviti barem po narudžbi ili za svoje potrebe?

Na drugoj strani, Nisam odredio visoku cijenu(iako će to ovdje biti opravdano) kako bi maksimalan broj ljudi mogao kupiti ovaj kurs.

Cijena zavisi od seta koji odaberete.

3490 rubalja

5170 rubalja

5970 rubalja

Ovaj komplet je pogodan za one koji već imaju kurseve iz GOLD ili PLATINUM kompleta, ili za one koji već poznaju HTML i CSS i koji nemaju potrebu za kreiranjem složenih i funkcionalnih sajtova.

Ovaj komplet je za one koji žele da nauče kako da kreiraju zaista cool sajtove!

Ovaj komplet je za one koji ne samo da žele da nauče kako da kreiraju sjajne web stranice, već žele i da budu u mogućnosti da ih promovišu.

zapamtite da Vi ste 100% zaštićeni mojom garancijom. Zato slobodno naručite i počnite učiti.

Samo napred, dragi prijatelju!

S poštovanjem, Mikhail Rusakov!


P.S. "U znanju - veličini i lepoti,
Znanje je dragocenije od riznice bisera:
Svaki put će uništiti blago,
Mudri i znalci su vječno potrebni"

As-Samarkandi

PITANJA I ODGOVORI

Da li se izdaje sertifikat?

Da, za svaki video kurs se izdaje poseban personalizovani sertifikat.

Neki "Vasya" mi je ponudio da kupim ovaj kurs za 500 rubalja. Je li ovo tvoj partner?

Ne, ovo nije moj partner, već prevarant koji pokušava zaraditi novac. Već su mi se obraćali ljudi koji su im uplatili novac, a onda su ti "prodavci" jednostavno nestali. Bilo je i slučajeva da su umjesto plaćenog kursa ubacili moj besplatni kursevi i lekcije. Čak i ako dobijete punu verziju plaćenog kursa sa svim lekcijama i fajlovima, onda nema podrške autora, odnosno mene. Međutim, za takve "mušterije" ne postoje garancije povrata novca. Stoga, čuvajte se ovakvih "prodavača", legalno se moji kursevi mogu kupiti samo na ovoj stranici i nigdje drugdje i ni od koga. I NE snosim nikakvu odgovornost za postupke trećih lica.

Gdje učitavate kurs?

Prebacujem na plaćeni server (plaćam ga). Stoga ćete odmah nakon uplate dobiti direktne linkove za preuzimanje kursa sa kvalitetnog servera. Ne držim ovaj kurs o bilo kojem hostingu datoteka, ljudima i drugim besplatnim uslugama. Ako odjednom imate problem sa preuzimanjem sa jednog servera (na primjer, zbog velikog opterećenja), onda imam rezervni. Samo pišite da date rezervne linkove, a ja ću vam ih poslati.

Kurs se fokusira na savremeni JavaScript (EcmaScript 2015+), korišćenje JS-a za rad u pretraživaču (događaji, HTML i CSS manipulacije), rad sa JS modulima (NPM, Webpack), rad sa serverom (HTTP, REST, AJAX, Axios , WebSocket). Kurs je osnova za učenje Angular i React web okvira. Akcenat je stavljen na upotrebu OOP-a, rad sa JSON-om, funkcionalno programiranje. Detaljno se proučava rad sa klasama, objektima, nizovima, datumima, nepromjenjivosti i asinhronijom.

Obrađene teme

1. JavaScript jezik:
  • Verzije i implementacije JavaScripta;
  • Aplikacije JavaScript (pretraživač, server, mobilni razvoj);
  • Tipovi podataka: String, Number, Boolean (koncept istinitog i lažnog);
  • Operatori, prioritet operatora;
  • Deklaracija varijable: var, const, let;
  • Petlje: while, for, for … in, for … of;
  • Rad sa brojevima i nizovima;
  • Vrijednosti null i undefined: razlike i svrhe primjene;
  • Rad sa konzolom;
  • Izuzeci u JavaScriptu.
2. JSON, objekti i nizovi:
  • JSON format, primjeri;
  • JSON.parse i stringify;
  • Objekti, rad sa klasom Object;
  • Kreiranje objekata (koristeći literal (), operator new, metod kreiranja);
  • Prototipsko nasljeđivanje, __proto__ referenca;
  • Getteri i setteri;
  • Operator in i hasOwnProperty, koncept nabrojanih svojstava;
  • toString() metoda, pozivanje i nadjačavanje metode;
  • valueOf() metoda, pozivanje i nadjačavanje metode;
  • Kreiranje nizova: Literali i novi niz();
  • Automatska promjena dužine niza;
  • Dobijanje i postavljanje dužine niza dužine, skraćivanje niza;
  • Korištenje metoda join() i concat();
  • Korištenje metode sortiranja, postavljanje redoslijeda sortiranja niza;
  • Korištenje metoda rezanja i spajanja;
  • Korištenje metoda push, pop, shift, unshift: kreiranje steka ili reda.
3. Rad sa datumima i nizovima:
  • Korištenje konstruktora new Date();
  • Koncept kompjuterske reprezentacije datuma kao vremena od Epohe;
  • Korišćenje getTime() i setTime();
  • Parsing string reprezentacije datuma;
  • Opcije za kreiranje stringova u JS: korištenje jednostrukih i dvostrukih navodnika;
  • Interpolacija niza (niz u apostrofima);
  • Izbjegavanje specijalnih znakova u nizu;
  • Konkatenacija nizova, konverzija u velika i mala slova;
  • Pretraga podniza pomoću indexOf() i lastIndexOf();
  • Odabir podniza pomoću substring() i substr()
  • Koristeći metode include, endsWith, startsWith.
4. Primjena JavaScripta u pretraživaču: DOM model:
  • Upravljanje prozorom pretraživača, dokumentom, događajima i stilovima (CSS stilovi);
  • Prozorski objekat i njegova upotreba;
  • Povezivanje JavaScript koda na HTML stranicu;
  • Redoslijed izvršavanja skripti na stranici;
  • Keširanje skripti, CDN serveri, prisilno ponovno učitavanje JavaScripta;
  • Rad sa linkovima, povezivanje JavaScripta sa linkovima;
  • događaj onload i njegovo korištenje;
  • XSS napadi na sajt;
  • Rad sa DOM-om: korištenje prozora, dokumenta, dječjih čvorova;
  • Manipulacija dokumentom pomoću DOM-a: kreiranje, brisanje, premještanje elemenata;
  • Korišćenje getElementById(), getElementsByTagName(), getElementsByClassName() za pronalaženje elemenata na stranici;
  • Rad sa metodama i svojstvima HTMLDocumenta i HTMLElementa.
5. Rad sa događajima u pretraživaču:
  • Koncept programiranja događaja;
  • Rukovaoci i slušaoci događaja;
  • Povezivanje rukovaoca sa addEventListener();
  • Svojstva i metode klase Event;
  • Širenje događaja gore (bubling) i down (hvatanje);
  • Stop propagation;
  • događaji prozora;
  • Događaji miša i tipkovnice, svojstva posebnih događaja;
  • Form događaji;
6. Rad sa CSS-om i upravljanje stilovima:
  • CSS standard, osnovna svojstva CSS-a;
  • Opći stilovi i stilovi pojedinačnih elemenata;
  • Stilski kaskadni;
  • CSS selektori;
  • Promjena CSS-a sa JavaScript-om;
  • Padding: margina, padding, border;
  • Upravljanje vidljivošću elemenata: vidljivost i prikaz;
  • Pozicioniranje elemenata: apsolutno, fiksno, relativno, postavljanje gore i lijevo;
  • Jedinice mjere px, pt i druge;
  • Prelivanje elementa i kontrola preko svojstva overflow;
  • Upravljanje slojevima dokumenta: svojstvo zIndex;
  • Animacija, pokretni elementi;
  • Rad sa klasama, postavljanje className;
  • Rad sa transparentnošću i tranzicijama (tranzicija);
  • querySelectorAll() metoda.
7. Rad sa modulima u JavaScript-u, NPM paket menadžer, Webpack builder:
  • Razlozi za korištenje modula;
  • Izvoz iz modula;
  • Uvoz iz modula;
  • Reeksport;
  • Rad sa NPM, package.json fajlom;
  • Globalna i lokalna instalacija paketa;
  • Korištenje webpacka za izgradnju projekta;
  • CSS i TypeScript učitavači;
  • webpack.config.js konfiguracija;
  • Kreiranje paketa, kompresija;
  • webpack dodaci;
  • Upotreba starih modularnih sistema - CommonJS i AMD;
  • Koristeći CommonsChunkPlugin, više ulaznih tačaka;
  • Vruća zamjena HMR modula.
8. Klase i nasljeđivanje u JavaScript-u:
  • Nasljeđivanje prototipa, referenca __proto__;
  • Prototip objekta;
  • Upotreba instanceof;
  • Ključna riječ klasa, kreiranje klasa;
  • Ključna riječ super;
  • Korištenje Object.assign();
  • Korištenje Object.defineProperty();
  • Getteri i setteri;
  • Operator širenja za rad sa objektima i nizovima;
  • Destrukturiranje niza i objekata.
9. Funkcionalno programiranje u JavaScript-u:
  • Funkcije kao varijable;
  • niz argumenata
  • Klasa funkcije, metode call() i apply();
  • bind() metoda, postavljajući ovo i dio parametara pomoću bind;
  • Zatvaranja u JavaScriptu;
  • Enkapsulacija vrijednosti sa zatvaračima;
  • Kreiranje funkcije kroz konstruktor funkcije: konstruiranje stringa;
  • Funkcije strelica, primjeri njihove primjene;
  • Funkcionalna manipulacija nizom: find, findIndex, filter;
  • Primjeri korištenja mape/filter/reduce za obradu podataka u nizu.
10. Nepromjenjivost, testiranje, MVC obrazac:
  • Koncept nepromjenjivosti, njegove prednosti;
  • Promjenjive i nepromjenjive metode za promjenu objekata i nizova;
  • Koncept i prednosti Virtual DOM-a;
  • Testiranje nepromjenjivih funkcija, koristeći Jest;
  • Memoizacija, njene prednosti;
  • Osnovne greške i preporuke pri korištenju funkcionalnog programiranja;
  • MVC obrazac, kreiranje korisničkog interfejsa;
  • Pregled glavnih biblioteka za front-end razvoj: Angular, React, Vue.
11. Asinhroni u JavaScriptu. Obećanja.:
  • Koncept i neophodnost asinhronije;
  • Rad sa setTimeout, setInterval, clearTimeout;
  • Funkcije povratnog poziva (povratni pozivi);
  • Gubitak ovoga kada radite sa funkcijom povratnog poziva. Rješenja (koristeći bind, funkcije strelice, itd.);
  • Koncept obećanja, vraćanje Promise iz asinhrone funkcije;
  • Promise.all() metoda, njena upotreba;
  • async/await sintaksa, slučajevi upotrebe, ograničenja;
  • Rukovanje izuzecima: Odbijanje obećanja, rukovanje izuzetkom za asinkrone pozive.
12. Rad sa serverom. HTTP protokol. REST usluge:
  • HTTP protokol;
  • HTTP zaglavlja i metode (GET, POST, PUT, DELETE, drugi), prijenos podataka;
  • HTTP serveri (pregled);
  • HTTP kodovi odgovora servera;
  • Korištenje obrazaca za dostavljanje podataka;
  • Prenošenje podataka na server pomoću AJAX-a;
  • REST arhitektura: prednosti i karakteristike;
  • Implementacija CRUD-a (Create/Read/Update/Delete operacije) pri radu sa REST-om;
  • Korišćenje funkcije fetch() za primanje i slanje podataka;
  • Dokumentovanje REST usluga sa Swaggerom
  • HATEOAS koncept, primjena;
13. AXIOS biblioteka. WebSocket protokol:
  • Poređenje između Axios biblioteke visokog nivoa i niskog nivoa fetch();
  • GET i POST zahtjevi u Axiosu;
  • Korišćenje async/await sa Axiosom;
  • Rukovanje greškama kada se koristi Axios;
  • Otkažite zahtjev sa Axiosom;
  • WebSocket protokol;
  • Primeri korišćenja WebSocketa, poređenje sa HTTP;
  • HTML animacija;

Ciljevi

Nakon završenog kursa polaznici će dobro razumjeti mogućnosti JavaScript jezika, te će dobiti osnovu za dalje korištenje web okvira kao što su React ili Angular. Studenti će detaljno proučavati strukturu i sintaksu jezika, njegov objektni model. Detaljno se razmatra DOM model HTML dokumenta, daje se uvod u CSS i proučava se tehnika upravljanja DOM-om i CSS-om pomoću JavaScript-a. Proučavaju se modeli upravljanja događajima. Proučavaju se pitanja stvaranja formi. Razmatraju se JSON tehnologija i Ajax tehnologija, asinhronija i rad sa serverom.

Ciljna publika

Web programeri.

Preliminarna priprema

Učenici su upoznati sa HTML-om i CSS-om, poželjno je iskustvo programiranja na bilo kojem jeziku sa sintaksom sličnom C (C, C++, Java, C#).

Samo privatni časovi. Pozovite i prijavite se!

Kurs se izvodi na individualnoj osnovi. Cijena je naznačena za 1 čas (4 akademska sata). O broju časova i vremenu obuke možete se dogovoriti sa menadžerima našeg centra.

GTSDPO vas poziva na kurseve Javascript programiranja koristeći AJAX tehnologiju i jQuery framework. 8 praktičnih lekcija pomoći će vam da brzo naučite od nule osnovna pravila, alate i tehnike za razvoj modernih interaktivnih web aplikacija i korisničkih interfejsa zasnovanih na Javascript-u. Osnovni kurs je namenjen studentima sa minimalnim ili nikakvim iskustvom u programiranju, tako da je program dostupan i studentima koji nemaju posebna znanja.

Cilj kursa: Naučiti studente konceptima, principima, sintaksi i alatima za razvoj web stranica i aplikacija koristeći Javascript – programski jezik za skriptiranje baziran na prototipu od nule.

Osnovni profesionalni Javascript kurs je dizajniran za:

  • Studenti bez iskustva u izradi web stranica i znanja bilo kojeg programskog jezika;
  • Studenti sa osnovnim znanjem HTML-a i CSS-a;
  • Koderi, programeri i frontend stručnjaci koji žele naučiti dodatni programski jezik.

Kao rezultat savladavanja programa kursa Javascript i jQuery, dobićete sledeći set znanja i veština:

  • Aplikacije i principi programiranja u JavaScript-u i jQueryju;
  • Koncepti objekata, identifikatora, nizova, ciklusa i konstrukcija;
  • Funkcije, metode i svojstva numeričkih objekata;
  • Principi jQuery okvira i njegova interakcija sa jezikom Javascript;
  • Rad sa DOM - modelom objekta dokumenta;
  • Primjena funkcija i akcija na elemente, programiranje događaja i reakcija na web stranici, rad sa formama, kreiranje klizača.

Prijavite se na kurseve Javascript programiranja na GCCPE kako biste dobili temelj za daljnji profesionalni razvoj u oblasti web razvoja!

Kurikulum kursa

Tema 1. Opće informacije i principi programiranja uJavaScriptIjQuery. Kreiranje razvojnog okruženja.

1. Osnove JavaScript sintakse. Metode, objekti, svojstva.

2. Metoda pisanja objekta dokumenta.

3. Koncept i upotreba varijable.

4. Operacije nad varijablama.

Tema 2. Nizovi, konstrukcije, ciklusi.

1. Uvod u nizove.

2. Svojstvo dužine, metoda spajanja.

3. Osnovne metode i načini rada sa nizovima.

4. Višedimenzionalni nizovi.

5. Konstrukt if-else.

Tema 3. Metode, funkcije, svojstva string i numeričkih objekata.

1. Ciklične konstrukcije while i for.

2. Metode objekata prozora upozoravaju, promptuju, potvrdjuju.

3. Uvod u funkcije.

4. Osnovne metode i načini rada sa funkcijama.

5. Svojstva i metode string objekata.

Tema 4. Rad sa datumima uJavaScript. Modifikacijaweb-stranice.

1. Funkcije i metode numeričkih objekata.

2. Rad sa datumima u JavaScript-u.

3. Kreirajte vlastite objekte.

4. Kreiranje metoda za vlastiti objekt.

Tema 5. Opće razumijevanjejQuery i osnovni principi interakcije.

1. Modifikacija web stranica.

2. DOM - Model objekta dokumenta.

3. Uvod u jQuery.

4. Osnove jQuery tehnologije i upotrebe.

Tema 6. Kreiranje selekcije elemenata stranice, radnje na odabranim elementima.

1. Radnje na odabranim elementima.

2. Funkcije text, hide, show.

3. Koncept lančanih funkcija i automatskih ciklusa.

4. Promjena širine i visine elemenata.

5. Osnovne funkcije koje proširuju akcije na elemente.

Tema 7. Reakcija elemenata web stranice na događaje.

1. Događaji na web stranici.

2. Ponašanje elemenata web stranice.

3. Događaji koje prati pretraživač.

4. jQuery model događaja.

5. jQuery događaji.

6. Kreirajte klizač iz projekcije slajdova.

Tema 8. Metode i filteri za rad sa obrascima.

1. Osnove rada sa formama u jQueryju.

2. Odabir i filtriranje elemenata forme.

3. Filtri stanja elemenata forme.

4. Isključivanje i uključivanje, skrivanje i prikazivanje polja.

5. Dodatne karakteristike jQueryja.

 
Članci By tema:
Istorija pretraživača
Zdravo svima! Danas će biti članak o svjetskim pretraživačima, koji općenito postoje, kada su se pojavili, šta posebno pokreće u Rusiji, a šta na cijelom svijetu. Članak se pokazao ogromnim, pa se udobno smjestite, po mogućnosti nakon što ste ih pripremili
Načini povećanja RAM-a računara
Kako da znam da li se memorija mog računara može nadograditi? Dođe trenutak kada počnete shvaćati da računar više ne može da se nosi sa svojim zadacima, ali to ne znači da morate kupiti novi, pogotovo ako vam je procesor star samo dvije ili tri godine. Sve h
Zašto zov stalkera iz Pripjata izleti rendgenskim snimkom
Veliki broj korisnika Microsoft proizvoda prijavljuje gubitak aktivacije Windows 10 i konverziju Pro verzije u Home. Korisnici su obaviješteni o isteku ključa, a kada se pokušaju ponovo aktivirati, dobiju grešku 0x803fa067 za Windo
css selektor tipa elementa
Ono što je selektor u css-u je opis tog elementa ili grupe elemenata koji govori pretraživaču koji element da odabere da primeni stil na njega. Pogledajmo osnovne CSS selektore.1) .x .topic-title (boja pozadine: žuta; )