Programare Web I (Tehnologii web)

1. Detalii generale

 

Acest curs oferă cunoștințele necesare pentru a proiecta și dezvolta pagini web, animații, stilizări deosebite folosind cele mai noi tehnologii din domeniul web: HTML5, CSS3 și JavaScript. JavaScript este limbajul de scripting folosit intensiv, in prezent, in web.

 

HTML5 reprezintă cea mai nouă versiune de HTML, ceea ce va deveni următorul standard cel mai probabil începând cu anul acesta. CSS3 reprezintă cea mai nouă versiune de CSS, care oferă posibilitatea lucrului pe module. Împreună, toate aceste tehnologii vă oferă cele mai noi soluții pentru realizarea de pagini web, animații, stilizări deosebite, etc.

 

Cursul va începe cu prezentarea noțiunilor de HTML5, continuând cu CSS3 și apoi JavaScript, accentul punându-se pe noutățile cu care vin aceste tehnologii, relația dintre aceste tehnologii, precum și îmbinarea lor și are ca scop aducerea cursantului la un nivel începător-mediu.

 

1.1. Detalii Curs

 

Fiecare cursant beneficiază de un set dedicat de echipamente. Cursul este format din 12 laboratoare, durata fiecărui laborator este 2 ore, timp în care vor fi prezentate noțiuni teoretice și practice.

 

2. Prezentarea tehnologiilor utilizate in acest curs

2.1. HTML5

 

HTML5 (HyperText Markup Language revizia a 5-a) este un limbaj pentru structurarea și prezentarea conținutului oricărei aplicații web. HTML5 își propune să însumeze nu numai HTML4, dar și XHTML1 și DOM2HTML.

 

2.2. CSS3

 

CSS (Cascading Style Sheets) este un standard pentru formatarea elementelor unui document HTML. CSS3 reprezintă un upgrade ce aduce câteva atribute noi și ajută la dezvoltarea noilor concepte in web design.

 

2.3. JS

 

JS (JavaScript) este un limbaj de programare orientat obiect bazat pe conceptul prototipurilor. Este folosit mai ales pentru introducerea unor funcționalități în paginile web, codul Javascript din aceste pagini fiind rulat de către browser.

 

3. Cui se adresează cursul?

4. Competențe dobândite

 

Studenții care finalizează acest curs vor fi capabili:

5. Pre rechizite

6. Laboratoare

 

Laborator 1

Introducere. Introducere si obiective. Descrierea programului Web Developer. Descriere tehnologiilor folosite. Instalarea si configurarea programelor folosite.

 

Laborator 2 

HTML Basics. Notiuni fundamentale. Elemente si taguri HTML (liste, tabele, formulare).

 

Laborator 3 

HTML5. Elemente, atribute si evenimente noi. Avantaje HTML5. Validare HTML5.

 

Laborator 4

Optimizare SEO. Sintaxa HTML si organizarea continutului. Elemente de sintaxa in HTML5. HTML5 microdata.

 

Laborator 5

CSS Basics. Notiuni de baza. Sintaxa CSS. Stilizarea elementelor HTML. Box Model. Selectori. Reguli de precedent.

Laborator 6

 

CSS3. Noutati si avantaje CSS3. Media queries. Pseudo-classes. Tranzitii, Transformari si animatii.

 

Laborator 7

Biblioteci CSS. Bootstrap.

 

Laborator 8

Javascript Basics. Notiuni fundamentale. Sintaxa si Utilizare. Variabile. Tipuri de date.

 

Laborator 9

Javascript. Structuri de control. Functii. Evenimente.

 

Laborator 10

Javascript. DOM HTML, DOM CSS. Stilizare si animatii.

 

Laborator 11

Biblioteci JavaScript. Introducere jQuery/jQuery UI. Sintaxa jQuery. Ajax. Plugin-uri jQuery.

 

Laborator 12

Tips&Tricks. HTML5, CSS3, Javascript, jQuery, Responsive design.