Curs JavaScript Advanced – React

La acest curs vom discuta despre conceptele de baza ale lui React, vom face exerciții pe baza acestor concepte și vom lucra la 2 proiecte pentru a vedea utilitatea lor.

Lista de clase la care te poți înscrie:

Cursul JavaScript Advanced – React începe marți, 25 Februarie, la ora 18:00 și se desfășoară în fiecare marți, în intervalul 18:00-22:00, timp de 11 săptămâni.
Acest curs se adresează cursanților care au promovat JavaScript Fundamentals. În caz contrar trebuie să susțină un examen practic. Pentru susținerea examenului practic vă rugăm să ne contactați pe office@telacad.ro.
Cursul cuprinde 44 ore de curs.
Instructor: Răzvan Cîrlugea
Tarif: 600 lei – elevi/studenti la licenta
           650 lei – persoane fizice
Înscrie-te acum
Nivel

Advanced

Nr. ședințe

11

Durata ședinței

4 ore

Studiu individual

6 ore/săpt.

Suport de curs scris

Materiale video

Limba de predare

Română

Limba materialului scris

Română

Metode de evaluare
  • 2 proiecte
  • examene de capitol teoretice (online)
  • Examen final teoretic și practic (la sediu)
Tarife
600 lei - student
650 lei - pers. fizică
900 lei - pers. juridică

Despre curs

Web-ul s-a dezvoltat foarte mult în ultimii ani. Dacă primul site din lume arăta așa: http://info.cern.ch/hypertext/WWW/TheProject.html, în momentul de față site-urile pot fi aplicații foarte complexe, de la magazine online până la rețele de socializare și nu numai.

Performanțele browserelor au crescut, la fel și viteza internetului, așadar JavaScript nu mai este doar o adunătură de script-uri

JQuery prin care poti face câteva animații. Cu ajutorul bibliotecilor/framework-urilor noi, precum React, Angular sau Vue, putem realiza interfețe moderne și rapide, conceptul de Single Page Application prinzând amplolare.

Vrei sa fii Frontend developer? Doar HTML, CSS și puțin JavaScript nu e de ajuns. Iar cea mai populară soluție a zilelor noastre este React, o bibliotecă de JavaScript prin care putem construi componente reutilizabile mult mai ușor. În cadrul cursului vom învăța principiile de bază ale lui React, dar și a ecosistemului lui (Redux, React Router, 3rd party libraries). De asemenea, vom atinge și concepte fundamentale din web development, precum lucrul cu Git și GitHub, folosirea Bootstrap, integrarea cu API-uri externe și chiar și cum facem deploy aplicației (cum o punem online).

Cui i se adresează cursul?

ATENȚIE! Acest curs nu se adresează celor care nu au mai avut deloc contact cu programarea sau cu JavaScript. El este continuarea cursului de JavaScript Fundamentals. Pentru cei care nu au urmat cursul de fundamente, dar au cunoștințe de programare și știu fundamentele JavaScript, HTML și CSS: se poate susține un test premergător cursului de React, iar dacă rezultatul este bun, puteți participa la curs. Cum se poate susține testul? Dați un mail la office@telacad.ro cu titlul “Test React” în care să solicitați testul de înscriere la cursul JavaScript Advanced – React. Veți primi un enunț la care va trebui să trimiteți rezolvarea, intr-o arhivă, pe aceeași adresă de mail.

 

Cum vă puteți pregăti pentru test? Pe https://www.freecodecamp.org/learn faceți exercițiile de la următoarele subsecțiuni:

> Responsive Web Design Certification > Basic HTML and HTML5

> Responsive Web Design Certification > Basic CSS

> Responsive Web Design Certification > CSS Flexbox

> JavaScript Algorithms and Data Structures Certifications > Basic JavaScript

> JavaScript Algorithms and Data Structures Certifications > ES6

De asemenea, urmăriți următoarele videoclipuri:

> https://youtu.be/mlxi1WUSO_8

> https://youtu.be/ZIofG_rpm7A

> https://youtu.be/jqU3uaRgQyQ

Desfășurarea cursului

Cursul se desfășoară pe parcursul a 11 ședințe, iar fiecare ședința durează 4 ore. În cadrul ultimei ședințe se va susține examenul final.

Examene și evaluări – Criterii de promovare

Obiectivul acestui curs este să îți dea un start în carieră, iar după terminarea lui să poți aplica cu încredere la job-uri. Cel mai greu e să obții acel prim job, iar pe lângă partea teoretică (și ea importantă), esențială va fi partea practică. Trebuie sa le arăți angajatorilor că poți construi aplicații web moderne, iar cel mai bine le vei arăta asta prin proiectele tale personale.

Cursul va fi construit in jurul a două proiecte: primul va fi un mini admin panel, prin care vom învăța fundamentele lui React. Cel de-al doilea va fi un magazin online, prin care vom vedea concepte mai avansate. Acasă va trebui să adăugați funcționalități suplimentare proiectelor, fapt ce vă va ajuta să vă integrați mai bine la un viitor loc de muncă, unde mai mulți oameni lucrează pe un proiect și fiecare face o anumită parte din el.

Pe lângă proiecte, examenul final va fi o experiență foarte utilă, întrucât va fi foarte asemănător cu un interviu real de Junior Frontend Developer. Va conține o parte teoretică și o parte practică, iar în partea practică va trebui să construiți o aplicație de la 0, evident, de mici dimensiuni.

Pentru a promova cursul, este necesară obținerea unui punctaj de minim 70% atât la cele două proiecte, cât și la examen.

 

Ce vei învăța

  • fundamentele bibliotecii React:

– componente

– JSX

– props

– state

– lifecycle methods

– comunicarea componentelor

  •     fundamentele ecosistemului React:

– React Router

– Redux

– Redux Thunk

  •     să folosești tool-uri importante din web development:

– Git & GitHub

– Bootstrap

– API-uri (Firebase, Stripe)

– Heroku

Certificări

La terminarea cursului JavaScript, cursantul primește diploma eliberată de Telecom Academy, care atestă faptul ca acesta a absolvit cursul la Telecom Academy. Această diplomă confirmă cunoștințele și abilitățile dobândite în perioada cursului.

Programa

1.1 Recapitulare

1.2 De ce React?

1.3 Setup-ul necesar cursului

1.4 Primul proiect – componente

2.1 Organizarea pe componente

2.2 props

2.3 state

2.4 Smart/Dumb components

3.1 Randare conditionata

3.2 Randare repetitiva

3.3 Lifecycle methods

3.4 Requesturi asincrone

4.1 Formulare în React

4.2 Transmiterea state-ului între componente

4.3 setState()

5.1 GitHub

5.2 Proiectul 2 – pagini + componente

5.3 Rutare

6.1 Bootstrap

6.2 Unde tinem produsele?

6.3 Home page

6.4 Header & Footer

6.5 About page

6.6 Category page

7.1 Firebase

7.2 Category page – componente

7.3 Product page

8.1 Redux

8.2 addToCart

8.3 removeFromCart

9.1  Redux Thunk

9.2 Stripe API

10.1 Deployment cu Heroku

10.2 CV-ul

10.3 Interviul

10.4 Job-ul

10.5 Continuarea cursului

Sponsori și parteneri