React e Redux: Sviluppa applicazioni da zero
4.2 (154 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
526 students enrolled

React e Redux: Sviluppa applicazioni da zero

Impara React da zero costruendo passo passo un’applicazione completa con la tecnologia usata da Facebook, Instagram, ...
4.2 (154 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
526 students enrolled
Created by Cosimo Palma
Last updated 2/2019
Italian
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 11.5 hours on-demand video
  • 13 articles
  • 32 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Sviluppare applicazioni single page con React e Redux
  • La richiesta di sviluppatori React è in fortissima crescita, potrete cogliere opportunità professionali
  • Capire a fondo la potenza di costruire le interfacce utilizzando componenti
  • Diventare pratico nell'utilizzo della toolchain a supporto di React, inclusi: NPM, Webpack, Babel, e la sintassi JavaScript ES6/ES2015
Course content
Expand all 117 lectures 11:27:33
+ Introduzione
4 lectures 12:27
Come seguire e codice sorgente del corso
00:11
Quale linguaggio per sviluppare applicazioni React ?
03:26
+ Ambiente di Sviluppo e Prima Applicazione
6 lectures 17:25
Quale Editor per il codice ?
02:20
Installazione del Package Manager Node JS
03:23
Problema permessi di amministrazione npm - SOLUZIONE
04:13
Prima Applicazione React e starter kit
05:02
Quiz
4 questions
Cosa avete imparato in questa sezione ?
01:10
+ I linguaggi per scrivere applicazioni React: JavaScript e ES6
27 lectures 03:00:53
Babel e ES6
06:45
Convertire codice ES6 in JavaScript con Babel ed eseguirlo
02:27
Variabili var: function scope e block scope
07:58
let e const
07:38
Oggetti e const: Come cambia l'accessibilità ?
03:58
Template Strings
09:08
Parametri di default e argomenti di una funzione
04:47
Destructuring: Come destrutturare array e oggetti
09:03
Object literal: Scorciatoie per lavorare con gli oggetti
06:31
For...of loop
03:05
Operatore "Spread ... "
04:00
Rest parameters e passaggio di un numero indefinito di argomenti a funzioni
05:23
Map e Filter
08:25
Arrow Function - le Funzioni freccia
08:02
SFIDA: Trasformare un funzione in una Arrow Function
09:05
Quiz
1 question
Funzioni Freccia: Parentesi e Parametri
07:57
this e arrow functions
07:06
Combinare parametri di default e destructuring array
06:16
Combinare parametri di default e destructuring objects
07:25
SFIDA: Default e destructuring
04:43
Classi
11:06
Le classi sono funzioni
04:16
Sottoclassi: le keywords extends e super
11:45
Classi e sottoclassi: da Codice ES6 a ES5. Analisi delle differenze
09:33
Moduli ES6
10:34
Cosa abbiamo imparato in questa sezione ?
01:48
+ Creazione di Interfacce utente con React Puro e JSX
18 lectures 01:54:47
Cos'è la composizione ?
08:21
Preparazione dell'applicazione MyPlaces
07:49
Rimuovere i files di default creati da create-react-app
02:27
Cosa succede dopo "npm start" ? Come viene avviata l'applicazione ?
09:11
Creare Elementi React utilizzando React puro
15:43
React Developers Tools
03:35
Le proprietà di un elemento React: class o className ?
03:14
Elementi annidati
09:51
JSX
10:57
JSX restituisce un solo elemento root
02:26
React.Component
04:59
Class Component e Composizione
06:05
Component Props
07:35
Refactor: organizzare i files dell'applicazione
06:02
Approccio Dichiarativo vs Approccio Imperativo
07:15
Unidirectional Data Flow - Flusso dei dati unidirezionale
04:01



Quiz
4 questions
Cosa abbiamo imparato in questa sezione ?
02:57
+ Il Backend dell'applicazione
1 lecture 03:23
Scaricare, Installare e avviare il server di backend
03:23
+ SFIDA: Applicazione MyPlaces
4 lectures 19:34
Risorse SFIDA 1
01:29
SOLUZIONE: Componente MyPlacesList e passaggio array dei posti preferiti
10:12
SOLUZIONE: MyPlacesList
05:25
+ Lo Stile di un'applicazione React
8 lectures 44:39
Definire uno stile per il componente attraverso className
04:10
Avatar e altre opzione per modificare lo stile dell'applicazione
10:16
class e className
00:28
Aggiungere un button per ricevere input dall'interfaccia
05:50
Framework UI: Materialize CSS e Material UI
05:38
Webpack e CSS
07:05
Progettare l'Header utilizzando Materialize CSS
05:11
SFIDA - Creare il componente Footer e usare Materialize CSS
06:01
+ Gestione degli Stati
3 lectures 15:07
Stateless Functional Components
04:10
Lo stato di un componente
04:40
Aggiornare lo stato di un componente
06:17
Quiz
1 question
+ Creare User Interface per React con Material UI - Applicazione: Gym Workout
14 lectures 02:03:58
Frameworks per User Interface Material: React Materialize, Material UI, MUI Css
06:16
Creare una nuova applicazione e installare Material UI
05:59
Definire l'architettura delle cartelle dell'applicazione
09:51
Implementare l'Header dell'applicazione con Material UI
10:57
Il Footer: Tab Material UI e metodo onChange
08:19
Grid Layout e componenti Paper
10:47
Popolare Tab dinamicamente da un data store
05:43
Il metodo Reduce
07:48
Gestire il click su un item della Tab e creare una struttura dati per le Card
10:43
Riempire la card di sinistra con i dati: List e Typography
08:19
Lists: Presentare gli esercizi di ogni gruppo attraverso una List
08:29
Tabs, Typography e Gestione dello stato tra componenti diversi
12:17
Modificare lo stato di un componente da un altro componente
11:43
Gestione Click su Item e State
06:47
+ Gestire l'input dell'utente con Forms e Eventi
9 lectures 42:11
Controlled Components
04:36
Integrare Material UI nell'applicazione MyPlaces
05:58
SFIDA - Creare Header e Footer con Material UI
09:31
Search Form Material UI
05:02
SFIDA: Correggi gli errori
00:10
SFIDA : Correggi Errori - SOLUZIONE
00:46
Input dall'utente: Search Form e Controlled Components
06:56
Controlled Component: Ricapitolazione
00:15
Mostrare le attrazioni nella lista in base all'input dell'utente nel form
08:56
Requirements
  • Non è richiesto nessun software a pagamento
  • Un Mac o un PC con Windows
  • HTML, CSS
Description

React ? presente Redux? Presente. ES6/Babel? Presente con una vasta sezione. Webpack? Incluso! 

React stà completamente trasformando lo sviluppo Front-End. React è libreria JavaScript che si presenta come la soluzione ottimale per gli sviluppatori frontend di app web e mobile

Saper sviluppare con la tecnologia React e Redux ti permette sia di poter accedere a tante posizioni lavorative in ambito web development in Italia e all'estero sia di poter sviluppare i tuoi progetti personali. La richiesta di sviluppatori React nel mondo è in forte crescita.

Perché usare React ?

React è una "potente" libreria JavaScript sviluppata da Facebook ideale per costruire interfacce "data-driven" interattive. Tra i grandi nomi che utilizzano React in produzione ci sono Facebook, Instagram, WhatsApp, Netflix, Airbnb, eBay, PayPal, New York Time e molte altre.

L'obiettivo di questo corso è darti gli strumenti e l'esperienza necessari per entrare nel mondo degli sviluppatori React. React è la base per chi di voi vorrà poi imparare a sviluppare app per iOS e Android con React Native.

Un vantaggio per chi usa React ? Imparato una volta, lo si può utilizzare in molte tipologie di progetti, dallo sviluppo di web app a quello mobile con React Native e desktop.

Il corso ti permetterà di essere produttivo da subito, ti mostrerò i concetti che è necessario sapere per capire a fondo e sviluppare componenti React e strutturare le applicazioni con Redux

Cominceremo con le basi di React, imparando a sviluppare componenti sia con React puro che con JSX, vedremo “props", “state", e altro. Per ogni lezione sarà fornito il codice sorgente visto nella lezione. Dopo l'introduzione a React, passeremo a Redux, coprendo argomenti come reducers, actions, e state tree.

Per realizzare User interface in stile Material Design vedremo Material CSS e utilizzeremo Material UI.

Se è la prima volta che sentite parlare di React e Redux, o se avete iniziato a studiarlo, ma volete approfondire questo è il corso per voi!

Alcuni argomenti che vedremo nel corso:

  • Imparerete a costruire interfacce web in modo dichiarativo 

  • Imparerete a usare il linguaggio di markup JSX per creare componente React personalizzati

  • Imparerete a scomporre complesse interfacce in piccoli componenti React che saranno semplici da mantenere e riutilizzabili in altre vostre applicazioni

  • Imparerete le differenze tra “props" e “state" e quando usarli

  • Se l'applicazione inizia a essere difficile da mantenere ? Imparerete a sviluppare applicazioni più complesse con Redux

Quali Web Application realizzeremo ?

Per il corso ho previsto di realizzare 2 applicazioni che ci permetteranno di applicare praticamente i concetti e permettervi di acquisire consapevolezza nei mezzi per poter trasformare le vostre idee in web application. Creeremo:

MyPlaces: una web application che ci permetterà di tenere traccia dei posti preferiti

Gym Workout: una web application che ci permetterà di gestire la propria scheda di allenamento in palestra


Nota: Il corso non è ancora completo, inserirò a breve tutte le sezioni principali, ma comunque non rimarrà statico, continuerò ad aggiornarlo anche in base ai suggerimenti che mi darete ;)

Who this course is for:
  • Sviluppatori che vogliono imparare ad usare React
  • Chi ha precedenti esperienze con HTML e CSS, JavaScript