Corso JavaScript tratta tutti gli argomenti che ti renderanno un esperto di JavaScript, partendo dalle basi di HTML e CSS, per poi iniziare a percorrere i primi passi con il linguaggio di programmazione, passando per Operatori, Funzioni, Cicli, Istruzioni Condizionali, Oggetti, Array ed Espressioni Regolari, per arrivare a JavaScript asincrono, Json ed elementi relativi all’ultima versione di EcmaScript, oltre a una serie di progetti che ti aiuteranno a impararlo scegliendo se approfondire la teoria, o dedicarti subito alla pratica.

Vedremo come creare un progetto semplice, basato sulle funzioni, oltre ad altri progetti più complessi.

Troverai diversi esercizi che ti aiuteranno a testare quanto appreso durante le lezioni. Gli argomenti delle lezioni sono essenziali per apprendere ogni dettaglio dello sviluppo web JavaScript: sarai preparato su tutte le tematiche, pronto per lavorare con gli strumenti che preferisci, sfruttandone a pieno ogni potenzialità.

OBIETTIVI DEL CORSO

✔ Imparare a sviluppare con JavaScript, diventando un professionista
✔ Apprendere Json e JavaScript Asincrono
✔ Creare progetti dinamici e moderni

STRUTTURAZIONE DEL CORSO

Il corso si compone di 171 video lezioni, 17 dispense e 4 esercizi da scaricare al termine di ogni capitolo.

Indice dettagliato del corso:

INTRODUZIONE

INTRODUZIONE AL CORSO
• Requisiti del corso
• TEXT Indice del corso
• Domande, Recensioni e Aggiornamento del corso
• JavaScript ed Ecmascript

HTML
Visualizza l’indice completo…

• Introduzione al linguaggio HTML
• Visual Studio Code e gli altri…
• Configurazione di Visual Studio Code
• !DOCTYPE, html e body + Anteprima
• Paragrafi, Intestazioni e Line Breaks
• Grassetto, corsivo e sottolineato
• Citazioni
• Tabelle
• Liste
• Immagini
• Collegamenti ipertestuali (Link)
• Introduzione al tag Head
• Title
• Meta description
• Meta keywords
• Meta robots
• Altri tag Meta
• Base, Link, Script e Style
• Introduzione allo standard HTML5
• Div
• Header
• Nav
• Section
• Article
• Footer
• Aside
• Figure

 

CSS3
Visualizza l’indice completo…

• Introduzione ai fogli di stile (CSS)
• Sintassi dei fogli di stile
• EXTRA HTML: Span
• Struttura di un foglio di stile con selettori di tipo
• Selettori di class e ID
• Selettori di pseudo-classe e pseudo-elemento
• Selettori di gerarchia e attributo
• CSS in una pagina HTML
• Colorazione del testo
• Sfondo della pagina
• Bordi nella pagina
• Margini esterni ad un elemento
• Margini interni ad un elemento
• Caratteri del testo
• Commenti al foglio di stile
• Altezza e Larghezza
• Proprietà Display
• Posizionamento nella pagina
• Eccedenza e Indice di profondità

 

CSS3 AVANZATI
Visualizza l’indice completo…

• Colorazione esadecimale e RGB
• Proprietà avanzate dello sfondo
• Immagini nel bordo
• Bordi arrotondati e ombreggiatura
• EXTRA HTML: Gestione dei caratteri del testo con Google Font
• Gestione avanzata delle proprietà testuali
• BONUS: Animazioni con CSS3
• Responsive Design: Media Queries

 

PRIMI PASSI CON JAVASCRIPT
Visualizza l’indice completo…

• Impostazione iniziale di JavaScript
• Variabili locali e globali
• Tipi di Dati e Accenni al DOM
• Data e Ora
• Eventi
• ESERCIZIO #1
• SOLUZIONE ESERCIZIO #1

 

APPROFONDIAMO GLI OPERATORI DI JAVASCRIPT
Visualizza l’indice completo…

• Introduzione agli Operatori
• Operatori di Assegnazione
• Lista degli operatori di assegnazione principali
• Operatori di Confronto
• Lista degli operatori di confronto principali
• Operatori Matematici
• Lista degli operatori matematici principali
• Math e metodi di arrotondamento (ES6)
• ESERCIZIO #2
• SOLUZIONE ESERCIZIO #2
• Operatori Stringa
• Lista degli operatori stringa principali
• Operatori Logici / Booleani
• Lista degli operatori logici / booleani principali
• Ordine di priorità nell’utilizzo di un operatore
• ESERCIZIO #3
• SOLUZIONE ESERCIZIO #3

 

CREIAMO UNA FUNZIONE CON JAVASCRIPT
Visualizza l’indice completo…

• Introduzione alle Funzioni
• EXTRA: Let e Const (ES6) vs Var
• Come “funziona” una funzione
• Funzioni annidate
• Creazione di un oggetto tramite funzione con “this”
• Console.log + Yield
• Funzioni Arrow (ES6)
• Funzioni predefinite
• Lista delle funzioni predefinite principali

 

CICLI E ISTRUZIONI CONDIZIONALI IN JAVASCRIPT
Visualizza l’indice completo…

• Introduzione alle Istruzioni condizionali e Iterazioni
• Istruzione IF
• Istruzione SWITCH
• Istruzione ciclica DO WHILE
• Istruzione ciclica WHILE
• Istruzione ciclica FOR
• EXTRA: Throw, Try, Catch e la gestione degli errori
• Label, Break e Continue
• ESERCIZIO #4
• SOLUZIONE ESERCIZIO #4

 

PROGETTO DRINK BUT NOT DRUNK
Visualizza l’indice completo…

• Introduzione al progetto
• Impostazione del documento HTML
• Impostazione del foglio CSS
• Impostazione della funzione JavaScript

 

APPROFONDIAMO GLI OGGETTI JAVASCRIPT
Visualizza l’indice completo…

• Introduzione agli Oggetti
• Proprietà e Metodi di Oggetti
• Lista dei metodi di oggetti stringa principali
• Gestione dei Numeri con l’oggetto Number
• Lista dei metodi di oggetti numerici e matematici principali
• Metodi statici: Assign e non solo…
• Lista dei metodi statici principali
• Costruttori, Prototipi ed Ereditarietà
• EXTRA: Object Create (Metodo statico)
• Le classi, Getter e Setter (ES6)
• Riconoscimento e conversione tipi di dati
• Metodi per conversioni da stringa a numero e viceversa
• ESERCIZIO #5
• SOLUZIONE ESERCIZIO #5

 

OGGETTO ARRAY E ESPRESSIONI REGOLARI (REGEXP) IN JAVASCRIPT
Visualizza l’indice completo…

• Creazione di un Array
• Metodi inclusi negli Array (ES5)
• Concatenare, Ordinare e Convertire un Array
• Metodo ForEach (ES5)
• Lista dei metodi di array principali
• ESERCIZIO #6
• SOLUZIONE ESERCIZIO #6
• Array multidimensionali
• Ricerca negli Array
• Creazione di una espressione regolare
• Pattern (modelli) di espressioni regolari
• Lista di elementi dei pattern nelle espressioni regolari
• Associazione tra espressioni regolari e metodi
• Due metodi delle espressioni regolari
• Lista di esempi classici di utilizzo delle espressioni regolari
• Istruzioni cicliche e Array: FOR … IN e FOR … OF (ES6)
• ESERCIZIO #7
• SOLUZIONE ESERCIZIO #7

 

MANIPOLIAMO IL DOM CON JAVASCRIPT
Visualizza l’indice completo…

• Introduzione al DOM
• document e le proprietà degli elementi
• Lista delle proprietà di document
• document e i metodi di manipolazione
• Oggetto HTMLCollection
• document e I metodi per creare ed eliminare
• document per i fogli di stile
• Lista dei metodi di document
• ESERCIZIO #8
• SOLUZIONE ESERCIZIO #8
• EventListener: Add e Remove
• Nodi e gestione della navigazione
• Creazione ed eliminazione di un elemento
• queryselector e querySelectorAll (Oggetto NodeList)
• ESERCIZIO #9
• SOLUZIONE ESERCIZIO #9

 

JAVASCRIPT ASINCRONO E JAVASCRIPT OBJECT NOTATION
Visualizza l’indice completo…

• Introduzione a JavaScript asincrono
• Introduzione a Json e sintassi
• Tipi di dati di Json
• Json.Parse (ES5): elaboriamo il file Json
• Json.Stringify (ES5)
• Cicli di Array e Oggetti di Json
• Json Validator
• Fetch API e Promise
• Callback e SetTimeout
• Approfondimento Promise + Async e Await (ES8)
• EXTRA: GeoLocation API

 

PROGETTO ROCK-PAPER-SCISSOR (Morra Cinese)
Visualizza l’indice completo…

• Introduzione al progetto
• Impostazione del documento HTML
• Impostazione del foglio CSS
• querySelector e classList: Introduzione al gioco
• Funzione playvs
• Comparazione delle scelte di gioco
• Aggiornamento del risultato e Restart
• Fine del gioco
• Giochiamo!

 

JAVASCRIPT ECMASCRIPT 2015 TO 2020
Visualizza l’indice completo…

• Filter, Map e Reduce
• String Padding
• Object Entries e Values
• Array Includes
• ESERCIZIO #10
• SOLUZIONE ESERCIZIO #10

 

PROGETTO CLOCK WIDGET
Visualizza l’indice completo…

• Introduzione al progetto
• Introduzione a Moment.js
• Orologio con il tuo fuso orario: HTML
• Orologio con il tuo fuso orario: CSS
• Orologio con il tuo fuso orario: Script JS
• Orologi di diversi fusi orari: HTML
• Orologi di diversi fusi orari: CSS
• Orologi di diversi fusi orari: Script JS

CONTENUTI AGGIUNTIVI
• L’utilizzo di Google e Stack Overflow

Al termine del corso è previsto il rilascio di un attestato di frequenza.

DESTINATARI DEL CORSO

Il Corso è adatto a qualsiasi tipo di studente, non richiede alcun tipo di conoscenza informatica, basterà avere un pc per seguire tutte le fasi di questo fantastico percorso.

 

Rilascio crediti ECP

Al termine del corso vi è la possibilità di ottenere il rilascio di CREDITI ECP (Educazione Professionale Continua per i professionisti iscritti nei registri di: COUNSELOR; OPERATORE OLISTICO; ARMONIZZATORE FAMILIARE oppure COUNSELOR OLISTICO).

Il rilascio dei crediti avviene su richiesta inviando una mail a info@lezione-online.it e previo pagamento di una commissione.

Si precisa che l'invio della mail e il pagamento della commissione fa riferimento solo ed esclusivamente al rilascio dei crediti ECP, mentre il rilascio dell'attestato di frequenza a fine corso avviene automaticamente ed è compreso nel prezzo del corso.

 

Modalità di Fruizione del Corso

Per iscriversi al corso occorre registrarsi al sito e completare la procedura di acquisto e pagamento della quota di iscrizione.

Il pagamento può essere effettuato attraverso due semplici modalità:
tramite bonifico bancario o tramite carta di credito accedendo al circuito PayPal (il sistema di pagamento online più facile e sicuro!).

Se il pagamento viene effettuato tramite carta di credito, l'attivazione del corso è immediata; se, invece, viene effettuato tramite bonifico bancario, alla ricezione del pagamento la Segreteria Didattica provvederà, entro 48h lavorative, ad attivare il corso acquistato e ad inviare una mail di notifica all'utente.

Il costo del corso (comprensivo dell'IVA) include l'accesso al materiale didattico, il tutoraggio on line, l'accesso ad altri servizi on line eventualmente necessari per il suo svolgimento (videolezioni, file audio, test di verifica, ecc. ) e l'attestato di frequenza al termine nel caso vengano raggiunti i requisiti necessari (completamento del corso e superamento del test finale).

Recensioni del Corso

N.A

Valutazioni
  • 5 Stelle0
  • 4 Stelle0
  • 3 Stelle0
  • 2 Stelle0
  • 1 Stelle0

Non ci sono recensioni per questo corso.

Web Lab Group SRLS - Strada dell’Osteria, 91/B - 06050 – Collazzone, Perugia - ©2021 lezione-online - p.iva 03487630547 - politica privacy - termini e condizioni - disclaimer - politica di recesso
Codice Sconto 40PERTE Acquista tutti i corsi al 40% → Aggiungi il codice al carrello