Curs Frontend Web Development

Start: 2 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

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

4. Variabile și Tipuri de Date

JavaScript Modern

Șabloane de text: Template Literals
Destructurarea datelor: Destructuring
Operatorul Spread — extinderea obiectelor și tablourilor
Operatorul Rest — colectarea parametrilor rămași
Accesarea sigură a proprietăților obiectelor: Optional Chaining
Alegerea unei valori implicite: Nullish Coalescing
JSON.parse()
JSON.stringify()

Exerciții practice

Calculator IMC
Convertor valutar
Calculator TVA

5. Funcții și Scope

Funcții avansate în JavaScript

Closures
Higher Order Functions
Modules: import/export
Funcții recursive — introducere

Exerciții practice

Calculator
Password Generator
Conversie temperatură

6. Condiții și Bucle

Declarații condiționale: if, if-else, else-if, switch
Bucle: for, forEach, map, while și do-while

Metode moderne pentru Arrays

filter(), find(), reduce(), some(), every(), sort()

Exerciții practice

Catalog produse
Filtrare utilizatori
Sortare după preț

7. Evenimente și DOM

Event Listeners și Event Object
Event Types și Event Bubbling
Removing Event Listeners
Manipularea DOM-ului: Accesarea și modificarea elementelor HTML, Manipularea atributelor, Crearea și adăugarea de elemente noi în DOM

Lucrul cu DOM și evenimente

Event Delegation
Form Validation
Local Storage
Session Storage
Drag & Drop — introducere

Proiect practic

Todo Application

8. AJAX și Fetch API

Lucrul cu API-uri și date externe

Async / Await
Error Handling
HTTP Methods
REST API
HTTP Status Codes
JSON

Proiecte practice

Weather App
Currency Converter
Countries Explorer

9. Introducere in TypeScript

TypeScript

Type Alias
Union Types
Enums
Generics
Utility Types
Type Narrowing

Practică

Refactorizarea aplicației Weather App în TypeScript

10. Practici avansate de CSS

CSS Grid Areas
Aspect Ratio
Dark Mode
Glassmorphism — opțional
CSS Animations avansate

Proiect practic

Dashboard Responsive

11. Introducere în React JS

React Fundamentals

JSX
Components
State
Props
Conditional Rendering
Lists

Hooks

useState
useEffect
useMemo
useCallback
useRef
Custom Hooks

Routing

React Router
Protected Routes

Formulare

React Hook Form

Performanță

Lazy Loading
Suspense
Error Boundaries

Proiecte practice

Notes App
Task Manager
Expense Tracker

12. Frontend framework-uri pentru reutilizarea stilurilor

TailwindCSS

Responsive Utilities
Theme
Configurare
Dark Mode

shadcn/ui

Instalare
Componente reutilizabile
Personalizare

Proiect

Refactorizarea aplicației React folosind TailwindCSS și shadcn/ui

13. Introducere in Next.js

Next.js

App Router
Layouts
Dynamic Routes
Metadata API
Server Components
Client Components
Server Actions
Route Handlers

Publicare aplicație

GitHub
Vercel
Variabile de mediu

Proiect

Mini Blog sau Dashboard în Next.js

14. Git & GitHub

Git și GitHub

Version Control
Branching
Merge
Pull Request
GitHub Workflow

Publicare aplicație

GitHub
Vercel
Variabile de mediu

Proiect

Mini Blog sau Dashboard în Next.js

14. Proiect Final

CRM Dashboard Funcționalități recomandate

Autentificare utilizatori
Dashboard
Gestionarea task-urilor
Gestionarea utilizatorilor
Căutare și filtrare
Responsive Design
Dark Mode
Integrare REST API
TypeScript
React
TailwindCSS

Sumarul cursului

Cursul include limbajele HTML, CSS programare JavaScript si frameworks.

30 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.

3 luni

Timp de 3 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 2 septembrie

8000 lei

Costul cursului total preventiv pina la 14 august

7800 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 și Tipuri de Date

5. Funcții și Scope

6. Condiții și Bucle

7. Evenimente și DOM

8. AJAX și Fetch API

9. Introducere in TypeScript

10. Practici avansate de CSS

11. Introducere în React JS

12. Frontend framework-uri pentru reutilizarea stilurilor

13. Introducere in Next.js

14. Git & GitHub

14. Proiect Final

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 și Tipuri de Date

5. Funcții și Scope

6. Condiții și Bucle

7. Evenimente și DOM

8. AJAX și Fetch API

9. Introducere in TypeScript

10. Practici avansate de CSS

11. Introducere în React JS

12. Frontend framework-uri pentru reutilizarea stilurilor

13. Introducere in Next.js

14. Git & GitHub

14. Proiect Final

Sumarul cursului

Prețul cursului

Întrebări frecvente

Informații de contact Verificare Rechizite Bancare

Contacte

Adresa:

Curs
FrontEnd Web Development