Video pamācība: Iemācies JavaScript un jQuery

Sirsniīgi sveicināti ultimatīvajā JavaScript un jQuery kursā.

Šajā videoklipā tiks skaidrots, kas ir JavaScript un kādus labumus tas mums sniedz.

Šajā videoklipā tu uzzināsi, kādu redaktoru mēs izmantosim, un kopā to uzstādīsim.

Šajā video tiks parādīts, kā izmantot klikšķus ar JavaScript un kā darbojas mainīgie.

If-teiciens. If (tulkojums: ja) tiek ļoti bieži izmantots programmēšanā. Piemēram, ja vēlaties veikt kaut ko tikai tad, ja konkrēta nosacījums ir izpildīts.

Šajā video ir runa par masīviem (laukiem) JavaScript valodā. Tie ļauj mums glabāt vairākus informācijas elementus vienā mainīgajā.

Šajā videoklipā tu iepazīsi For-Loops (ciklus). Tie ļauj mums atkārtoti izpildīt noteiktu kodu vairākas reizes pēc kārtas.

Funkcijas ir sava veida miniprogramma, kuru pēc izveides varam izmantot jebkurā laikā. Ja uz savas mobilā telefona, piemēram, spieži "Home" pogu, tiek izsaukta funkcija, kas tevi atved atpakaļ uz sākumlapu. Tāpēc funkcijas ievērojami atvieglo darbu.

Šeit tiks parādīts izaicinājuma rezultāts (proti, uzdevums) un tiks izveidotas HTML pamatnes.

Šeit tiek programmatiķēts CSS (izskats) kvīziem.

Šeit tiks programmēts un izskaidrots mūsu testa JavaScript.

Tu jau esi redzējis, kā funkcijas darbojas ar vienu parametru. Tagad aplūkosim funkcijas ar vairākiem parametriem. Vairāki parametri ir noderīgi, ja vēlaties izmantot funkciju ar vairākām atšķirīgām mainīgajām. Matemātikā, piemēram, saskaitot vairākus skaitļus.

Pastāv globālas un lokālas mainīgās. Īsi sakot: globālās mainīgās ir tās, kas tiek izveidotas ārpus funkcijām, un lokālās mainīgās ir tās, kas tiek izveidotas funkcijās. Šeit mēs detalizēti apskatīsim, kā tas darbojas.

Programmēšanas valodās ir iespējams definēt funkcijas tā, lai tās atgrieztu vērtību. Līdz šim mums ir bijušas funkcijas, kas vienkārši kaut ko izpildīja, bet neko neatgrieza, ar ko mēs varētu turpināt strādāt. Tāpēc tagad aplūkojam RETURN.

Šajā rakstā mēs apspriežam matemātiskos operatorus un piešķiršanas operatorus. Matemātiskie operatori ir diezgan vienkāršas lietas, piemēram, saskaitīšana, atņemšana utt., bet piešķiršanas operatori ļauj ļoti vienkārši veikt darbības, piemēram, palielināt par 5. Tā kā abas lietas ir svarīgas programmēšanā, šīs divas tēmas tiek aplūkotas šeit.

Pastāv trīs (jeb četras) dažādas cilpas veidlapas programmēšanā: Do-while, While un For cilpa. For cilpu jau esam iepazinuši. Tagad pievērsīsimies Do-while (iepriekšnosacījuma) un While cilpai (priekšnosacījuma).

Šajā rakstā runa ir par alternatīvu If nosacījumiem. Šajā gadījumā ir Switch (slēdzis) un Case (gadījums). Tātad būtībā ir slēdzis, kas pārslēdz starp dažādajiem gadījumiem un paliek aktīvs pie tā, kurš ir aktivizēts.

Mēs jau esam apsprieduši masīvus, taču neesam aizgājuši tajos dziļāk. Par masīviem ir daudz vairāk zināšanu. Visbūtiskākā JavaScript masīva īpašība ir elementu skaits (length). Tomēr masīvam ir arī citas īpašības, piemēram, indekss, kas sniedz informāciju par masīva pozīciju 0.

Objekti ir ļoti svarīgs un interesants jēdziens daudzās programmēšanas valodās. Pamatā, var visu aprakstīt kā objektu veidu. Ņemsim kā piemēru objektu, ko parasti redzam uz ielām: auto. Automobilim ir noteiktas īpašības/raksturlietas un spēj veikt noteiktas darbības.

Paskatīsimies, kā mēs varam izveidot objektus JavaScript valodā. Tam mēs izveidosim konstruktoru funkciju un divas instances mūsu objektam mūsu galvenai marķē. Konstruktoru funkcijā, kura ir nosaukta tāpat kā mūsu objekts, mēs pateiksim programmēšanas valodai, ka parametri, kas tiek nodoti konstruktoru funkcijai objekta instances izveidošanas laikā, ir tieši objekta vērtības.

Kā pamatu objektu funkcijām sākam ar kodolu no pēdējās pamācības, kurā mēs izveidojām mainīgos, kas tiek radīti katra objekta instancē.

Šajā pamācībā tu iepazīsi Math objektu. Tas ir objekts, kas balstās uz Math klasi un nāk ar daudzām noderīgām īpašībām un funkcijām.

Šajā videoklipā runa ir par Date objektu jeb Date klasi. Šie ir objekti, kurus var izmantot, lai iekļautu laiku programmā. Tas ne vienmēr nozīmē tieši laiku vai datumu, bet var būt arī laika periods. Date objekts satur laiku, kas ir pagājis kopš brīža 1970. gada 1. janvāris 00:00:00. Ir dažādas iespējas norādīt parametrus Date konstruktoram.

Šajā video tu apgūsi, kā izveidot interaktīvo pulksteni ar JavaScript.

Šajā video tiek runāts par mantošanu un polimorfismu. Divi objektorientētas programmēšanas jēdzieni.

Šajā rakstā mēs apspriedīsim jautājumu: Kas ir jQuery? jQuery ir JavaScript bibliotēka, kas ļauj mums padarīt vēl labākas tīmekļa vietnes.

Te šeit mācēsies, kā vēl vieglāk apstrādāt klikšķus ar jQuery.

Šajā pamācībā tu apgūsi, kā izmainīt mājaslapas izskatu ar jQuery. To var paveikt ļoti vienkārši, piemēram, pārrakstot vienas lauka atribūtu. Šajā piemērā mēs varam mainīt iframe saiti, kad pārvietojamies pār četrstūri. Jūs varētu viegli mainīt kodu un, piemēram, palielināt četrstūri, pārrakstot Height un Width atribūtus, kad pārvietojat pāri tam. Vispārīgi ņemot, šo metodi var izmantot, lai mainītu mājaslapas izskatu bez problēmām.

Viens no jQuery lieliskajiem funkcionalitātes elementiem ir iespēja izbālēt vienu elementu. Šajā piemērā mēs padarām neredzamu pogu, kad nospiežam citu pogu. Tam mēs izmantojam FadeOut funkciju ("Izbālēšanas funkcija"). Lai pēc tam atkal parādītu šo elementu, mēs izmantojam FadeIn funkciju.

Šajā video mēs apspriedīsim animāciju jQuery. Tas ir kaut kas, kas pārvietojas. Tāpēc mēs nodrošinām, ka viens elements mūsu tīmekļa vietnē pārvietojas/ mainās. Tam jQuery ir funkcija. Šai funkcijai ir nosaukums animate() un tā prasa trīs parametrus.

Paskatīsimies, kas ir jQuery UI.

Akordeons ir logrīks, kas ļauj mums redzēt tikai daļu no kopējā, tāpat kā akordeonā. Tas ir īpaši noderīgi, ja vēlaties nodot daudz informācijas, bet kā liels teksts būtu pārāk ne pārskatāms.

Šajā pamācības materiālā tiek runāts par kārtojamiem elementiem jQuery UI. Tā ir par kārtojamiem elementiem. To tu zini, ja lieto produktivitātes tīmekļa vietnes kā Wunderlist vai Trello. Iespēja padarīt elementus kārtojamus ir ļoti forša funkcija, kuru vari izmantot daudzās dažādās lietotnēs.

Vienkārši notiek, ka lietotājam ir nepieciešams nomainīt vienuma lielumu. Šajā gadījumā Resizables ir tieši tas, kas jums vajadzīgs. Tā ļauj tieši to darīt. Elementa apakšējā labajā stūrī redzams mazs trijstūris - pietiek to noklikšķināt un tad, turējot peles taustiņu, to var palielināt vai samazināt.

jQuery UI ir ļoti viegli izveidot elementu, kas var izvilkt tur un šeit, izmantojot Dragga. Kā to izdarīt, mēs šeit aplūkosim.

Progress joslām vai progresu joslām ir lielisks veids, kā lietotājam nodot, cik tālu viņš ir noteiktā procesā. Iepirkumu procesā tiešsaistes veikalā vai aptaujā, piemēram, tas palīdz lietotājam zināt, cik tālu viņš ir ar soļu veikšanu.

Šajā pamācībā es īsi aprakstīšu efektus jQuery UI. Ir daudz ļoti jauku efektu, kas padara tīmekļa vietni vēl pievilcīgāku un, turklāt, pilnīgi pārsteiguma parūpēties par taviem lietotājiem.

Šajā videoklipā redzēsi izaicinājuma rezultātu. Bieži uzdotie jautājumi.

Šeit mēs īstenojam FAQ lapu.

Šajā video tiek iepazīstināta smadzeņu spēle, kura tiek programmēta šajā nodaļā.

Vispirms mēs nodarbojamies ar spēles struktūru un izskatu.

Tagad mēs veltīsim uzmanību dažām spēles funkcijām.

Spēlētājs jau var veikt pirmās darbības spēlē, tagad mēs cenšamies nodrošināt, lai spēli varētu pareizi pārlādēt un pabeigt.

Tagad mums jāiekļauj taimeri spēlē, lai pareizi aprēķinātu rezultātu un ierobežotu spēles laiku. Turklāt veiksim vēl dažus mazus soļus, lai pabeigtu spēli.

Šeit tiks iepazīstināta nodaļas lietotne. Tas ir uzdevumu saraksta lietotne/tīmekļa vietne.

Tagad mēs veidosim pamatu un apskatīsim, kā izveidot un rediģēt attiecīgo tēmu ar jQuery Mobile.

Tā kā mēs izmantojam OOP pieeju, mums ir jāizveido atbilstoša arhitektūra. Par to mēs šeit rūpējamies.

Šajā videoklipā pievienosim lapas un rūpēsimies par lapu, kurā izveidosim uzdevumus.

Līdzīgi kā ieguldīšanas lapa, arī rediģēšanas lapa jāaizpilda un jāiekļauj attiecīgā funkcionalitāte.

Tagad mēs varam atkal pievērsties arhitektūrai un izveidot datu struktūru.

Kad mums ir mūsu datu struktūra, mēs varam to diezgan viegli izsaukt atbilstoši mūsu lietotāja interfeisam.

Programmēšanas laikā bija nepieciešamas vairākas soļu darbības plūsmā, kuras tagad varam labot. Papildus tam rūpēsimies par datu pastāvīgu saglabāšanu un pabeigsim lietotni.