2. Lucrul practic cu elemente HTML

3. Atribute HTML

4. Considerente de UX

5. Best practices

• Imagini

• Liste

• span

• br

6. Lucrul practic cu formulare HTML

• form

• input

• textarea

• button

• label

• fieldset

7. Notiuni elementare despre tabele HTML

8. Lucrul cu elemente de sectionare adaugate in HTML5

• div

• section

• article

• header

• footer

• main

• nav

• aside

• Semantica HTML / web

• Rolul semanticii in programare

2. Proprietati CSS

Manipulare de text prin CSS

• font-weight

• text-decoration

• text-shadow

• font-size

• line-height

• font-family

• Tipografie pe web

• Istoria fonturilor, introducere in generarea si utilizarea web fonts

• Introducere in CSS at-rules, @font-face

• Introducere in icon fonts, Font Awesome

Box model

• Variantele de box model

• box-sizing

• Dimensiuni in CSS

• width / height

• padding / margin

• border

• border-radius

Pozitionare

• position

• top

• right

• left

• bottom

Stacking context

• Introducere in stacking context

• Probleme commune si rezolvarea lor

• z-index

Proprietatea display, asezarea avansata in pagina

• Continuare box model

• Continuare semantica HTML

• Introducere in Flexbox

• CSS float

Transformarile si tranzitiile CSS 3

• Functiile si matricea de transformare a animatiilor CSS

• Realizarea animatiilor simple CSS

• Proprietatile transition si transform

Notiuni avansate de CSS

• Short-hand de CSS

• margin, padding, text-decoration, border

Selectori avansati

• Combinatori de CSS (descendenta generala, descendenta directa, adiacenta generala, adiacenta)

• Pseudo-clase de CSS ( :first-child, :last-child, :nth-child, :hover, :active, :focus)

• Pseudo-elemente de CSS (::before / ::after)

Specificitate CSS

Animatii CSS 3 avansate. @keyframes

Flexbox avansat

CSS Grid

Responsive Web Design

• Introducere in RWD

• Media queries

• Lucrul in regim mobile first

• Lucrul cu imagini responsive. Atributul srcset

2. Lucrul cu Sass

• Sass short-hand

• Simbolul &

• Variabile Sass

• Sass @mixin

3. Notiuni avansate de Sass

• Operatori Sass

• Interpolare

• Flow control. Structuri repetitive / Bucle

• Structuri conditionale

• Lucrul cu design patterns/systems

1. Introducere in JavaScript

• Primele scripturi

• Lucrul cu consola Chrome si Dev Tools

• Introducere in Debugger

• Modalitati de a introduce JavaScript in documentele HTML

2. Operatori JavaScript

• Operatori aritmetici

• Operatori de comparare

• Operatori si logica booleana

• Operatorul spread

• Destructurare ES

3. Tipuri de date

• Primitive ( number, string, boolean)

• Obiecte (object, array)

4. Variabile JavaScript

• Distinctia intre ES6+ si ES5

• let, const, var

5. Expresii JavaScript

6. Flow control

• Structuri repetitive (for, while, forEach, map, reduce etc)

• Structuri conditionale (if, switch)

• Contextul variabilelor

• Distinctia intre ES6+ si ES5

7. Functii JavaScript

• Keyword-ul return

• Keyword-ul this

• Arrow functions. Distinctia intre ES6+ si ES5

• JavaScript getter si setter

• IIFE

• Function wrappers

8. Introducere in OOP

• OOP in JavaScript

• Modelarea obiectelor. Principiile OOP

• Clase ES6. Distinctia intre ES6+ si ES5

• Programare bazata pe prototipurile JavaScript. Prototype chain.

• Conceptul de chaining

9. DOM Scripting; lucrul cu browserul

Introducere in BOM (Browser Object Model)

Obiectele native ale browserului

• Date

• Math

• Document

• Window

Introducere in DOM (Document Object Model)

Lucrul cu DOM, DOM Scripting

• Introducere in manipulare vanilla a documentului

• Introducere in manipularea formularelor

Evenimente de DOM, callbacks, arrow functions

• Callbacks, arrow functions

• Keyword-ul this

• Parametrul event

• click, mouseover, mouseout, resize, scroll, load

Interactiune avansata cu DOM-ul

• Event propagation

• Event delegation

• Scroll debouncing, resize debouncing

10. Validari de formulare

11. Plugin-uri si aplicatii

• Git branching

• Extinderea functionalitatii site-urilor prin JavaScript

12. Ajax, node.js, comunicare asincrona

• JSON

• Introducere in Ajax

• Introducere in Node.js

• Introducere in lucrul cu servicii REST

• Axios, fetch

• Introducere in JavaScript asincron, Promises, async / await

13. Activitati si discutii

• Q/A cu instructorul

• Hostarea proiectelor pe netlify

• Evaluarea materialelor post curs

• Tips and tricks