JS Intro: April 2018

Monday, April 30, 2018

Module 3: Playing with some HTML5 APIs - 2nd part

Drugi dio ovog modula je bio malo napredniji. Prošao sam kroz HTML5 multimediju, uglavnom kroz neke oznake, kao što su <video> i <audio>.
Prošao sam kroz audio player JavaScript API, te video player JavaScript API - moćni alati za manipulaciju audio i video sadržajem.
Postoji jako puno metoda, svojstava i događaja ovog API-ja, prava lista je puno duža, a u nastavku bih prikazao samo najzanimljivije. Sljedeća slika ih i prikazuje.

Upoznao sam se još i sa geolocation API-jem gdje sam prošao par primjera koristeći Google Map API. Ovo mi je do sada bi najzanimljiviji dio budući da se do sada nisam nikad susreo sa primjerima gdje bi trebalo koristiti lokaciju

Monday, April 23, 2018

Module 3: Playing with some HTML5 APIs - 1st part

API-ji i njihovo korištenje su bitan element kad se uči JavaScript, pa sam se ovom dijelu više posvetio. U prvom dijelu ovog modula prošao sam polja, stringove, pristupanje elementima. Polja u JavaScriptu se nazivaju objekti. Kako se pristupa elementima polja, odnosno objekta, bilo je prikazano kroz primjere, izdvojit ću jedan:

Monday, April 16, 2018

Module 2: Adding interactivity to HTML documents

HTML dokumentima se može dodati svojstvo interaktivnosti, a kako se to radi, opisano je u ovom modulu. Prvenstveno su objašnjeni logičke vrijednosti i logički operatori, što su uvjeti, petlje i slično. Što su funkcije, pozivanje funkcije, događaji i slično. To sam sve brzo preletio jer su to osnove i poznavao sam to od prije.

Naučio sam što je DOM API (Document Object Model Application Programming Interface). Na kraju su bili i brojni primjeri koji nisu detaljno objašnjeni nego su postavljeni kako bi svatko tko uči ovaj početnički tečaj dobio 'osjećaj' za JavaScript.

Provjere znanja na kraju sam također točno odgovorio.

Sve u svemu, najzanimljivi dio mi je DOM API.

Monday, April 9, 2018

Module 1: Introduction to JavaScript

U ovom modulu su ukratko prezentirane teme i opisuje se kako se u ovom dijelu neće u potpunosti prezentirati JavaScript nego samo uvod HTML-a, CSS-a i JavaScript-a.

U ovom dijelu je opisana struktura HTML-a, opis i uloga <!DOCTYPE html>, <html />, <head /> i <body /> tagova. Isto tako je opisana uloga atributa, html elemenata i DOM-a (Document Object Model).

Svidio mi se opis HTML-a i njegove primjene. Dosta detaljno je opisano i dani su dobri resursi za dodatno učenje i testiranje (npr. CodePen).
Prikazan je live coding video koji opisuje korištenje alata kursa.

Objašnjeni su neki najosnovniji pojmovi kao što su funkcije, varijable, pridruživanje vrijednosti varijablama, operatori, izrazi i slično. Lijepo je objašnjeno i sve sam to poznavao već od prije.

Na kraju su bili neki jednostavni primjeri. Primjerice primjer zadatka gdje se koristi function plot library. Taj primjer je bio dosta zanimljiv. Prikazuje ga sljedeća slika:

Monday, April 2, 2018

Module 0

U ovom modulu su predstavljene osnove web-a gdje su pokriveni:

Povijest - početak web-a, prvi browser, početni algoritmi za prikaz stranice, informacije o Tim Berns Lee-u
Opis <title /> tag-a i alt atributa
Osnovne informacije o W3C (World Wide Web Consortium) i njihovoj zadaći
Pristup web-a osobama s invaliditetom

Sadžaj je bio kvalitetno prezentiran, osnove web-a su prezentirane kratko i jasno. Te su informaciju MUST KNOW za svakog web developer-a.

JS Intro