Tehnologii web

Cui îi este dedicat cursul?

• programatori care doresc să se familiarizeze cu tehnologiile folosite în construirea interfețelor utilizator ce rulează în browsere pentru sistemele web

Cunoștințe și abilități inițiale

• cunoaşterea unui limbaj orientat pe obiecte favorizează învățarea limbajului JavaScript
• noțiuni de bază legate de aplicații web – arhitectură, componente, protocol HTTP
   

Prezentarea cursului

Cursul abordează gradual aceste tehnologii pornind de la conținutul și structura documentelor descrise prin HTML (Hypertext Markup Language), controlul părții vizuale prin CSS (Cascading Style Sheets), realizarea părții dinamice cu ajutorul JavaScript și utilizarea unei biblioteci JavaScript larg răspândite - JQuery.
Prezentarea tehnologiilor este întregită de multe exemple și teme practice.
 

Ce subiecte abordează cursul

1. Chestiuni introductive:
   • Cum functioneaza Web-ul; scurt istoric
   • Arhitectura client-server
   • Arhitectura pe 3 nivele (3 tier), back-end vs front-end
2. Protocolul HTTP; HTTP vs HTTPS
3. HTML
   • Titluri
   • Font-uri
   • Tabele
   • Blocuri/paragrafe
   • Imagini
   • Link-uri
   • Frame-uri
   • Forms (GET vs POST)
4. HTML style guide
5. Alegere editor: local vs online (codepen.io)
6. CSS
   • Rolul CSS
   • Cum functioneaza CSS. Inheritance.
   • Prezentare atribute CSS pentru:
     • Identificare elemente (id, class)
     • Tabele
     • Font-uri
     • Margini si spatiere
     • Pozitionare (relativa, absoluta)
     • Imagini, video, sunet
     • Link-uri
   • Ce e nou in CSS3
   • CSS style guide
7. Javascript
   • Introducere. Sintaxa
   • Variabile
   • Tipuri de date
   • Siruri (array)
   • Operatori
   • Instructiuni de comparare: if, switch
   • Cicluri: for, do, while
   • Functii: pentru siruri, functii matematice, pentru date, functii definite de utilizator
   • Interactiune JS <-> HTML
   • Access JS -> CSS
   • Prelucrare Form-uri
   • Evenimente
   • Javascript style guide
8. Teme avansate
   • Manipulare DOM din Javascript
   • OOP în Javascript
   • AJAX
   • Utilizare Development Tools din Chrome; debugging de Javascript
9. Framework-uri și librarii; exemple
10. Design responsive vs design static
11. jQuery - introducere și familiarizare
12. Introducere Bootstrap sau la alegere detaliat jQuery

Ce abilități se dobândesc în urmă cursului

• Modul în care se construiesc interfețele prezentate de browsere pentru aplicațiile web
• Responsabilități, modul de interacțiune a interfețelor din browser cu serverul de aplicație
• Prezentarea individuală a fiecărei componente: HTML (conținut), CSS (mod de prezentare), Javascript (funcționalitate), modul în care se integrează