This shows you the differences between two versions of the page.
|
moby:frontend:01 [2020/07/14 19:38] ciprian.dobre [Sesiunea 1 - Concepte de baza] |
moby:frontend:01 [2020/07/14 19:40] (current) ciprian.dobre [Sesiunea 1 - Concepte de baza] |
||
|---|---|---|---|
| Line 2: | Line 2: | ||
| ===== Sesiunea 1 - Concepte de baza ===== | ===== Sesiunea 1 - Concepte de baza ===== | ||
| + | |||
| **React** | **React** | ||
| React.js sau ReactJS | React.js sau ReactJS | ||
| - | Biblioteca de Javascript | + | * Biblioteca de Javascript |
| - | a aparut in 2013 | + | * a aparut in 2013 |
| - | creat si intretinut de Facebook si de o comunitate de dezvoltatori ( open source ) si desigur si de alte companii individuale. | + | * creat si intretinut de Facebook si de o comunitate de dezvoltatori ( open source ) si desigur si de alte companii individuale. |
| **SPA** | **SPA** | ||
| Line 18: | Line 19: | ||
| **JSX** | **JSX** | ||
| - | * Unordered List ItemSyntax Extension to JavaScript | + | * Syntax Extension to JavaScript |
| - | * Unordered List ItemFolosita in React pentru a descrie cum va arata o componenta | + | * Folosita in React pentru a descrie cum va arata o componenta |
| - | * Unordered List ItemJSX se poate sa va duca cu gandul la HTML, diferenta este ca JSX vine si cu toate functionalitatile JavaScript | + | * JSX se poate sa va duca cu gandul la HTML, diferenta este ca JSX vine si cu toate functionalitatile JavaScript |
| - | JSX reprezinta obiecte. | + | * JSX reprezinta obiecte. |
| - | const element = | + | const element = <h1>Hello, world!</h1> |
| - | <h1>Hello, world!</h1> | + | |
| - | const element = | + | const element = ( |
| - | ( | + | |
| <div> | <div> | ||
| <h1>Hello!</h1> | <h1>Hello!</h1> | ||
| <h2>Good to see you here.</h2> | <h2>Good to see you here.</h2> | ||
| </div> | </div> | ||
| - | ); | + | ); |
| **Javascript** | **Javascript** | ||