Video-vodič: Učenje JavaScripta in jQuery-ja

Dobrodošli na ultimativni tečaj JavaScript-a in jQuery-ja.

V tem videu je pojasnjeno, kaj je JavaScript in kaj nam prinaša.

V tem videoposnetku se boš naučil, kateri urejevalnik bomo uporabljali, in ga bomo namestili skupaj.

V tem videoposnetku je prikazano, kako uporabiti klike s JavaScriptom in kako delujejo spremenljivke.

Izjava if. If (prevedeno: če) se pogosto uporablja pri programiranju. Na primer, ko želite nekaj izvesti samo, če je določen pogoj izpolnjen.

V tem videu gre za sezname (polja) v JavaScript-u. Omogočajo nam, da shranimo več informacij znotraj ene spremenljivke.

V tem videu se boste naučili zanke For-Loops. Te nam omogočajo, da večkrat zaporedoma izvajamo določen kodo.

Funkcije so vrsta miniprograma, ki ga lahko kadarkoli znova uporabimo, potem ko ga ustvarimo. Ko na primer pritisnete na svojem mobilnem telefonu domači gumb, se pokliče funkcija, ki vas vrne na začetni zaslon. Funkcije tako bistveno olajšajo delo.

Tukaj se prikaže rezultat izziva (in sicer kviza) in ustvari se osnova HTML.

Tukaj se programira CSS (videz) kviza.

Tukaj se programira in pojasnjuje JavaScript našega kviza.

Videl si že, kako delujejo funkcije z enim parametrom. Sedaj si oglejmo funkcije z več parametri. Več parametrov je potrebnih, kadar želimo uporabiti funkcijo z več različnimi spremenljivkami. V matematiki je to na primer pri seštevanju več vrednosti.

Obstajajo globalne in lokalne spremenljivke. Na kratko: Globalne spremenljivke so spremenljivke, ki jih ustvarimo zunaj funkcij, lokalne spremenljivke pa tiste, ki jih ustvarimo znotraj funkcij. Tu si bomo podrobneje ogledali, kako to deluje.

V programskih jezikih obstaja možnost, da funkcije nastavimo tako, da imajo vrednost vrnitve. Do sedaj smo imeli funkcije, ki so preprosto izvedle nekaj dejanj, vendar niso ničesar vrnil. Zato si zdaj poglejmo RETURN.

V tem članku obravnavamo matematične operaterje in operaterje dodeljevanja. Pri matematičnih operaterjih gre za precej preproste stvari, kot so seštevanje, odštevanje itd., pri operaterjih dodeljevanja pa za možnost precej enostavnega izvajanja preprostih operacij, kot je na primer povečanje za 5. Ker sta obe temi pomembni pri programiranju, bosta tukaj obravnavani.

Pri programiranju obstajajo tri (ali štiri) različne vrste zank: zanka Do-while, While in zanka For. Zanko For smo že spoznali. Sedaj se bomo posvetili zanki Do-while (zanki pod kontrola spodaj) in zanki While (zanki pod kontrola zgoraj).

V tem članku gre za alternativo pogojem If. Gre za primerjalnik in primer. Praktično imate stikalo, ki preklaplja med različnimi primeri in ostane pri tistem, ki je aktiven.

Ja, že smo obravnavali polja, vendar nismo šli v podrobnosti. Obstaja še veliko več o poljih, kar bi morali vedeti. Najpomembnejša lastnost JavaScript polja je število elementov (length). Polje ima tudi druge lastnosti, kot je na primer index, ki nam podaja informacije o položaju 0 v polju.

Objekti so izredno pomemben in zanimiv koncept v številnih programskih jezikih. V osnovi lahko vse opišemo kot vrsto objekta. Recimo, da vzamemo objekt, ki ga običajno vidimo na cestah: AVTO. Avto ima določene lastnosti in lahko izvaja določena dejanja.

Poglejmo, kako lahko ustvarimo objekte v JavaScriptu. Za to bomo ustvarili konstruktor funkcijo in dve primerki našega objekta znotraj našega glavnega oznake. V okviru konstruktor funkcije, ki ima enako ime kot naš objekt, sporočimo programu, da naj parametri, ki se prenašajo konstruktorju funkcije ob ustvarjanju primerka objekta, pravzaprav bodo vrednosti objekta.

Kot osnovo za funkcije objektov začnemo z kodo zadnjega vodiča, v katerem smo ustvarili spremenljivke, ki se ustvarijo ob vsaki instanci našega objekta.

V tem vadnici se naučiš spoznati predmet Math. Gre za predmet, ki temelji na razredu Math in prihaja z veliko krasnimi lastnostmi in funkcijami.

V tem videoposnetku gre za objekt Date oziroma razred Date. To so objekti, ki jih lahko uporabimo za vključitev časa v program. Pri tem ni nujno mišljeno samo kot ura ali datum, ampak lahko gre tudi za časovni razpon. Objekt Date vsebuje čas, ki je pretekel od trenutka 1970-01-01 00:00:00. Obstajajo različne možnosti za podajanje parametrov konstruktorju Date.

V tem videoposnetku se boste naučili, kako zgraditi interaktivno uro z JavaScriptom.

V tem videoposnetku gre za dedovanje in polimorfizem. Dva koncepta objektnega programiranja.

V tem članku obravnavamo vprašanje: Kaj je jQuery? jQuery je JavaScript knjižnica, ki nam omogoča, da ustvarjamo še bolj kul spletne strani.

Tukaj se učiš, kako bolj enostavno obdelovati klike s jQuery.

V tem vadnici se boste naučili, kako spremeniti izgled spletne strani z jQuery. Na primer, lahko preprosto prepišemo atribut polja. V tem primeru lahko spremenimo povezavo iFrame (src/source), tako da se pomaknemo nad kvadratom. Kodo bi lahko enostavno spremenili in na primer povečali kvadrat, tako da bi prepisali višino in širino atributa, ko bi se pomaknili čez. Na splošno lahko zdaj to metodo uporabimo za enostavno spreminjanje izgleda spletne strani.

Ena iz kul funkcionalnosti jQuery-a je, da omogoča zbledenje elementa. V tem primeru zbledimo gumb, ko kliknemo drug gumb. Pri tem uporabljamo funkcijo FadeOut (funkcijo za zbledenje). Da element ponovno pokažemo, uporabljamo funkcijo FadeIn.

V tem videu se bomo posvetili animaciji v jQueryju. Gre za nekaj, kar se premika. Poskrbimo torej, da se element na naši spletni strani premika/spreminja. Za to obstaja funkcija v jQueryju. Imenuje se animate() in pričakuje tri parametre.

Poglejmo, kaj je jQuery UI.

Akordeon je pripomoček, ki nam omogoča, da vidimo samo določene dele celote, kot pri akordeonu. To je še posebej koristno, ko želimo posredovati veliko informacij, ki bi bile kot velik tekst preveč neurejene.

V tem vadbenem programu gre za Sortables v jQuery UI. Gre za sortirane elemente. Poznaš jih, če uporabljaš produktivne spletne strani, kot sta Wunderlist ali Trello. Možnost, da naredite elemente sortirane, je zelo kul funkcija, ki jo lahko uporabite v mnogih različnih aplikacijah.

Včasih se lahko zgodi, da želimo uporabniku omogočiti spreminjanje velikosti elementa. Tedaj so "resizables" prava izbira. Omogočajo namreč prav to. Pri elementu spodaj desno vidimo majhen trikotnik, ki ga lahko kliknemo, nato pa, če pritisnemo miškin gumb in ga držimo, ga lahko povečamo ali pomanjšamo.

V jQuery UI lahko zelo enostavno ustvarite element s funkcijo `Draggables`, ki ga lahko povlečete sem ter tja. Kako to storiti, si poglejmo tukaj.

Progressne vrstice ali napredovalne vrstice so odlično orodje, s katerim uporabniku sporočimo, kako daleč je v določenem postopku. V postopku nakupa v spletni trgovini na primer ali pri anketiranju pomaga uporabniku vedeti, kako daleč je s izvajanjem korakov.

V tem priročniku želim na hitro obravnavati učinke v jQuery UI. Obstajajo res kul učinki, ki omogočajo, da tvoja spletna stran še bolje izgleda in obenem popolnoma navdušijo tvoje uporabnike.

V tem videu si lahko ogledate rezultat izziva. Ena stran s Pogostimi vprašanji.

Tukaj bomo postavili stran s pogosto zastavljenimi vprašanji.

V tem videu bo predstavljena možnost igranja možganov, ki je programska oprema v tem poglavju.

Najprej se bomo posvetili strukturi in izgledu igre.

Sedaj se bomo posvetili nekaterim funkcionalnostim igre.

Igralec lahko že izvede prve akcije v igri, sedaj pa se bomo posvetili temu, da se igra pravilno začne in konča.

Sedaj gre le še za vključitev štoparice v igro, da se pravilno izračuna rezultat in igra omeji časovno. Poleg tega bomo naredili še nekaj manjših korakov, da končamo igro.

Tu je predstavljena aplikacija iz poglavja. Gre za aplikacijo/spletno stran za seznam opravil.

Sedaj bomo ustvarili osnovo in si ogledali, kako lahko ustvarimo in urejamo ustrezno temo z jQuery Mobile.

Ker sledimo pristopu OOP, moramo vzpostaviti ustrezno arhitekturo. Za to bomo poskrbeli tukaj.

V tem videoposnetku bomo dodali strani in poskrbeli za stran, na kateri bomo ustvarili naloge.

Podobno kot pri strani za ustvarjanje, je treba tudi stran za urejanje izpolniti in ji zagotoviti ustrezno funkcionalnost.

Zdaj se lahko še enkrat posvetimo arhitekturi in ustvarimo podatkovno strukturo.

Ko enkrat imamo našo podatkovno strukturo, jo lahko preprosto pokličemo v našem uporabniškem vmesniku.

Pri programiranju je bilo potrebnih nekaj korakov v "načinu razlage", ki jih lahko zdaj popravimo. Poleg tega se bomo posvetili trajnemu shranjevanju podatkov in dokončanju aplikacije.