< Nazad na kurseve
Učimo Javascript
Nauči da programiraš kroz popularni jezik JavaScript. Nauči da oživljavaš stranice pomoću interakcije. Nauči da praviš web aplikacije.
Za uspešno praćenje kursa preporučuje se osnovno poznavanje HTML-a i CSS-a.
Uvod
Instalacija i pokretanje
- Instalacija editora i dodataka
- Instalacija NodeJS-a
- Instalacija i pokretanje programa
Promenljive i nepromenljive
- Šta su varijable?
- Promenljive i nepromenljive u Javaskriptu
- Identifikatori i pravila imenovanja
- Dodela vrednosti (
=) - Opseg važenja
Tipovi podataka
- Tipovi podataka u Javaskriptu
- Promena tipa podatka
- Provera tipa podatka
- Opasnost labavih tipova
- Menjanje nepromenljivih u Javaskriptu
Brojevi i računanje
- Osnovne računske operacije (
+,-,*,/) - Upotreba modulo operatora (
%) - Nepreciznosti u računanju
- Vežba: za koliko ću naučiti programiranje?
- Vežbe sa brojevima
Rad sa tekstom
- Upotreba navodnika (
"") i polunavodnika ('') - Šablonske strune
- Osnovne metode:
length,toLowerCase(),toUpperCase(),trim() - Vežba: nađi ime u tekstu
- Vežba: napiši cenzor funkciju koja menja ružne reči zvezdicama
Funkcije
- Funkcije u Javascriptu
- Vraćanje vrednosti (return naredba)
- Različiti načini pisanja funkcije
- Podrazumevani parametri
- Opseg varijabli unutar funkcije
- Streličaste funkcije
Logika
- Operatori poređenja (veće, manje, jednako)
- Logički operatori (i, ili, ne)
- Uslovi i grananje (
if,else,switch) - Ternarni operator
- Lenja evaluacija
- Vežba: napravi kviz
- Vežba: napravi priču sa više završetaka
Petlje i ponavljanje
Rad sa nizovima
- Nizovi
- Višedimenzionalni nizovi
- Iteracija niza
- Mapiranje niza
- Filtriranje niza
- Ostale metode niza (
splice,slice…) - Vežba: pronađi ime u nizu
- Vežba: pronađi najmanji broj u nizu
- Vežba: broj ponavljanja traženog imena u nizu
- Vežbe sa nizovima
Objekti
- Objekti u Javascriptu
- Tri namene objekta u Javaskriptu
- Iteracija objekta
- Međusobna interakcija objekata
- Ključna reč this
- Vežba: prenos sredstava sa računa
- Vežba: broj ponavljanja svakog imena u nizu
- Vežba: napravi kasu za prodavnicu
Objektno orijentisani Javascript
- Klase u Javascriptu
- Nasleđivanje klasa
- Ključna reč super
- Statične metode
- Provera nasleđivanja (
instanceof)
- Vežba: prenos sredstava pomoću klase
- Vežba: napravi bazu filmova (niz objekata) sa pretragom
Front-end programiranje
Frontend vs. backend
Okruženje pregledača
- Globalni
windowobjekat (BOM) - Metode
prompt,confirmialert - Odloženo izvršenje i ponavljanje (
setTimeoutisetlnterval)
Objektni model dokumenta (DOM)
- Šta je DOM?
- Kretanje po DOM stablu
- Selektori elemenata
- Dodavanje elemenata u DOM
- Stilizovanje Javaskriptom
- Vežba: predstavi HTML strukturu pomoću JS objekta
Događaji
- Uvod u Javaskript događaje
- Dodavanje događaja
- Povratne funkcije (callback)
eventobjekat i njegova svojstva- Sprečavanje podrazumevanog ponašanja
- Uklanjanje slušača događaja
- Vežba: napravi div elemente koji reaguju na događaje
- Vežba: napravi da element prati kretanje miša
Učitavanje podataka (AJAX i API)
- API: Programski interfejs aplikacija
- AJAX tehnika
- JSON format
- Dinamičko renderovanje stranica
- Vežba: učitaj Wikipediju, vremensku prognozu ili neki drugi javni API
Validacija korisničkog unosa
Multimedija
- Rad sa slikama
- Rad sa zvukom i videom
- Pravljenje animacija
- Vežba: Javascript magija
- Vežba: Napravi audio plejer i plejlistu
Node.js 
- Čitanje i pisanje fajlova
- Služenje podataka
- Kako napraviti desktop softver sa Javaskriptom?
Testiranje
- Jedinični (unit) testovi
- Razvoj vođen testovima
- Jasmine biblioteka
- Integracioni testovi
- Vežba: testiranje sum funkcije