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
  • Să facem cunoștință
Lecția 1: Introducere
Progres100
  • Obiectiv 1
  • Obiectiv 2
  • Lecție text
  • Sarcini practice
Lecția 1: Test de evaluare
Progres100
  • WEB Lecția 1: Test de evaluare
Lecția 2: Prezentarea site-ului
Progres0
  • Obiectiv 1
  • Obiectiv 2
  • Lecție text
  • Sarcini practice
Lecția 2: Test de evaluare
Progres0
  • WEB Lecția 2: Test de evaluare
Lecția 3: Limbajul de marcare HTML - introducere
Progres0
  • Obiectiv 1
  • Obiectiv 2
  • Obiectiv 3
  • Exerciții de simulare:
  • Lecție text
  • Exercițiu
  • Sarcini practice
  • Sarcini practice
Lecția 3: Test de evaluare
Progres0
  • WEB Lecția 3: Test de evaluare
Lecția 4: Elementele HTML utilizate în antetul doc
Progres0
  • Obiectiv 1
  • Exerciții de simulare:
  • Exerciții de simulare
  • Exerciții de simulare
  • Obiectiv 2
  • Exerciții de simulare
  • Obiectiv 3
  • Exerciții de simulare
  • Lecție text
  • Sarcini practice
Lecția 4: Test de evaluare
Progres0
  • WEB Lecția 4: Test de evaluare
Lecția 5: Elemente HTML utilizate
Progres0
  • Obiectiv 1
  • Exerciții de simulare
  • Obiectiv 2
  • Exerciții de simulare
  • Exerciții de simulare
  • Exerciții de simulare
  • Exerciții de simulare
  • Obiectiv 3
  • Lecție text
  • Sarcini practice
  • 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
  • Lecție Video Web: 6/1
  • Lecție Video Web: 6/2
  • Lecție Video Web: 6/3
  • Lecție Video Web: 6/4
  • Lecție Video Web: 6/5
  • Lecție Text
  • Execițiu de simulare 1
  • Exercițiu de simulare 2
  • Sarcini Practice
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
  • Lecția 7/1: Instrucțiuni de selecție multiplă
  • Lecție Video: 7/2
  • Lecție Text
  • Exercițiu de simulare 1
  • Exercițiu de simulare 2
  • Sarcini Practice
WEB Lecția 7: Test de Evaluare
Progres0
  • Lecția 7 WEB: Test de Evaluare
Lecția 8: Definirea referințelor în HTML
Progres0
  • Lecție Video: 8/1
  • Lecție Video: 8/2
  • Lecție Video: 8/3
  • Lecție Video: 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
WEB Lecția 8: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 9: Formulare HTML
Progres0
  • Lecție Video: 9/1
  • Lecție Video: 9/2
  • Lecție Video: 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
WEB Lecția 9: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 10: Iframe, audio și video în HTML
Progres0
  • Lecție Video: 10/1
  • Lecție video: 10/2
  • Lecție video: 10/3
  • Lecție video: 10/4
  • Lecție text
  • Exercițiu de Simulare: 10/1
  • Exercițiu de Simulare: 10/2
  • Sarcini Practice
WEB Lecția 10: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 11: Metode de implementare ale stiluri
Progres0
  • Lecție Video: 11/1
  • Lecție video: 11/2
  • Lecție video: 11/3
  • Lecție video: 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
WEB Lecția 11: Test de Evaluare
Progres0
  • Test de Evaluare
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
  • Exercițiu de Simulare: 12/1
  • Exercițiu de Simulare: 12/2
  • Exercițiu de Simulare: 12/3
  • Sarcini Practice
Lecția12: Test de Evaluare
Progres0
  • Test de Evaluare
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
  • Exercițiu de Simulare: 13/1
  • Exercițiu de Simulare: 13/2
  • Exercițiu de Simulare: 13/3
  • Sarcini Practice
WEB Lecția 13: Test de Evaluare
Progres0
  • Test de Evaluare
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
  • Exercițiu de Simulare: 14/1
  • Exercițiu de Simulare: 14/2
  • Exercițiu de Simulare: 14/3
  • Sarcini Practice
WEB Lecția 14: Test de Evaluare
Progres0
  • Test de Evaluare
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
  • Exercițiu de Simulare: 15/1
  • Exercițiu de Simulare: 15/2
  • Exercițiu de Simulare: 15/3
  • Sarcini Practice
Lecția 15: Test de Evaluare
Progres0
  • Test de Evaluare
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
  • Exercițiu de Simulare: 16/1
  • Exercițiu de Simulare: 16/2
  • Exercițiu de Simulare: 16/3
  • Sarcini Practice
Lecția 16: Test de Evaluare
Progres0
  • Test de Evaluare
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
  • Exercițiu de Simulare: 17/1
  • Exercițiu de Simulare: 17/2
  • Exercițiu de Simulare: 17/3
  • Sarcini Practice
Lecția 17: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 18: Tranziții și animații în CSS
Progres0
  • Lecție Video: 18/1
  • Lecție Video: 18/2
  • Lecție text
  • Exercițiu de Simulare: 18/1
  • Exercițiu de Simulare: 18/2
  • Sarcini Practice
Lecția 18: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 19: Noțiunea de ”responsive design”
Progres0
  • Lecție Video: 19/1
  • Lecție Video: 19/2
  • Lecție text
  • Exercițiu de Simulare: 19/1
  • Exercițiu de Simulare: 19/2
  • Sarcini Practice
Lecția 19: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 20: Flexbox-uri în CSS
Progres0
  • Lecție Video: 20/1
  • Lecție Video: 20/2
  • Lecție text
  • Exercițiu de Simulare: 20/1
  • Exercițiu de Simulare: 20/2
  • Exercițiu de Simulare: 20/3
  • Sarcini Practice
Lecția 20: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 21: Exemplu de creare a unui site web
Progres0
  • Lecție video: 21/1
  • Lecție text
  • Exercițiu de Simulare: 21/1
  • Exercițiu de Simulare: 21/2
  • Sarcini Practice
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
  • Exercițiu de Simulare: 22/1
  • Exercițiu de Simulare: 22/2
  • Exercițiu de Simulare: 22/3
  • Sarcini Practice
Lecția 22: Test de Evaluare
Progres0
  • Test de Evaluare
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
  • Exercițiu de Simulare: 23/1
  • Exercițiu de Simulare: 23/2
  • Exercițiu de Simulare: 23/3
  • Sarcini Practice
Lecția 23: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 24: Variabile, tipuri de date în JavaScript
Progres0
  • Lecție Video: 24/1
  • Lecție Video: 24/2
  • Lecție text
  • Exercițiu de Simulare: 24/1
  • Exercițiu de Simulare: 24/2
  • Exercițiu de Simulare: 24/3
  • Sarcini Practice
Lecția 24: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 25: DOM HTML
Progres0
  • Lecție Video: 25/1
  • Lecție Video: 25/2
  • Lecție Video: 25/3
  • Lecție text
  • Exercițiu de Simulare: 25/1
  • Exercițiu de Simulare: 25/2
  • Exercițiu de Simulare: 25/3
  • Sarcini Practice
Lecția 25: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 26: Funcții predefinite în JavaScript
Progres0
  • Lecție Video: 26/1
  • Lecție Video: 26/2
  • Lecție text
  • Exercițiu de Simulare: 26/1
  • Exercițiu de Simulare: 26/2
  • Exercițiu de Simulare: 26/3
  • Sarcini Practice
Lecția 26: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 27: Funcții definite de programator în Java
Progres0
  • Lecție Video: 27/1
  • Lecție Video: 27/2
  • Lecție text
  • Exercițiu de Simulare: 27/1
  • Exercițiu de Simulare: 27/2
  • Exercițiu de Simulare: 27/3
  • Sarcini Practice
Lecția 27: Test de Evaluare
Progres0
  • Test de Evaluare
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
  • Exercițiu de Simulare: 28/1
  • Exercițiu de Simulare: 28/2
  • Exercițiu de Simulare: 28/3
  • Sarcini Practice
Lecția 28: Test de Evaluare
Progres0
  • Test de Evaluare
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
  • Exercițiu de Simulare: 29/1
  • Exercițiu de Simulare: 29/2
  • Exercițiu de Simulare: 29/3
  • Sarcini Practice
Lecția 29: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 30: Evenimente gestionate cu JavaScript
Progres0
  • Lecție Video: 30/1
  • Lecție Video: 30/2
  • Lecție text
  • Exercițiu de Simulare: 30/1
  • Exercițiu de Simulare: 30/2
  • Sarcini Practice
Lecția 30: Test de Evaluare
Progres0
  • Test de Evaluare
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
  • Exercițiu de Simulare: 31/1
  • Exercițiu de Simulare: 31/2
  • Exercițiu de Simulare: 31/3
  • Sarcini Practice
Lecția 31: Test de Evaluare
Progres0
  • Test de Evaluare
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
  • Exercițiu de Simulare: 32/1
  • Exercițiu de Simulare: 32/2
  • Exercițiu de Simulare: 32/3
  • Sarcini Practice
Lecția 32: Test de Evaluare
Progres0
  • Test de Evaluare
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
  • Exercițiu de Simulare: 33/1
  • Exercițiu de Simulare: 33/2
  • Exercițiu de Simulare: 33/3
  • Sarcini Practice
Lecția 33: Test de Evaluare
Progres0
  • Test de Evaluare
Lecția 34: Creare slider cu JavaScript
Progres0
  • Lecție Video: 34/1
  • Lecție text
  • Exercițiu de Simulare: 34/1
  • Sarcini Practice
Lecția 34: Test de Evaluare
Progres0
  • Test de Evaluare
Proiectarea și Dezvoltarea Web (Prezentare)