Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development React

React e Redux: Sviluppa applicazioni da zero

Impara React da zero costruendo passo passo un’applicazione completa con la tecnologia usata da Facebook, Instagram, ...
Rating: 4.1 out of 54.1 (212 ratings)
711 students
Created by Cosimo Palma
Last updated 1/2021
Italian
30-Day Money-Back Guarantee

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

13 sections • 126 lectures • 12h 19m total length

  • Preview05:15
  • Come seguire e codice sorgente del corso
    00:11
  • Preview03:35
  • Quale linguaggio per sviluppare applicazioni React ?
    03:26

  • Preview01:17
  • 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

  • Preview02:09
  • Istruzioni per la lezione successiva - installazione di Babel 6
    01:12
  • Babel 6 e ES6
    06:45
  • Installazione e Configurazione di Babel 7
    00:33
  • 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

  • Preview02:19
  • 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

  • Scaricare, Installare e avviare il server di backend
    03:23

  • Preview02:28
  • Risorse SFIDA 1
    01:29
  • SOLUZIONE: Componente MyPlacesList e passaggio array dei posti preferiti
    10:12
  • SOLUZIONE: MyPlacesList
    05:25

  • 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

  • Stateless Functional Components
    04:10
  • Lo stato di un componente
    04:40
  • Aggiornare lo stato di un componente
    06:17
  • Quiz
    1 question

  • 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

  • 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

Instructor

Cosimo Palma
Software Engineer
Cosimo Palma
  • 4.2 Instructor Rating
  • 1,401 Reviews
  • 6,035 Students
  • 2 Courses

Ciao! Mi chiamo Cosimo.

Mi sono laureato in Ingegneria Elettronica al Politecnico di Torino, ma molto prima di iniziare questo percorso ho iniziato ad approfondire i linguaggi di sviluppo software usati sia nel mondo desktop sia in ambito web. I traguardi che raggiungevo creando software e formandomi li trasformavo in piccoli corsi di formazione che rendevo disponibili su bitportal, per crescere con i feedback degli utenti e di altri sviluppatori, un sito non più aggiornato da oltre 10 anni, ma che ho lasciato ancora attivo come ricordo dei primi passi.

Da quei primi passi ho sviluppato poi tanti siti, app e software in generale per importanti aziende e per il mondo consumer.

Dal 2007 lavoro come consulente presso aziende automotive, ferroviario, IT e porto avanti dei progetti di formazione nel mondo dello sviluppo app su AppAcademy con corsi e libri, e diversi progetti in ambito web.

In quest’arco di tempo ho co-fondato un’azienda che si occupa di Modellazione Fisica di Sistemi nella quale mi sono occupato di Ricerca/Sviluppo e Formazione.

Credo che essere uno sviluppatore di app oggi possa rendere liberi di scegliere tra diverse opportunità per lavorare, entrare in contatto con persone interessanti, poter lavorare senza necessariamente avere vincoli geografici… un po' di motivi per sentirsi più liberi ci sono e voi probabilmente ne avete in mente molti altri ;)

Vi aspetto nel mio corso, partite oggi con questo percorso.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.