Curs Frontend Web Development

Start: 16 septambrie

2,5 luni

2 ori pe saptamina

Online, Zoom

De ce să alegi acest curs?

Obții o profesie IT

La acest curs avansat te confirmi in profesia de FrontEnd Web Developer, cu posibilități permanente de avansare.

Înveți 3 limbaje

La aceste cursuri te învățăm să scrii cod in HTML,CSS si JavaScript pentru o pagină web folosind Web. De asemenea, practicam Framework React JS pentru a scrie codul pentru site-uri web.

Creezi site-uri interactive

Practic primești abilități de a scrie cod JavaScript și de a integra elemente interactive pe pagina web.

Vreau să mă înscriu

Pentru cine este acest curs?

După absolvirea acestui curs poți alege orice domeniu web. Recomandăm acest curs pentru viitorii:

Freelanceri Front-end Developeri Back-end Developeri Specialiști SEO

Dacă vrei să faci site-uri

Dacă ai nevoie să-ți faci un website pentru tine sau pentru cei apropiați. De asemenea: poți lucra freelancer, poți căuta proiecte. Poti aplica in calitate de BackEnd Web Developer.

Daca vrei sa fii Frontend Developer

Cursul “JavaScript” este al doilea curs al Școlii de Front-end. După absolvirea acestui curs recomandăm cursanților sa urmeze cursurile “CSS Avansat”. După absolvirea cu succes a Școlii de Front-end aveți toate șansele de a trece un intership sau să fiți angajați în calitate de Front-end Developer.

Daca vrei sa fii Backend Developer

Pentru a deveni Back-end Developer trebuie sa incepi cu studierea limabajelor “HTML, CSS”. Cunoașterea limbajului JavaScript este la fel o necesitate și un avantaj pentru a fi angajat în calitate de Back-end developer.

SEO

Pentru optimizarea site-ului este nevoie de a cunoaste limbajul HTML, meta tag-uri, modalitati de comprimare a cod-ului HTML, CSS, JavaScript.

Programa cursului FrontEnd Web Development

În urma parcurgerii acestui curs, participantii vor putea adăuga elemente interactive paginilor web, elemente care să asigure interacțiunea cu utilizatorul, elemente de animație, vor putea crea script-uri care vor genera conținut web într-un mod dinamic.

1. Introducere în HTML

Crearea unei pagini web în HTML

Sintaxa și structura unui HTML document
Tag-uri de bază
Atributele HTML

Structurarea semantică a paginilor

HTML Semantic (header, main, section, article, aside, footer, nav)
Organizarea corectă a conținutului
Bune practici în structurarea paginilor

Elemente multimedia

Imagini responsive
Audio și Video
iframe

Formulare HTML

Tipuri de input
Validarea formularelor
Atribute utile: required, placeholder, autocomplete

SEO și bune practici

Meta Tags
Viewport
Favicon
Open Graph — introducere

Accesibilitate (Accessibility)

aria-label
alt
label
tabindex

Activități practice

Carte de vizită online
CV Online
Pagină „Despre Mine”
Formular de înscriere

2. Introducere în CSS

CSS Modern
CSS Variables
Unități moderne: rem, em, vw, vh
Funcția calc()
Funcția clamp()

Selectori avansați

Pseudo-clase
Pseudo-elemente
Specificitatea selectorilor

Responsive Design

Mobile First
Media Queries
Responsive Images

Bune practici

Organizarea fișierelor CSS
Convenții de denumire: BEM — introducere

Activități practice

Landing Page
Hero Section
Pricing Cards
Galerie Responsive
Navbar Responsive

3. Introducere în JavaScript

Ce este JavaScript și utilizările sale
Cum să folosești consola browserului pentru debugging
Setarea unui IDE (VSCode, Sublime Text, etc.)
Sintaxa de bază în JavaScript
Declarații și expresii
Conectarea JavaScript-ului la un fișier HTML

4. Variabile, tipuri de date și operatori

Declararea variabilelor: let, const și var
Tipuri de date primitive
Lucrul cu șiruri de caractere și numere
Operatori aritmetici, logici și de comparație
Conversia tipurilor de date
Introducere în arrays și objects

5. Condiții și bucle

Instrucțiunile if, else if și else
Instrucțiunea switch
Operatorul ternar
Buclele for, while și do...while
Parcurgerea tablourilor
Exerciții practice

6. Funcții și domeniul de vizibilitate

Declararea și apelarea funcțiilor
Parametri și valori returnate
Function Expressions
Arrow Functions
Scope local și global
Callback Functions
Higher-Order Functions
Closures – introducere
Funcții recursive – introducere

7. Arrays și Objects

Crearea și modificarea tablourilor
Metodele push(), pop(), shift() și unshift()
Metodele map(), filter(), find() și reduce()
Metodele some(), every() și sort()
Crearea și utilizarea obiectelor
Proprietăți și metode
Destructuring
Operatorii Spread și Rest
Optional Chaining și Nullish Coalescing
JSON.parse() și JSON.stringify()

8. Manipularea DOM-ului

Selectarea elementelor HTML
Modificarea conținutului, stilurilor și atributelor
Crearea și eliminarea elementelor HTML
Event Listeners și Event Object
Tipuri de evenimente
Event Bubbling
Event Delegation
Validarea formularelor
Local Storage și Session Storage
Drag & Drop – introducere

Proiect practic

Crearea unei aplicații Todo List

9. Programare orientată pe obiecte în JavaScript (OOP)

Principiile programării orientate pe obiecte

Clase și obiecte

Constructori

Proprietăți și metode

Cuvântul-cheie this

Moștenire

Încapsulare

Metode statice

Ex și Catch – gestion and error handling

Exerciții practice cu clase și obiecte

10. JavaScript asincron, Fetch API și REST API

Introducere în programarea asincronă
Promises
Async și Await
Fetch API
Lucrul cu date în format JSON
Metode HTTP: GET, POST, PUT și DELETE
Coduri de stare HTTP
Gestion, Catch și gestion Finally
Gestion Error Handling
Introducere în REST API

Proiecte practice

Aplicație meteo
Convertor valutar
Aplicație pentru afișarea informațiilor despre țări

11. Introducere în TypeScript

Ce este TypeScript și care sunt avantajele sale
Configurarea unui proiect TypeScript
Tipuri de date în TypeScript
Interfaces
Type Aliases
Union Types
Enums
Generics
Utility Types
Type Narrowing

Proiect practic

Refactorizarea unei aplicații JavaScript în TypeScript

12. Git și GitHub

Introducere în sistemele de versionare
Instalarea și configurarea Git
Crearea unui repository
Comenzile add, commit, push și pull
Lucrul cu branch-uri
Merge și rezolvarea conflictelor
Crearea unui repository pe GitHub
Pull Requests
GitHub Workflow
Lucrul în echipă folosind GitHub

13. Introducere în React JS

Crearea și configurarea unui proiect React
JSX
Componente funcționale
Props și State
Conditional Rendering
Afișarea și gestionarea listelor
Gestionarea evenimentelor
Hook-urile useState și useEffect
Hook-urile useMemo, useCallback și useRef
Crearea Custom Hooks
React Router
Protected Routes – introducere
Formulare cu React Hook Form
Lazy Loading și Suspense
Error Boundaries

Proiecte practice

Notes App
Task Manager
Expense Tracker

14. Framework-uri și instrumente pentru stilizare

Introducere în Tailwind CSS
Instalarea și configurarea Tailwind CSS
Responsive Utilities
Teme și personalizare
Dark Mode
Introducere în shadcn/ui
Instalarea componentelor reutilizabile
Personalizarea componentelor
CSS Grid Areas
Aspect Ratio
Animații CSS

Proiect practic

Crearea unui dashboard responsive
Stilizarea unei aplicații React cu Tailwind CSS și shadcn/ui

15. Introducere în Next.js și instrumente AI

Ce este Next.js și care sunt avantajele sale
Crearea unui proiect Next.js
App Router
Layouts
Dynamic Routes
Server Components și Client Components
Metadata API
Server Actions – introducere
Route Handlers – introducere
Variabile de mediu
Rolul instrumentelor AI în activitatea unui Web Developer
Scrierea prompturilor pentru HTML, CSS, JavaScript și React
Explicarea, verificarea și optimizarea codului generat cu AI
Identificarea erorilor cu ajutorul instrumentelor AI

Proiect practic

Crearea unui mini-blog sau dashboard în Next.js

16. Proiect final și publicarea aplicației

Alegerea și analizarea unui model de website
Planificarea structurii proiectului
Crearea interfeței responsive
Implementarea funcționalităților JavaScript sau React
Integrarea datelor dintr-un API
Testarea și identificarea erorilor
Optimizarea performanței aplicației
Încărcarea proiectului pe GitHub
Publicarea aplicației pe Vercel
Prezentarea proiectului final

Sumarul cursului

Cursul include limbajele HTML, CSS programare JavaScript si frameworks.

60 de ore

Acest curs constă din 60 de ore academice, dureaza 3 luni, cite 3 ore pe zi. Cursul se organizeaza de 2 ori pe săptămână, orele 18.00-20.15.

15 Module

Cursul conține 15 module de material teoretic și practic. Temele pentru acasă sunt obligatorii.

2,5 luni

Timp de 2,5 luni primiți cele mai necesare noțiuni și abilități pentru angajare in FrontEnd Web Development.

Traineri Profesioniști

Vei avea posibilitate să fii instruit de traineri care sunt specialiști in domeniu.

Certificat de absolvire

La absolvirea cu succes a cursului se oferă certificat de absolvire.

Profesie IT în termen scurt

Cursul FrontEnd Web Development este curs orienta pentru a deprinde o profesie.

Prețul cursului

Costul cursului la achitare in 2 rate

4200 lei

/ fiecare rată

Costul cursului total preventiv pina la 15 septembrie

8000 lei

Vreau să mă înscriu

Întrebări frecvente

Cât costă, cât durează un curs, care este graficul?

Intrați pe pagina cursului pe care doriți să îl alegeți și aflați toate aceste informații. De obicei cursurile se organizează seara sau în weekend, de două ori pe săptămână, câte 3 ore academice.

Mă pot angaja la serviciu după ce trec un curs?

Ce să fac dacă sunt începător și nu sunt din domeniul IT?

Cum să mă înscriu la cursuri?

Să vin cu laptop-ul personal?

Câți oameni sunt în grup?

Pot combina cursurile cu munca sau studiile?

Curs
FrontEnd Web Development

De ce să alegi acest curs?

Pentru cine este acest curs?

Programa cursului FrontEnd Web Development

1. Introducere în HTML

2. Introducere în CSS

3. Introducere în JavaScript

4. Variabile, tipuri de date și operatori

5. Condiții și bucle

6. Funcții și domeniul de vizibilitate

7. Arrays și Objects

8. Manipularea DOM-ului

Proiect practic

9. Programare orientată pe obiecte în JavaScript (OOP)

10. JavaScript asincron, Fetch API și REST API

Proiecte practice

11. Introducere în TypeScript

Proiect practic

12. Git și GitHub

13. Introducere în React JS

Proiecte practice

14. Framework-uri și instrumente pentru stilizare

Proiect practic

15. Introducere în Next.js și instrumente AI

Proiect practic

16. Proiect final și publicarea aplicației

Sumarul cursului

Prețul cursului

Întrebări frecvente

Informații de contact Verificare Rechizite Bancare

Contacte

Adresa:

Curs FrontEnd Web Development

De ce să alegi acest curs?

Pentru cine este acest curs?

Programa cursului FrontEnd Web Development

1. Introducere în HTML

2. Introducere în CSS

3. Introducere în JavaScript

4. Variabile, tipuri de date și operatori

5. Condiții și bucle

6. Funcții și domeniul de vizibilitate

7. Arrays și Objects

8. Manipularea DOM-ului

Proiect practic

9. Programare orientată pe obiecte în JavaScript (OOP)

10. JavaScript asincron, Fetch API și REST API

Proiecte practice

11. Introducere în TypeScript

Proiect practic

12. Git și GitHub

13. Introducere în React JS

Proiecte practice

14. Framework-uri și instrumente pentru stilizare

Proiect practic

15. Introducere în Next.js și instrumente AI

Proiect practic

16. Proiect final și publicarea aplicației

Sumarul cursului

Prețul cursului

Întrebări frecvente

Informații de contact Verificare Rechizite Bancare

Contacte

Adresa:

Curs
FrontEnd Web Development