Javascript per principianti
4.3 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
60 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Javascript per principianti to your Wishlist.

Add to Wishlist

Javascript per principianti

Impara le basi di javascript , costruisci un app da zero e comincia a sviluppare per il web
4.3 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
60 students enrolled
Created by Hidran Arias
Last updated 7/2017
Italian
Current price: $10 Original price: $95 Discount: 89% off
30-Day Money-Back Guarantee
Includes:
  • 9 hours on-demand video
  • 3 Articles
  • 1 Supplemental Resource
  • 4 Coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Dominare le fondamenta di javascript
  • Manipolare tutti i tipi di dati di javascript
  • Manipolare il DOM con javascript
  • Gestire gli eventi del DOM e browser con javascript
  • Creare funzioni e oggetti
  • Gestione degli eventi in javascript
  • Costruire un app todolist da zero con javascript
View Curriculum
Requirements
  • Conoscenza base di html
  • Conoscenza base di CSS
Description

SE HAI PRESO IL MIO "JAVASCRIPT GUIDA MANCANTE" il contenuto di questo corso è già incluso!!!

Questo corso di javascript è la base per lo sviluppo web e javascript lato server come NODEJS e può servire come punto di partenza per la programmazione in generale. Imparerai  le definizioni delle variabili, i diversi tipi di variabili come string, null, undefined, number, boolean

Imparerai ad utilizzare i cicli while e for che si trovano in tutti i linguaggi di programmazione.

Vedremo gli operatori matematici, logici, unari.

Vedremo i costrutti condizionale come if, else if, else.

Capirai come funzionano gli array, come ciclarli, accedere ai loro elementi. 

Imparerai come si creano gli oggetti in javascript col costrutti  Object e gli oggetti letterali con []. Saprai creare funzioni sia come dichiarazione che come espressione. Vedrai come utilizzare il costrutto arguments all'interno di una funzione ed estendere oggetti con le funzioni. 

Imparerai a monipolare il DOM e gestire gli EVENTI.

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

Quando avrai finito questo corso, sarai pronto per cominciare a sviluppare per il web e poter proseguire con argomenti più complessi di javascipt

Who is the target audience?
  • Web designer
  • Backend developer
  • Web developer
  • Project manager
Curriculum For This Course
78 Lectures
09:07:03
+
Start Here
1 Lecture 03:53
+
Introduzione a javascript
4 Lectures 22:26
Editor di testo e Web Server
00:07

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>


Aggiungere javascript ad una pagina web
12:06

L'obbiettivo dell'esercizio è quello di aggiungere un tag script per collegare un file javascript
Aggiungere un tag script che colleghi un file javascript
1 question

EccoVi un editor di javascript online www.jsbin.com

Editor javascript online : www.jsbin.com
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

*

*

*/

Semantica di javascript: commenti e inserimento automatico di punto e virgola
06:43
+
Le variabili in javascript
7 Lectures 51:12

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
Dichiarare variabili in javascript
07:00

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);

Diversi tipi di variabili e tipizzazione debole o dinamica
08:55

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 tipo string
08:14

JavaScript ha un unico tipo di dato numerico.

 Internamente tutti i valori numerici sono rappresentati come numeri in virgola mobile.

Se si omette la parte decimale, allora viene trattato come un numero intero:

var anni = 20;

var prezzo = 25.5;

Introduzione al tipo primitivo :number. Dichiarazioni e operazioni coi numeri
04:08

I numeri in javascript possono essere rappresentati non solo in base 10 ma anche in esadecimale, ottale e binario:

var num = 15;  // base 10

num = 0X0F ;// esadecinale;

num = 0b1111 ; // binario;

num = 0O17;// ottale


Operazioni con numeri decimali, esadecimali, binari e il costrutto NaN
05:16

Una variabile di tipo undefined è una variabile mai definita oppure definita senza alcun valore:

var name;

il valore di name è undefined;

var name = null;

null e undefined sono uguale nel senso che tutti e due sono assenza di valore ma sono diversi come tipo:

name == null ;// true

name === undefined / false


Preview 06:48

I valori possibili di un tipo boolean sono  true e false;

var test = true;

var test2 = false;

nelle condizioni che utlizzano boolean ( vero o falso) viene fatto il cast a boolean.

Quanluque valore che non sia  null, undefined, '', 0, NaN, sono   true in javascript.

Tipi di valore boolean
10:51
+
Gli array in javascript
3 Lectures 15:15

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

var dati = new Array();

var dati = new Array(5);// allocco spazio per 5 elementi;

var dati = new Array('val1', 'val2'); // inizializzo con valori;

dati.push('val3');// aggiungo un valore;

dati[dati.length] = 4;// ne aggiungo un altro

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

Gli array letterali sono da preferire al costrutto new Array() perché  Array può essere

sovrascritto.

var dati = [];


var dati =['val1', 'val2']; // inizializzo con valori;

dati.push('val3');// aggiungo un valore;

dati[dati.length] = 4;// ne aggiungo un altro

Array literal in javascript: []
05:34

Per sapere quanti elementi ha un array, usiamo la proprietà length:

 var arr = [1,3,3,4];

console.log(arr.length); // 4;

la proprietà legth può essere sovrascritta:

 arr.length =0;

 // così svuoto l'array

La proprietà length negli array
03:29
+
Operatori ed espressioni
9 Lectures 51:25

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

Gli operatori composti :

invece di scrivere

  a = a +2;

 si scrive a += 2;

così come per tutti gli altri operatori composti di javascript

Operatori matematici compatti in javascript
05:14

Gli operatori  unari  ++ e --  incrementano e decrementano rispettivamente un valore.

Se posto dopo la variabile :  a++ ; ritorna il valore e poi  incrementa, se posto

prima :  ++a; incrementa e poi ritorna. Lo stesso discorso vale per gli altri operatori

Operatori unari di incremento e decremnto ++ e -- in javascript
05:14

Gli operatori relazionali in javascript sono come in matematica ma quello di uguaglianza

dobbiamo scriverlo  ==:

==

>, <, >=, <=


Operatori relazionali in javascript
09:50

 L'operatore == presuppone che ci sia un casting prima di fare il confronto mentre

=== non si fa alcun casting e vengono confrontati sia i valori che i tipi

Preview 10:24

L'operatore logico  && (and)  se il primo valore è falsy ( 0, '', null, undefined, false) , ritorna subito il primo valore

altrimenti ritorna il secondo valore:

 var a =  1 && 0 ; // ritorna 0;

var b =  false && 1;// ritorna false;

var c = 0 && 1 // ritorna 0;

Operatore logico && (and)
04:44

L'operatore logico || (or) ritorna   il primo valore se questo è truthy (diverso da '',0,undefined, null)

altrimenti ritorna il secondo

var a =  1 || 0 ; // ritorna 1;

var b =  false || 1;// ritorna 1;

var c = 0 || 1 // ritorna 1;

Operatore logico || (OR)
02:51

L'operatore ! (not) nega il valore booleano ( fa il cast se necessario)

Quindi ser era truthy, diventa false altrimenti true

Operatore logico ! (NOT)
04:08
+
Istruzioni condizionali in javascript
3 Lectures 22:13

quando si usa if, se la condizione è truthy ( non è  null, undefined, 0, '', false, NaN)

Esegue il blocco o la riga subito dopo:

if(condizioneTrue){

// blocco d'istruzione viene eseguito

}

Condizione IF in javascript
04:16

quando si usa if, else if e else se la condizione è truthy ( non è  null, undefined, 0, '', false, NaN)

Esegue il blocco o la riga subito dopo:

if(condizioneTrue){

// blocco d'istruzione viene eseguito

}

altrimenti continua a testare gli altri if. Se alla fine nessun if ritorna vero, esegue il blocco else:

if(cond){

} else if(cond2){

} else {

}

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

il costrutto switch confronta un'espressione con diversi valori eseguendo uno a vari blocchi se trova una corrispondenza. Se nel blocco dove trova la corrispondenza c'è un break; salta tutti gli altri.

Se non trova una corrispondenza e c'è un default:, allora esegue il blocco default:

var valore = '';

switch(valore){

case 1:

console.log(1);

break;

case 2:

console.log(2);

break;

case 10:

console.log(10);

break;

default:

console.log('nessun valore');

}

Costrutto SWITCH in javascript
08:05
+
I cicli in javascript
2 Lectures 15:03
Imparare ad usare il ciclo while
06:48

Il ciclo for in javascript
08:15
+
Gli oggetti in javascript
2 Lectures 15:05
+
Le funzioni in javascript
6 Lectures 29:43
Introduzione alle funzioni in javascript
02:04

Il minimo che occorre per dichiarare una funzione è:

  1. Parola chiave function
  2. il nome della funzione
  3. parentesi tonde con o senza parametri
  4. parentesi graffe aperte e chiuse

function tes(){

}

per invocare questa funzione basta scrivere:

test();

Dichiarare una funzione in javascript
04:28


Scriviamo una funzione che ci faccia dei calcoli

Funzione con vari argomenti.
05:50

Oggetto arguments delle funzioni javascript
02:54

Funzione come costruttore di oggetti: new e this in javascript
09:26
+
Metodi dell'oggetto String
5 Lectures 18:28

I metodi toUpperCase toLowerCase transformano una stringa in maiusculo e minuscolo rispettivamente, ritornando il risultato. La stringa originale rimane immutata.

var nome="Paolo Rossi";

nome.toUpperCase(); // ritorna PAOLO ROSSI

console.log(nome); // ritorna Paolo Rossi perché rimane immutata

Stessa cosa vale per toLowerCase e tutti gli altri metodi dell'oggetto string

Metodi string toUpperCase e toLowerCase
01:45

Convertire una stringa in maiscolo o minuscolo
1 question

Si può accedere ad una stringa in javascript come se fosse un array:

var nome ="Paolo";

console.log(nome[0]);// ritorna P

Possiamo anche leggere un carattere col metodo charAt(posizione);

console.log(nome.charAt(0)); // Ritorna P

Stringhe come array di caratteri e la funzione charAt
02:45

Ritornare un carattere ad un certa posizione di una stringa
1 question

Con il metodo slice posso  leggere un pezzo di stringa da un inzio fino a un indice finale non includendo l'indice:

var test ='Viva la vida';

var viva = test.slice(0,4); // uscirà: Viva. Alla posizione 4 ( si conta da zero) ci sarebbe lo spazio

Con indexOf, posso sapere dove comincia una certa sottostringa che passo al metodo:

var posizioneLa = test.indexOf('la'); ritornerebbe 5

Metodo slice. Prendere un pezzo di una stringa in javascript
05:09

Selezionare una fetta di stringa
1 question

Si possono concatenare delle stringhe in javascript usando l'operatore +:

var name ='Hidran';

var lastName ='Arias';

var fullName = name + '   '+ lastName;


oppure  :

var fullName = name.concat('  ', lastName );


Concatenare stringhe in javascript. Operatore + e metodo concat
05:11

Il metodo substring legge una sotto stringa da un determinato indice ( non ammette negativi) e come secondo parametro l'indice fino a dove arrivare includendo il carattere in quella posizione

var test ='Il mio nome è nessuno';

var nome = test.substring(14,21); // ritornerebbe : nessuno

Con il metodo substr, passo l'indice dove comincia la stringa e poi quanti caratteri devo leggere:

 nome = test.substring(14,7); // ritornerebbe : nessuno

Metodo substring e substr. Cercare dentro una stringa in javascript
03:38
6 More Sections
About the Instructor
Hidran Arias
4.4 Average rating
1,344 Reviews
9,357 Students
16 Courses
Software Engineer

I'm a cuban living in the beautiful city of Turin, Italy. I have a university degree in computer sciences in the field of automation engineering. I am a software engineer since 2002 and since then I have worked for different italian companies developing web applications with the latest technogies, most of them open sources, such as PHP, MYSQL, ORACLE, CSS, HTML, NODEJS, MONGODB and javascript libraries such as EXTJS, SENCHATOUCH, JQUERY, ANGULARJS.

When I am not programming, I am learning new languages,currently German and Arabic. Currently I speak SPANISH, my mother tongue, ITALIAN,almost my second mother tongue, ENGLISH, FRENCH and PORTUGUESE.

Playing GUITAR is one of my hobbies and passions and I dedicate it as much time as for languages and computer.

People say I am an easy talker, always ready to help people and I love teaching what I know and mainly new technologies. I try to keep always up to date not only by teaching but also by learning and taking courses such as the ones found here in UDEMY .