Javascript ES6-ES7: La guida da zero a esperti
4.1 (784 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.
3,433 students enrolled

Javascript ES6-ES7: La guida da zero a esperti

Impara javascript dalle basi fino a ES6-ES7 puro e i suoi segreti, passo a passo costruisci un app todo list da zero
4.1 (784 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.
3,433 students enrolled
Created by Hidran Arias
Last updated 3/2019
Italian
Current price: $24.99 Original price: $194.99 Discount: 87% off
30-Day Money-Back Guarantee
This course includes
  • 15 hours on-demand video
  • 5 articles
  • 16 downloadable resources
  • 11 coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Passare da livello zero di javascript a livello intermedio-avanzato
  • Avere delle basi solide per poter utilizzare librerie come Angularjs, React, Jquery

  • Essere pronto a programmare javascript lato server con NODEJS, MONGODB

  • Conoscere le funzionalità core del linguaggio e capire i segreti di javascript
  • Usare le funzioni, funzioni anonime, callback
  • Processare array
  • Creare oggetti letterale, usando Object.create, funzioni e classi
  • Usare il prototype per estendere gli oggetti
  • Essere al corrente delle principali novità di javascript ES6
  • Manipolare il DOM
  • Gestire gli EVENTI
  • Costruire un app da zero
Course content
Expand all 132 lectures 14:51:32
+ Introduzione al corso
2 lectures 05:05
Come postare una domanda e vedere quelle già fatte
00:14
+ Introduzione a Javascript
6 lectures 43:01

Visual code. Installare live preview ed eseguire javascript esterno

Preview 07:27

Possiamo includere javascript in una pagina web utilizzando il tag <script>.

Di solito, e consiglio, si include questo tag nel tag <head> della pagina web

Se il javascript si trova in un file separato, utilizziamo la seguente sintassi

<script src="percorsofile/nomeFile.js"></script>

Il percorso può essere relativo alla cartella, assoluto oppure in un altro dominio:

<script src="js/nomeFile.js"></script>

<script src="/scripts/nomeFile.js"></script>

<script src="http://www.miosito.com/js/nomeFile.js"></script>

Se lo script è inline, cioè nella stessa pagina, basta mettere:

<script>

// qui si aggiunge il codice

</script>


Preview 09:04

Vediamo come eseguire javascript direttamente nella console del browser.

 Quando aprite Chrome, Firefox o IE11 in su, premte il tasto f12 e vi comparirà la console di javascript dove poter scrivere del codice

Preview 02:52

EccoVi un editor di javascript online www.jsbin.com

Preview 03:30

Per commentare una singola riga, usate //

// questo è un commento

Per aggiungere più righe : /**/

/*

Questo è un commento

posso andare a capo e immettere qualunque teso

*

*

*/

Preview 09:19
+ Variabili in Javascript
2 lectures 15:55

Le variabili in javascript devono cominciare con $, _ o una lettera, poi possono essere seguite da lettere, numeri e trattino basso _ .

Le variabili in javascript sono case sensitive:

var mioNome è diverso da var mionome; . Non si possono utlizzare parole riservate come nomer di variabili. Ade esempio:


abstractdoifpackage
doubleimplementsprivate
elseimportprotectedtransient
byteextendsinpublictrue
casefalseinstanceofreturntry
catchfinalintshortvar*
charfinallyinterfacestaticvoid
classfloatlongsuperwhile
const*fornativeswitchwith
continuefunctionnewsynchronized
defaultgotonullthis


Dichiarazione di variabili in javascript
07:00
Con questo esercizio cominciamo ad imparare come dichiarare delle variabili in javascript
Dichiarare una variabile di tipo stringa
1 question

Una variabile in javascript può contenere qualunque tipo di valore:

numero, stringa, array, oggetto, funzione.

Posso assegnare prima una stringa ma poi assegnare un oggetto, un array o qualunque altro tipo:

var test ;
// undefined
console.log(test+' => '+ typeof test);
// string
test ='Nome';
console.log(test +' => '+ typeof test);

// number
test = 42.2;
console.log(test +' => '+ typeof test);

// array
test =[4,5,66];
console.log(test +' => '+ typeof test);
// object
test = {name:'Hidran', lastname:'Arias'};
console.log(test.name+','+test.lastname +' => '+ typeof test);
// function
test = function(){
  return "test";
};
console.log(test+' => '+ typeof test);
console.log(test() +' => '+ typeof test);
// boolean
 test = true;
console.log(test +' => '+ typeof test);



Preview 08:55
+ Variabili di tipo string
2 lectures 13:25

Una stringa in javascript non è altro che un elenco di caratteri racchiuso tra apici , ' ', oppure virgolette: ""

Le stringhe in javascript sono immutabile, cioè, una volta assegnata ad una variabili, non ci sono metodi che la possano modificare.

I metodi come toLowerCase, toUpperCase, substring, agiscono su una copia della stringa e ritornano una copia del valore originale modificato ma la stringa originale, rimane tale:

var nome ='Roberto';

 nome.toUppercase();  // ritorna ROBERTO ma nella variabile nome ci sarà ancora Roberto

Variabili di tipo "string"
08:14
Concatenare stringhe in javascript. Operatore + e metodo concat
05:11
+ I numeri in javascript
4 lectures 21:21
Introduzione al tipo primitivo :number. Dichiarazioni e operazioni coi numeri
04:08
Operazioni con numeri decimali, esadecimali, binari e il costrutto NaN
05:16
Approfondimenti su isNaN e Number.isNaN
00:31
Oggetto Number, casting e parsing di numeri in javascript
11:26
Con questo esercizio vediamo come dichiarare una variabile di dipo number, con un numero intero e un numero decimale
Dichiarare una variabile di tipo number
1 question
+ Tipo di dato primitivo boolean
1 lecture 10:51

Una variabile di tipo boolean può avere i valori true o false

var isChecked = true;

var isSelected = false;

Nei cicli e nelle condizioni si fa il cast degli altri tipi di valore a boolean.

Tutto quello che non è  false, 0, null, undefined, '',""   è sempre true

I valori booleani
10:51
+ Gli array in javascript
4 lectures 19:06

Imparare a Creare array in javascript usando il costrutto new Array()

Creare array in javascript usando il costrutto new Array()
06:12

Studiamo un altro modo di costruire, creare degli array con il costrutto []

Array literal in javascript: []
05:34
Possiamo creare un array con il costrutto new Array() oppure con []
Creare un array
1 question

Vedremo come ci si accede agli array per riferimento e non come una copia

Array reference: copiare e/o assegnare per riferimento
03:51

Vedremo come la proprietà length negli array può allungare o accorciare un array e che la stessa è modificabile

La proprietà length negli array
03:29
+ Operatori ed espressioni in Javascript
11 lectures 01:03:37

Vediamo in riassunto degli operatori ed espressioni che studieremo in questa sezione

Introduzione agli operatori ed espressioni in javascript
01:29

Vediamo come utilizzare gli operatori matematici in javascript: +, -, *, / e %

Operatori matematici in javascript
07:31
Operatori matematici compatti in javascript
05:14
Operatori unari + e - in javascript
06:00
Operatori unari ++ e -- in javascript
05:14

Studieremo gli operatori relazionali in javascript: <,<=, >, >=, ==, !=;===, !==

Operatori relazionali in javascript
09:50

Operatori relazionali in javascript: ==,===, !=;!==

Operatori relazionali in javascript: ==,===, !=;!==
10:24

Operatori relazionali in javascript: comparare stringhe, null, undefined

Operatori relazionali in javascript: comparare stringhe, null, undefined
06:12

In questa lezione studieremo l'operatore logico &&

Operatore logico && (and)
04:44

Vediamo in questa lezione l'operatore || (or)

Operatore logico || (OR)
02:51

Operatore logico ! (not)

Operatore logico ! (NOT)
04:08
+ Istruzioni condizionali in javascript
4 lectures 24:30

Introduzione alle istruzioni condizionali e cicli in javascript


Introduzione alle istruzioni condizionali e cicli in javascript
02:17

Condizione IF in javascript

Condizione IF in javascript
04:16

Condizione IF, ELSE IF, ELSE in javascript

Condizione IF, ELSE IF, ELSE in javascript
09:52

Costrutto SWITCH in javascript

Costrutto SWITCH in javascript
08:05
Requirements
  • Pc o Mac
  • Browser moderno come Chrome. Firefox, o IE10
  • Qualunque editor di testo o connessione internet per usare editor online
  • Conoscenza minima di html
Description

Questo corso riempie una lacuna: la mancanza di una guida esaustiva e pratica di javascript in italiano dove ti insegno passo a passo, dall'A alla Z, tutti i segreti di javascript. Imparerai da zero fino a javascript ECMASCRIPT 2015 conosciuto come ES6.

Se vuoi sfruttare al massimo librerie come Jquery, Sencha, Angularjs, devi seguire un corso come questo che ti dia le fondamenta  per essere pronto alla programmazione avanzata con javascript.

Vedremo ogni tipo di variabili: numeri, stringhe, array ,funzioni, metodi.

Studieremo i cicli, le condizioni, tutti i tipi di operatori.

Studieremo le funzioni, come passare i parametri, lo scope delle funzioni, come dichiarare funzioni come espressione e come dichiarazione. Come passare una funziona ad un'altra funzione, ritornare una funzione.

Vedremo i segreti delle closure: funzioni annidate che dopo essere ritornate hanno accesso alle variabili private di una funzione.

Vedremo come si creano gli oggetti in javascript, come si estendono con il prototype

Imparerai a monipolare il DOM e gestire gli EVENTI.

Costruirai un app, todolist, da zero dove metterai in pratica tutto quanto.

Vedremo come funziona l'ereditarietà in javascript.

Vedremo i nuovi costrutti di ES6 come let, const, parametri rest, il costrutto class.

Studieremo gli oggetti predefiniti di javascript come Math, Date, RegExp.

Studieremo l'oggetto XMLHttpRequest e vedremo come fare delle chiamate asincrone ad un server, AJAX.

Imparerai a manipolare il DOM di una pagina web.

Imparerai a gestire gli eventi degli elementi di una pagina web, i listener.

Il corso sarà in continuo aggiornamento e ci saranno degli esempi pratici e degli esercizi.

Soprattutto ti farò da tutor per chiarirti qualunque dubbio e aiutarti a crescere nel mondo di javascript.

Ti aspetto!

Who this course is for:
  • Chi voglia imparare Core javascript da zero e diventare esperto di javascript
  • Chi voglia avere delle basi solide per poter utlizzare Jquery, AngularJs ed altri framework
  • Chi conosce un po' di javascript ma non i perché e i suoi segreti
  • Sviluppatori web