Proiectarea și Dezvoltarea Web

TIFS

Proiectarea și Dezvoltarea Web

Se încarcă ...
Despre acest curs:

Paginile web au devenit parte din rutina cotidiană. Iată de ce cunoștințele în domeniu trebuie să fie asimilate chiar din școală. La curs vei studia mai aprofundat domeniul de dezvoltare a software-ului, prin analizarea nevoilor utilizatorilor și proiectarea aspectului software. Actualmente, dar și pe viitor, dezvoltatorii care pot crea site-uri de calitate, vor fi la mare căutare pe piața muncii. Vrei să afli mai multe despre lumea creatorilor web?

 

•  Nr. de lecții:                34
•  Durata:                        2 ani academici (1 lecție pe săptămână)
•  Limba de predare:    română/rusă
•  Certificare:                 Certificat de absolvire

 

Competențe ce urmează să fie dobândite după încheierea cursului:

1. Utilizarea editoarelor de cod pentru crearea fișierelor de tip HTML, CSS și JavaScript sau editarea celor existente pentru elaborarea site-urilor simple sau de complexitate medie.
2. Scrierea codului HTML, CSS, JavaScript corect lexical, sintactic, semantic.
3. Proiectarea, machetarea și stilizarea site-urilor simple sau de complexitate medie, utilizând limbajele de marcare și stilizare pentru necesitățile și interesele specifice ale clienților (persoanelor fizice sau juridice), compatibile cu mai multe browsere web, accesibil pe diferite dispozitive.
4. Dezvoltarea site-urilor web, prin adăugarea codului JavaScript, pentru animarea, dinamizarea, validarea și implementarea altor elemente interactive în paginile site-ului.
5. Modernizarea progresivă a site-urilor web existente, prin implementarea posibilităților noi apărute în HTML5 și CSS3.

 

Tekwill Natalia Pleșca

Natalia Pleșca

Lector universitar în cadrul departamentului de Informatică, la Facultatea „Matematică și Informatică”, la USM

Natalia Pleșca activează în calitate de lector universitar în cadrul departamentului de Informatică, la Facultatea „Matematică și Informatică”, la USM. Predă cursurile: „Programarea web”, „Securitatea aplicațiilor web”, „Proiectarea sistemelor informatice” etc. A elaborat cursurile de JavaScript, PHP și este mentor în cadrul Bootcampurilor organizate de programul național „Women in IT”.

Vezi aici dacă școala ta face deja parte din program.

Dacă școala ta nu se regăsește în listă, atunci află mai multe detalii aici cum poți să-ți înregistrezi școala în programul Tekwill în Fiecare Școală.

Dacă dorești să studiezi de unul singur aceste discipline, atunci urmărește-ne pe Facebook, pentru a fi la curent cu perioada de aplicare.

Lecția 0: Lecție introductivă
Progres0
  • Познакомиться...
Lecția 1: Introducere
Progres100
  • Obiectiv 1 WEB
  • Obiectiv 2 WEB
  • Lecție text
  • Практические задания 1 Web
Lecția 1: Test de evaluare
Progres100
  • WEB Lecția 1: Test de evaluare
Lecția 2: Prezentarea site-ului
Progres0
  • Lectia 2 Obiectiv 1 WEB
  • Lectia 2 Obiectiv 2 WEB
  • Lecție text
  • Sarcini practice 2 WEB
Lecția 2: Test de evaluare
Progres0
  • WEB Lecția 2: Test de evaluare
Lecția 3: Limbajul de marcare HTML - introducere
Progres0
  • Lectia 3 Obiectiv 1 WEB
  • Lectia 3 Obiectiv 2 WEB
  • Lectia 3 Obiectiv 3 WEB
  • Exerciții de simulare:
  • Lecție text
  • Exercițiu Lectia 3 WEB
  • Sarcini practice 3 WEB
Lecția 3: Test de evaluare
Progres0
  • WEB Lecția 3: Test de evaluare
Lecția 4: Elementele HTML utilizate în antetul doc
Progres0
  • Lectia 4 Obiectiv 1 WEB
  • Exerciții de simulare:
  • Exerciții de simulare
  • Lectia 4 Obiectiv 2 WEB
  • Exerciții de simulare
  • Lectia 4 Obiectiv 3 WEB
  • Exerciții de simulare
  • Lecție text
  • Sarcini practice 4 WEB
Lecția 4: Test de evaluare
Progres0
  • WEB Lecția 4: Test de evaluare
Lecția 5: Elemente HTML utilizate
Progres0
  • Lectia 5 Obiectiv 1 WEB
  • Exerciții de simulare
  • Lectia 5 Obiectiv 2 WEB
  • Exerciții de simulare
  • Exerciții de simulare
  • Exerciții de simulare
  • Exerciții de simulare
  • Lectia 5 Obiectiv 3 WEB
  • Lecție text
  • Sarcini practice 5 WEB
  • Exerciții de simulare
Lecția 5: Test de evaluare
Progres0
  • WEB Lecția 5: Test de evaluare
Lectia 6: Elemente HTML aranjarea textului
Progres0
  • Lectie video WEB 6/1
  • Lectie video WEB 6/2
  • Lectie video WEB 6/3
  • Lectie video WEB 6/4
  • Lectie video WEB 6/5
  • Lecție Text
  • Execițiu de simulare 1
  • Exercițiu de simulare 2
  • Sarcini Practice 6 WEB
Lecția 6: Test de Evaluare
Progres0
  • WEB Lecția 6: Test de Evaluare
Lecția 7: Adăugarea img. și tab. cu date HTML
Progres0
  • Lectie video WEB 7/1
  • Lectie video WEB 7/2
  • Lecție Text
  • Exercițiu de simulare 1
  • Exercițiu de simulare 2
  • Sarcini Practice 7 WEB
WEB Lecția 7: Test de Evaluare
Progres0
  • Lecția 7 WEB: Test de Evaluare
Lecția 8: Definirea referințelor în HTML
Progres0
  • Lectie video WEB 8/1
  • Lectie video WEB 8/2
  • Lectie video WEB 8/3
  • Lectie video WEB 8/4
  • Lecție Text
  • Exercițiu de simulare 8/1
  • Exercițiu de simulare 8/2
  • Exercițiu de simulare 8/3
  • Sarcini Practice 8 WEB
WEB Lecția 8: Test de Evaluare
Progres0
  • Lecția 8 WEB: Test de Evaluare
Lecția 9: Formulare HTML
Progres0
  • Lectie video WEB 9/1
  • Lectie video WEB 9/2
  • Lectie video WEB 9/3
  • Lecție Text
  • Exercițiu de Simulare: 9/1
  • Exercițiu de Simulare: 9/2
  • Exercițiu de Simulare: 9/3
  • Sarcini Practice 9 WEB
WEB Lecția 9: Test de Evaluare
Progres0
  • Lecția 9 WEB: Test de Evaluare
Lecția 10: Iframe, audio și video în HTML
Progres0
  • Lectie video WEB 10/1
  • Lectie video WEB 10/2
  • Lectie video WEB 10/3
  • Lectie video WEB 10/4
  • Lecție text
  • Exercițiu de Simulare: 10/1
  • Exercițiu de Simulare: 10/2
  • Sarcini Practice 10 WEB
WEB Lecția 10: Test de Evaluare
Progres0
  • Lecția 10 WEB: Test de Evaluare
Lecția 11: Metode de implementare ale stiluri
Progres0
  • Lectie video WEB 11/1
  • Lectie video WEB 11/2
  • Lectie video WEB 11/3
  • Lectie video WEB 11/4
  • Lecție text
  • Exercițiu de Simulare: 11/1
  • Exercițiu de Simulare: 11/2
  • Exercițiu de Simulare: 11/3
  • Sarcini Practice 11 WEB
WEB Lecția 11: Test de Evaluare
Progres0
  • Test de Evaluare 11 WEB
Lecția 12: Tipuri de selectori CSS
Progres0
  • Lecție Video: 12/1
  • Lecție Video: 12/2
  • Lecție Video: 12/3
  • Lecție text 12 WEB
  • Exercițiu de Simulare: 12/1
  • Exercițiu de Simulare: 12/2
  • Exercițiu de Simulare: 12/3
  • Sarcini Practice 12 WEB
Lecția12: Test de Evaluare
Progres0
  • Test de Evaluare 12 WEB
Lecția 13: Moștenirea stilurilor
Progres0
  • Lecție Video: 13/1
  • Lecție video: 13/2
  • Lecție video: 13/3
  • Lecție video: 13/4
  • Lecție Text 13 WEB
  • Exercițiu de Simulare: 13/1
  • Exercițiu de Simulare: 13/2
  • Exercițiu de Simulare: 13/3
  • Sarcini Practice 13 WEB
WEB Lecția 13: Test de Evaluare
Progres0
  • Test de Evaluare 13 WEB
Lecția 14: CSS pentru stilizarea câmpurilor
Progres0
  • Lecție Video: 14/1
  • Lecție Video: 14/2
  • Lecție Video: 14/3
  • Lecție Video: 14/4
  • Lecție Video: 14/5
  • Lecție text 14 WEB
  • Exercițiu de Simulare: 14/1
  • Exercițiu de Simulare: 14/2
  • Exercițiu de Simulare: 14/3
  • Sarcini Practice 14 WEB
WEB Lecția 14: Test de Evaluare
Progres0
  • Test de Evaluare 14 WEB
Lecția 15: Pseudo-clase – stilizarea referințelor
Progres0
  • Lecție Video: 15/1
  • Lecție Video: 15/2
  • Lecție Video: 15/3
  • Lecție text 15 WEB
  • Exercițiu de Simulare: 15/1
  • Exercițiu de Simulare: 15/2
  • Exercițiu de Simulare: 15/3
  • Sarcini Practice 15 WEB
Lecția 15: Test de Evaluare
Progres0
  • Test de Evaluare 15 WEB
Lecția 16: Proprietăți de stil pentru elemente
Progres0
  • Lecție Video: 16/1
  • Lecție Video: 16/2
  • Lecție Video: 16/3
  • Lecție text 16 WEB
  • Exercițiu de Simulare: 16/1
  • Exercițiu de Simulare: 16/2
  • Exercițiu de Simulare: 16/3
  • Sarcini Practice 16 WEB
Lecția 16: Test de Evaluare
Progres0
  • Test de Evaluare 16 WEB
Lecția 17: Transparența elementelor HTML
Progres0
  • Lecție Video: 17/1
  • Lecție Video: 17/2
  • Lecție Video: 17/3
  • Lecție Video: 17/4
  • Lecție text 17 WEB
  • Exercițiu de Simulare: 17/1
  • Exercițiu de Simulare: 17/2
  • Exercițiu de Simulare: 17/3
  • Sarcini Practice 17 WEB
Lecția 17: Test de Evaluare
Progres0
  • Test de Evaluare 17 WEB
Lecția 18: Tranziții și animații în CSS
Progres0
  • Lecție Video: 18/1
  • Lecție Video: 18/2
  • Lecție text 18 WEB
  • Exercițiu de Simulare: 18/1
  • Exercițiu de Simulare: 18/2
  • Sarcini Practice 18 WEB
Lecția 18: Test de Evaluare
Progres0
  • Test de Evaluare 18 WEB
Lecția 19: Noțiunea de ”responsive design”
Progres0
  • Lecție Video: 19/1
  • Lecție Video: 19/2
  • Lecție text 19 WEB
  • Exercițiu de Simulare: 19/1
  • Exercițiu de Simulare: 19/2
  • Sarcini Practice 19 WEB
Lecția 19: Test de Evaluare
Progres0
  • Test de Evaluare 19 WEB
Lecția 20: Flexbox-uri în CSS
Progres0
  • Lecție Video: 20/1
  • Lecție Video: 20/2
  • Lecție text 20 WEB
  • Exercițiu de Simulare: 20/1
  • Exercițiu de Simulare: 20/2
  • Exercițiu de Simulare: 20/3
  • Sarcini Practice 20 WEB
Lecția 20: Test de Evaluare
Progres0
  • Test de Evaluare 20 WEB
Lecția 21: Exemplu de creare a unui site web
Progres0
  • Lecție video: 21/1
  • Lecție text 21 WEB
  • Exercițiu de Simulare: 21/1
  • Exercițiu de Simulare: 21/2
  • Sarcini Practice 21 WEB
Lecția 21: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 22: Scripturi client-side
Progres0
  • Lecție Video: 22/1
  • Lecție Video: 22/2
  • Lecție Video: 22/3
  • Lecție text 22 WEB
  • Exercițiu de Simulare: 22/1
  • Exercițiu de Simulare: 22/2
  • Exercițiu de Simulare: 22/3
  • Sarcini Practice 22 WEB
Lecția 22: Test de Evaluare
Progres0
  • Test de Evaluare 22 WEB
Lecția 23: Obiecte predefinite JavaScript
Progres0
  • Lecție Video: 23/1
  • Lecție Video: 23/2
  • Lecție Video: 23/3
  • Lecție text 23 WEB
  • Exercițiu de Simulare: 23/1
  • Exercițiu de Simulare: 23/2
  • Exercițiu de Simulare: 23/3
  • Sarcini Practice 23 WEB
Lecția 23: Test de Evaluare
Progres0
  • Test de Evaluare 23 WEB
Lecția 24: Variabile, tipuri de date în JavaScript
Progres0
  • Lecție Video: 24/1
  • Lecție Video: 24/2
  • Lecție text 24 WEB
  • Exercițiu de Simulare: 24/1
  • Exercițiu de Simulare: 24/2
  • Exercițiu de Simulare: 24/3
  • Sarcini Practice 24 WEB
Lecția 24: Test de Evaluare
Progres0
  • Test de Evaluare 24 WEB
Lecția 25: DOM HTML
Progres0
  • Lecție Video: 25/1
  • Lecție Video: 25/2
  • Lecție Video: 25/3
  • Lecție text 25 WEB
  • Exercițiu de Simulare: 25/1
  • Exercițiu de Simulare: 25/2
  • Exercițiu de Simulare: 25/3
  • Sarcini Practice 25 WEB
Lecția 25: Test de Evaluare
Progres0
  • Test de Evaluare 25 WEB
Lecția 26: Funcții predefinite în JavaScript
Progres0
  • Lecție Video: 26/1
  • Lecție Video: 26/2
  • Lecție text 26 WEB
  • Exercițiu de Simulare: 26/1
  • Exercițiu de Simulare: 26/2
  • Exercițiu de Simulare: 26/3
  • Sarcini Practice 26 WEB
Lecția 26: Test de Evaluare
Progres0
  • Test de Evaluare 26 WEB
Lecția 27: Funcții definite de programator în Java
Progres0
  • Lecție Video: 27/1
  • Lecție Video: 27/2
  • Lecție text 27 WEB
  • Exercițiu de Simulare: 27/1
  • Exercițiu de Simulare: 27/2
  • Exercițiu de Simulare: 27/3
  • Sarcini Practice 27 WEB
Lecția 27: Test de Evaluare
Progres0
  • Test de Evaluare 27 WEB
Lecția 28: Manipulări asupra datei și orei în Java
Progres0
  • Lecție Video: 28/1
  • Lecție Video: 28/2
  • Lecție Video : 28/3
  • Lecție Video: 28/4
  • Lecție text 28 WEB
  • Exercițiu de Simulare: 28/1
  • Exercițiu de Simulare: 28/2
  • Exercițiu de Simulare: 28/3
  • Sarcini Practice 28 WEB
Lecția 28: Test de Evaluare
Progres0
  • Test de Evaluare 28 WEB
Lecția 29: Instrucțiunile ciclice în JavaScript
Progres0
  • Lecție Video: 29/1
  • Lecție Video: 29/2
  • Lecție Video: 29/3
  • Lecție text 29 WEB
  • Exercițiu de Simulare: 29/1
  • Exercițiu de Simulare: 29/2
  • Exercițiu de Simulare: 29/3
  • Sarcini Practice 29 WEB
Lecția 29: Test de Evaluare
Progres0
  • Test de Evaluare 29 WEB
Lecția 30: Evenimente gestionate cu JavaScript
Progres0
  • Lecție Video: 30/1
  • Lecție Video: 30/2
  • Lecție text 30 WEB
  • Exercițiu de Simulare: 30/1
  • Exercițiu de Simulare: 30/2
  • Sarcini Practice 30 WEB
Lecția 30: Test de Evaluare
Progres0
  • Test de Evaluare 30 WEB
Lecția 31: Obiectul RegExp din JavaScript
Progres0
  • Lecție Video: 31/1
  • Lecție Video: 31/2
  • Lecție Video: 31/3
  • Lecție text 31 WEB
  • Exercițiu de Simulare: 31/1
  • Exercițiu de Simulare: 31/2
  • Exercițiu de Simulare: 31/3
  • Sarcini Practice 31 WEB
Lecția 31: Test de Evaluare
Progres0
  • Test de Evaluare 31 WEB
Lecția 32: Tablouri în JavaScript
Progres0
  • Lecție Video: 32/1
  • Lecție Video: 32/2
  • Lecție Video: 32/3
  • Lecție Video: 32/4
  • Lecție text 32 WEB
  • Exercițiu de Simulare: 32/1
  • Exercițiu de Simulare: 32/2
  • Exercițiu de Simulare: 32/3
  • Sarcini Practice 32 WEB
Lecția 32: Test de Evaluare
Progres0
  • Test de Evaluare 32 WEB
Lecția 33: Obiecte JavaScript. Proprietăți, metode
Progres0
  • Lecție Video: 33/1
  • Lecție Video: 33/2
  • Lecție Video: 33/3
  • Lecție text 33 WEB
  • Exercițiu de Simulare: 33/1
  • Exercițiu de Simulare: 33/2
  • Exercițiu de Simulare: 33/3
  • Sarcini Practice 33 WEB
Lecția 33: Test de Evaluare
Progres0
  • Test de Evaluare 33 WEB
Lecția 34: Creare slider cu JavaScript
Progres0
  • Lecție Video: 34/1
  • Lecție text 34 WEB
  • Exercițiu de Simulare: 34/1
  • Sarcini Practice 34 WEB
Lecția 34: Test de Evaluare
Progres0
  • Test de Evaluare 34 WEB
Proiectarea și Dezvoltarea Web (Prezentare)