Proiectarea și Dezvoltarea Web

3. Prezentarea site-ului 3 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/3 Pași

Ce presupune un site

Prezentarea site-ului, care va fi realizat în cadrul cursului

Setul de fișiere și mape necesare realizării acestui proiect

4. Limbajul de marcare HTML – introducere 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Despre HTML

Despre limbajul de marcare HTML

Elemente și tag-uri HTML

Structura unui document web

5. Elementele HTML utilizate în antetul doc 6 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/6 Pași

Care sunt elementele HTML

Elementele HTML utilizate în antetul documentului web

Elementul META

Elementele STYLE și SCRIPT

Elementul BASE

6. Elemente HTML utilizate în BODY 4 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/4 Pași

Care sunt elementele HTML utilizate

Elemente HTML pentru editarea și formatarea textului.

Scrierea și formatarea textului în HTML

7. Elemente HTML de aranjare a textului 4 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/4 Pași

Care sunt elementele de aranjare a textului

Elemente HTML pentru aranjarea textului cu ajutorul listelor de date

Listele de descrieri, incluse și elementul HR

8. Adăugarea img. și tab. cu date HTML 4 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/4 Pași

Adăugarea imaginilor și tabelelor cu date în HTML

Elemente HTML pentru aranjarea textului cu ajutorul listelor de date

Tabele în HTML

9. Definirea referințelor în HTML 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Care sunt referințele în HTML

Ce sunt referințele și cum se definesc ele în HTML

Referințe text și imagini

Porțiuni active din imagine

Utilizarea referințelor în definirea arhitecturii site-ului

10. Formulare HTML 6 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/6 Pași

Cum putem crea formulare cu HTML

Noțiuni generale despre formulare

Ce sunt formularele în HTML

Elemente de control din formularele HTML

Elementul textarea, label și select

11. Iframe, audio și video în HTML 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Despre iframe, audio și video în HTML

Ce sunt cadrele in-line în HTML și pentru ce sunt ele utilizate

Elementul audio

Elementul video

12. Metode de implementare ale stiluri 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Ce sunt metode de implementare ale stilurilor în documentele web

Sintaxa de bază a definirii proprietăților de stil pentru elementele HTML

Semantica şi sintaxa limbajului CSS

Modalități de definire ale stilurilor

13. Tipuri de selectori CSS 4 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/4 Pași

Proprietăți de stil utilizate pentru stilizarea textului

Despre tipuri de selectori CSS

Proprietățile CSS utilizate în stilizare de text

14. Moștenirea stilurilor 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Proprietăți CSS pentru fundal și stilizarea listelor

Despre moștenirea stilurilor

Proprietăți pentru stilizarea fundalului

Modalități diferite ce pot fi utilizate la atribuirea valorilor

15. CSS pentru stilizarea câmpurilor 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Cum stilizăm câmpurile cu ajutorul la CSS

Înălțimi și lățimi ale elementelor box-model. Definirea stilurilor și bordurilor

Câmpurile interioare ale unui element HTML. Proprietăţile marginilor unui element. Stilizarea tabelelor

Stilizarea imaginilor. Proprietatea ”box-sizing”

16. Pseudo-clase – stilizarea referințelor 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Despre pseudo-clase – stilizarea referințelor

Pseudo-clase CSS

Pseudo-elemente CSS

Elementele HTML DIV și SPAN

17. Poziționarea elementelor 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Proprietăți de stil pentru elementele flotante și pentru poziționarea elementelor

Ordinea prezentării elementelor HTML. Proprietatea float și clear

Proprietăți de stil pentru poziționarea elementelor HTML

Proprietatea z-index și display

18. Transparența elementelor HTML 6 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/6 Pași

Despre transparența elementelor HTML

Crearea efectului de transparență și transparența imaginilor

Rotunjirea colțurilor elementelor și adăugarea umbrelor. Transformări 2D

Proprietatea «filter»

Gradiente

19. Tranziții și animații în CSS 4 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/4 Pași

Despre tranziții și animații în CSS

Crearea efectelor de tranziție

Animații cu CSS

20. Noțiunea de ”responsive design” 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Despre noțiunea de ”responsive design”

Machetarea paginilor site-ului web

Design responsive. Definirea gridurilor fluide

Media query

21. Flexbox-uri în CSS 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Responsive web design și flexbox

Modulul FLEX folosit pentru machetare

Centrarea elementelor cu ajutorul proprietăților flex

Proprietățile modulului FLEX pentru elementele-urmași

22. Exemplu de creare a unui site web 3 Subiecte

Conținut Lecție

0% Progress 0/3 Pași

Să vedem un exemplu de site web

Crearea și stilizarea a unui site web

23. Scripturi client-side 7 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/7 Pași

Despre scripturi client-side

Programarea web

Programarea „client-side”

JavaScript – generalități

Tag-ul „script” și modalități de definire a JavaScript

JavaScript-uri interioare și comentarii

24. Obiecte predefinite JavaScript 6 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/6 Pași

Proprietăți și metode JavaScript

Obiecte. Proprietăți. Metode

Accesarea proprietăților și metodelor. Obiecte predefinite

Obiectul string, math, array, date și de tip global

Consola JavaScript

25. Variabile, tipuri de date în JavaScript 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

JavaScript – variabile, tipuri de date și operatori

Tipuri de date simple în JavaScript

Funcția ”typeof” și operatori

Operatorii de comparație

26. DOM HTML 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Accesarea și modificarea conținutului documentului web prin DOM HTML

HTML DOM

Accesarea elementelor HTML

Exemplu de modificare a aspectului conținutului elementelor HTML

27. Funcții predefinite în JavaScript 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Despre funcții predefinite în JavaScript

Funcții predefinite

Funcția isNaN ,parseFloat, number, string

Unele metode-funcții ale obiectului String

28. Funcții definite de programator 7 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/7 Pași

Despre funcții definite de programator în JavaScript

Definirea funcțiilor proprii, apelul funcţiei și instrucțiunea return

Exemplu definire şi apel funcţie

Funcția expresie, anonimă și auto-executabilă

Domeniul de vizibilitate al variabilelor

Definirea unei funcții în altă funcție

29. Manipulări asupra datei și orei în JavaScript 6 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/6 Pași

Manipulări asupra datei și orei în JavaScript. Instrucțiunile condiționale

Obiectul date

Operatorul terțiar în JavaScript

Instrucţiuni condiţionale în JavaScript

Instrucţiunea condiţională switch

30. Instrucțiunile ciclice în JavaScript 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Despre instrucțiunile ciclice

Instrucțiunile ciclice for și for…in

Ciclul while și do..while

Joc interactiv

31. Evenimente gestionate cu JavaScript 5 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/5 Pași

Despre evenimente gestionate cu JavaScript

Evenimentele

Exemple de utilizare evenimente

Metoda ”ascultării” elementelor HTML

32. Obiectul RegExp din JavaScript 6 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/6 Pași

Despre RegExp în JavaScript

Obiectul RegExp

Metasimbolurile din expresiile regulate

Cuantificatori în expresiile regulate

Validarea datelor introduse în elementele de control

33. Tablouri în JavaScript 7 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/7 Pași

Despre tablouri în JavaScript

Definirea tablourilor în Javascript

Accesarea și parcurgerea valorilor unui tablou

Tablouri bidimensionale în JavaScript

Metode ale obiectului Array

Metoda splice și sort

34. Obiecte JavaScript. Proprietăți, metode 6 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/6 Pași

Despre obiecte în JavaScript

Proprietăți, metode și obiecte

Definirea obiectelor în JavaScript

Metodele în JavaScript

Funcțiile constructor

35. Creare slider cu JavaScript 3 Subiecte | 1 Test

Conținut Lecție

0% Progress 0/3 Pași

Cum se crează un slider

Realizarea sliderului