Tutorial video: Învățarea JavaScript și jQuery

Bine ați venit la cursul ultim de JavaScript și jQuery.

În acest videoclip se explică ce este JavaScript și ce beneficii ne aduce.

În acest videoclip vei învăța ce editor vom folosi și îl vom instala împreună.

În acest videoclip se arată cum să folosiți clicurile cu JavaScript și cum funcționează variabilele.

Instrucțiunea If. If (tradus: dacă) este folosit foarte des în programare. De exemplu, atunci când vrei să faci ceva doar dacă o anumită condiție este îndeplinită.

În acest video este vorba despre arrays (tablouri) în JavaScript. Ele ne permit să stocăm mai multe informații într-o singură variabilă.

În acest videoclip vei învăța despre buclele For-Loops. Acestea ne permit să executăm de mai multe ori un anumit cod în succesiune.

Funcțiile sunt un fel de miniprogram pe care putem să-l folosim din nou oricând l-am creat. Când apeși butonul de acasă de pe telefon, de exemplu, se activează o funcție care te duce înapoi la ecranul de acasă. Deci, funcțiile îți fac munca mult mai ușoară.

Aici va fi afișat rezultatul provocării (un quiz) și în plus va fi creată structura HTML de bază.

Aici este programat CSS (aspectul) al chestionarului.

Aici va fi programat și explicat JavaScript-ul quiz-ului nostru.

Ai văzut deja cum funcționează funcțiile cu un singur parametru. Acum vom arunca o privire asupra funcțiilor cu mai mulți parametri. Mai mulți parametri sunt utilizați atunci când dorești să folosești o funcție cu mai multe variabile diferite. În matematică, de exemplu, pentru adunarea mai multor valori.

Există variabile globale și locale. Pe scurt: Variabilele globale sunt cele create în afara funcțiilor, iar variabilele locale sunt cele create în cadrul funcțiilor. Aici vom analiza mai detaliat cum funcționează acest lucru.

În limbajele de programare există posibilitatea de a defini funcții astfel încât să aibă o valoare de retur. Până acum am avut doar funcții care pur și simplu executau ceva, dar nu returnau nimic cu care să putem lucra mai departe. Așadar, să ne uităm acum la RETURN.

În acest articol vom discuta despre operatorii matematici și operatorii de asignare. Operatorii matematici se referă la lucruri destul de simple precum adunarea, scăderea etc., în timp ce operatorii de asignare oferă posibilitatea efectuării ușoare a unor operații simple cum ar fi o creștere cu 5. Deoarece ambele aspecte sunt importante în programare, aceste două subiecte vor fi tratate aici.

Există trei (sau patru) tipuri diferite de bucle în programare: bucla Do-while, bucla While și bucla For. Am discutat deja despre bucla For. Acum ne ocupăm de bucla Do-while (controlată de picior) și de bucla While (controlată de cap).

În acest articol se discută despre o alternativă la condițiile "if". Acesta este înlocuit de instrucțiunile "switch" (comutator) și "case" (caz). Practic, aveți un comutator care trece prin diferite cazuri și rămâne la cel activ.

Am discutat deja despre tablouri, dar nu am intrat în detalii. Există mult mai mult de știut despre tablouri. Proprietatea cea mai importantă a unui tablou JavaScript este numărul elementelor (length). Tabloul are și alte proprietăți, cum ar fi index, care ne oferă informații despre poziția 0 a tabloului.

Obiectele sunt un concept extrem de important și interesant în multe limbaje de programare. În principiu, poți descrie totul ca un fel de obiect. Să luăm de exemplu un obiect pe care îl vedem adesea pe străzi: o MAȘINĂ. O mașină are anumite proprietăți/caracteristici și poate efectua anumite acțiuni.

Hai să vedem cum putem crea obiecte în JavaScript. Pentru aceasta, vom crea o funcție constructor și două instanțe ale obiectului nostru în eticheta head. În cadrul funcției constructor, care are același nume ca și obiectul nostru, spunem programului că parametrii pe care funcția constructor îi primește la crearea unei instanțe a obiectului vor fi valorile obiectului.

Ca bază pentru funcțiile obiectelor, vom începe cu codul din ultimul tutorial, în care am creat variabile care sunt generate pentru fiecare instanță a obiectului nostru.

În acest tutorial vei învăța despre obiectul Math. Acesta este un obiect bazat pe clasa Math și vine cu o mulțime de proprietăți și funcții interesante.

În acest videoclip este vorba despre obiectul Date sau clasa Date. Aici este vorba de obiecte care pot fi utilizate pentru a integra timpul într-un program. Aici nu se referă neapărat la ora sau data, ci poate fi vorba și despre un interval de timp. Un obiect Date conține timpul care a trecut de la momentul 1970-01-01 00:00:00. Există diferite modalități de a transmite parametri constructorului Date.

În acest videoclip vei învăța cum să construiești un ceas interactiv folosind JavaScript.

În acest videoclip este vorba despre moștenire și polimorfism. Două concepte ale programării orientate obiect.

În acest articol vom discuta întrebarea: Ce este jQuery? jQuery este o bibliotecă JavaScript care ne permite să creăm site-uri web și mai cool.

Aici înveți cum să procesezi clicurile mult mai ușor cu jQuery.

În acest tutorial vei învăța cum poți schimba aspectul unei pagini web folosind jQuery. Pentru aceasta putem să suprascriem cu ușurință de exemplu un atribut al unui câmp. În acest exemplu putem să schimbăm linkul iFrame-ului (adică src/source) prin plasarea cursorului deasupra dreptunghiului. Se poate modifica codul fără probleme și de exemplu să mărim dreptunghiul prin suprascrierea atributelor Height și Width când trecem peste el. În general, acest procedeu poate fi folosit acum pentru a schimba aspectul paginii web fără probleme.

Una dintre caracteristicile cool ale jQuery este posibilitatea de a face un element să dispară treptat. În acest exemplu, facem să dispară un buton atunci când dăm clic pe alt buton. Pentru aceasta, folosim funcția FadeOut („funcția de dispariție“). Pentru a face din nou vizibil elementul, folosim funcția FadeIn.

În acest video ne ocupăm de animația în jQuery. Aici este vorba despre ceva care se mișcă. Deci ne asigurăm că un element de pe site-ul nostru se mișcă/se schimbă. Pentru asta există o funcție în jQuery. Aceasta se numește animate() și așteaptă trei parametri.

Să vedem ce este jQuery UI.

Acordeonul este un widget care ne permite să vedem doar anumite părți ale întregului, asemenea unui acordeon. Acest lucru este deosebit de util atunci când vrem să transmitem multe informații, care sub formă de un text mare ar fi prea confuze.

În acest tutorial este vorba despre Sortables în jQuery UI. Acesta implică elemente sortabile. Acest lucru îl cunoști dacă folosești site-uri de productivitate precum Wunderlist sau Trello. Capacitatea de a face elementele sortabile este o caracteristică extrem de interesantă pe care o poți folosi într-o varietate de aplicații.

Uneori se întâmplă că dorim să facem dimensiunea unui element ajustabil de către utilizator. Atunci redimensionabilele sunt exact ceea ce trebuie. Acestea permit tocmai acest lucru. Se poate observa în partea de jos dreapta a elementului un triunghi mic, care poate fi apăsat cu mouse-ul și apoi, ținând apăsat cursorul, se poate mari sau micșora acesta.

În jQuery UI, se poate crea foarte ușor un element folosind funcționalitatea Draggables, care poate fi tras în sus și în jos. Cum se face asta, o să vedem aici.

Barele de progres sau barele de avans sunt un instrument excelent pentru a comunica utilizatorului cât de departe a ajuns într-un anumit proces. În procesul de vânzare într-un magazin online, de exemplu, sau într-un sondaj, acestea îi ajută pe utilizatori să știe cât de departe au ajuns cu efectuarea pașilor.

În acest tutorial, aș dori să vorbesc pe scurt despre efectele din jQuery UI. Există efecte destul de cool care îți permit să-ți faci pagina web să arate și mai bine și, în plus, să surprinzi complet utilizatorii.

În acest videoclip vezi rezultatul provocării. O pagină de întrebări frecvente.

Aici vom pune în aplicare pagina de întrebări frecvente.

În acest videoclip, este prezentat jocul mental, care este programat în acest capitol.

Mai întâi ne ocupăm de structura și aspectul jocului.

Acum ne ocupăm de unele dintre funcționalitățile jocului.

Jucătorul poate deja să efectueze primele acțiuni în joc, acum ne preocupăm de faptul că jocul poate fi repornit și încheiat corect.

Acum trebuie doar să integrăm cronometrul în joc pentru a calcula corect punctajul și pentru a limita în timp jocul. De asemenea, vom mai parcurge câțiva pași mai mici pentru a finaliza jocul.

Aici este prezentată aplicația capitolelor. Este vorba despre o aplicație/site web pentru liste de sarcini de făcut.

Acum creăm baza și vom vedea cum putem crea și edita tema corespunzătoare cu jQuery Mobile.

Deoarece urmăm o abordare OOP, trebuie să creăm arhitectura corespunzătoare. Ne vom ocupa de acest lucru aici.

În acest videoclip, adăugăm paginile și ne ocupăm de pagina în care cream sarcini.

Similar cu pagina de investiții, și pagina de editare trebuie să fie completată și să primească funcționalitatea corespunzătoare.

Acum putem să ne ocupăm din nou de arhitectură și să creăm structura de date.

Având acum structura noastră de date, putem să o apelăm destul de ușor în interfața noastră de utilizator.

La programare, în "fluxul explicativ" au fost necesari câțiva pași pe care acum îi putem remedia. În plus, ne ocupăm de salvarea permanentă a datelor și de finalizarea completă a aplicației.