Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Corso Javascript con Progetti pratici & Typescript

Name: Corso Javascript con Progetti pratici & Typescript
Rating: 4.4 (120 reviews)

Impara Javascript e Typescript Moderno: ES6, Manipolazione del DOM e AJAX. (Inclusi Progetti Pratici)

Created byOmar De Angelis, Leonardo De Marco, Out Of Class

Last updated 8/2023

Italian

Italian [Auto],

What you'll learn

Fondamentali di Javascript: variabili, if/else, operators, boolean logic, functions, arrays, objects, loops, strings, etc.
Javascript Moderno (ES6+): arrow functions, decostruzione, spread operator, optional chaining operator (ES2020), etc
Manipolazione Avanzata del DOM
Asynchronous JavaScript: Event loop, promises, async/await, AJAX e APIs
Programmazione ad Oggetti OOP: Classi, costruttori, prototipizzazione, inheritance, encapsulation, etc
Consolidare HTML e CSS
Costruzione di più di 10 progetti per approfondire ogni concetto affrontato
Lavorare e Pensare come un programmatore: Flussi di lavoro, ricerca e problem solving

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

Course content

12 sections • 239 lectures • 24h 17m total length

Requisiti per seguire il Corso2:56
Studia insieme ad altri studenti2:20
Incontra, chatta, studia e collabora con altri studenti sul nostro server Discord. Troverai un canale dedicato al tuo corso con a disposizione anche una diversi canali vocali che potrai usare come delle vere e proprie aule studio per studiare insieme ad altre persone che condividono la tua passione.

Link per il canale Discord: https://discord.gg/ZX2rPXx2BD
Link al Canale Discord0:15
Ripasso: HTML (2h su Youtube)0:15
Ripasso: CSS (5h 23m su Youtube)0:15
Scaricare il Materiale per seguire le lezioni3:59
Configurazione e Setup di Visual Studio Code0:07
Qui trovate la repo con la configurazione del mio editor, la lista delle estensioni da me utilizzate ed altre che possono esservi molto utili!

Leggete il Readme.md mi raccomando
https://github.com/Hpv4Learning/VS-CCODE-SETUP

CODICE SCRICABILE DELLA PARTE DI TEORIA0:14
Argomenti Primo Capitolo2:07
Configurare standard di un progetto Javascript2:29
Inline Javascript3:14
Internal Javascript4:42
Collegare Javascript da un file esterno3:49
Developer Tools7:40
Le Variabili8:12
Convenzioni e Regole di denominazione7:47
Le costanti9:20
Capendo..
Come scrivere un stringa3:36
Concatenazione delle Stringhe8:25
Esercitati con le stringhe
I Numeri parte 15:25
I Numeri parte 28:35
La conversione Implicita8:48
Capendo..
Tutte le tipologie di Dato7:19
Array: Introduzione8:00
Set: Array di Valori Unici6:03
Oggetti: Introduzione11:24
Le Mappe4:56
Capendo..
Esercitati con i tipi di dato
Che cosa è una funzione ?4:33
Funzioni e Parametri8:23
Funzioni: come returnare un valore14:40
Le tipologie di funzioni8:58
Conditional Statements7:59
Conditional Statements Avanzati7:14
Le Regole di Uguaglianza5:32
Gli operatori Logici7:43
Switch Statement8:47
Loop: while e do while8:15
Loop: il for loop7:11
Ricapitolando5:52
Capendo..

Introduzione2:27
Valore e Riferimento6:47
Mutabili e Immutabili8:08
Truthy e Falsy5:30
Global Scope6:14
Local Scope4:16
Variable Lookup8:09
Callback e Higher Order Functions10:15
Operatore Ternario7:09
Capendo..
Metodi delle stringhe9:13
Metodi degli Array10:25
Calcolatore di Spese4:35
Metodi Iterativi1:53
Il Metodo ForEach7:53
Il Map Method11:04
Il Filter Method5:23
Il Find Method11:10
Il Reduce Method6:47
Il Math Object5:14
Il Date Object6:17
Esercizio: Password Generator7:19
Capendo..

Introduzione6:21
Cosa sono i Selettori6:37
Il Window Object3:28
Selezionare per ID5:47
Selezionare per TAG7:22
Selezionare per CLASSI2:18
QuerySelector8:12
Children Element4:39
Parent Element2:39
Sibling Element3:24
TextNode3:28
Accedere agli attributi di un Elemento6:24
Lavorare con le classi di un Elemento8:43
Capendo..
Creare un Elemento HTML con JS6:12
Il metodo insertBefore3:31
Come sostituire un Elemento HTML3:24
Lavorare con il Testo: innetText3:20
Il metodo insertAdjacentElement3:55
Come Rimuovere un Elemento HTML3:54
Inserire HTML all'interno di un Elemento4:03
Capendo..
Gestire gli Eventi: Overview2:07
Il Click Events7:14
Usare una Reference Function6:25
I Mouse Events14:04
Gli Eventi Da Tastiera5:16
L'Events Object7:58
Target e CurrentTarget5:18
La Propagazione Degli Eventi: Bubbling9:22
Event Bubbling: Esempio Pratico6:00
Lavorare con i forms6:07
Il Local Storage: cos'è e a cosa serve13:16
Capendo..
Esercitazione: Counter0:05
Esercitazione: Dark Mode0:05
Esercitazione: Recipes0:05
Esercitazione: Navbar0:04
Esercitazione: Sidebar0:05
Esercitazione: Faq0:05
Esercitazione: Sport Center0:05
Esercitazione: To Do List0:06

CODICE SCARICABILE DEI PROGETTI0:13
Counter: Struttura2:47
Counter: Logica9:21
Darkmode: Struttura1:27
Darkmode: Logica6:27
Recipes: Struttura2:19
Recipes: Logica12:05
Navbar: Struttura3:29
Navbar: Logica5:28
Sidebar: Struttura3:07
Sidebar: Logica4:10
Faq: Struttura5:28
Faq: Logica5:08
Faq: Modal3:03
Sport Center: Struttura3:30
Sport Center: Mostrare gli item della lista7:04
Sport Center: Refactor2:13
Sport Center: Filtrare tramite i bottoni8:42
Sport Center: Creare i bottoni dinamicamente5:08
Sport Center: Creare i bottoni dinamicamente 26:38
To Do List: Struttura4:14
To Do List: Selezione Elementi3:52
To Do List: Aggiungere un item7:59
To Do List: Mostrare gli errori6:00
To Do List: Creare un item nella lista7:38
To Do List: Set Back To Default3:01
To Do List: Eliminare tutti gli items5:35
To Do List: Bottoni degli item5:15
To Do List: Eliminare un item4:53
To Do List: Modificare un item5:53
To Do List: Aggiungere al Local Storage7:13
To Do List: Rimuovere dal Local Storage4:56
To Do List: Modificare il Local Storage3:00
To Do List: Mostrare gli item al caricamento4:13

Cat Facts: Struttura2:59
Cat Facts: Documentazione4:25
Cat Facts: XHR Object Setup5:47
Cat Facts: Promise4:46
Cat Facts: Fetch6:13
Cat Facts: Async/Await3:42
Random User: Struttura + Documentazione7:00
Random User: Selezione nodi DOM9:59
Random User: Fetch dei dati16:15
Random User: Mostrare i dati14:40
Cocktails: Struttura5:59
Cocktails: Documentazione6:04
Cocktails: Funzione per mostrare i dati3:42
Cocktails: Fetchare i drinks5:06
Cocktails: Mostrare i drinks10:32
Cocktails: Searchbar5:51
Cocktails: Caricamento6:09
Cocktails: setDrink9:17
Cocktails: Struttura Drink + Fetch dati10:25
Cocktails: Mostrare i singoli drink9:25

Introduzione7:00
Link alla repo0:09
La repository in cui troverete questo progetto è la stessa dei progetti precedenti.
Ecco il link: https://github.com/Hpv4Learning/progetti-corso-js

Se avete gia clonato la repo, vi bastarà fare git pull direttamente sulla branch main.
In alternativa siete liberi di riscaricarla.
Navbar8:35
Carrello (Modal)13:38
API overview8:26
Fetchare i prodotti5:55
Setup store8:02
LocalStorage5:13
Utils5:14
Mostrare i prodotti6:09
Mostrare il prodotto in evidenza9:46
Carousel11:57
addToCart setup5:53
Loading3:41
Barra di ricerca12:29
Filtrare per marca10:49
Filtrare per il prezzo8:29
Prodotto singolo: overview6:31
Fetchare il singolo prodotto8:03
Mostrare il singolo prodotto6:25
Carrello: setup8:27
Carrello: addToCart6:18
Carrello: addToCartDOM7:00
Carrello: calcolare i totali7:02
Carrello: init3:22
Carrello: setupCartFunctionality + aumentare quantità9:45
Carrello: decrementare la quantità e rimuovere item5:58

Requirements

Basi di HTML (Presente Ripasso Facoltativo e gratuito di 2h nel corso)
Basi di CSS (Presente Ripasso Facoltativo e gratuito di 5h nel corso)
Qualsiasi computer e Sistema Operativo va bene — Windows, macOS o Linux.

Description

Come è strutturato questo corso ?

Questo corso nasce con lo scopo di insegnare JavaScript moderno fin dall'inizio, un passo alla volta. Grazie ad esempi di codice pratici e divertenti, approfondimenti teorici e progetti reali esploreremo l'affascinante mondo di JavaScript.

Il corso è strutturato in modo da parlare solo ed unicamente di Javascript. Vi Forniremo il codice HTML e CSS già precompilato per ogni lezione, in modo che tutto il tempo ed i contenuti di questo corso siano dedicati al 100% a Javascript.

Che requisiti servono per seguire questo corso ?

Sinceramente basta avere un computer.
Esperienza in HTML e CSS sono un plus visto che il corso rimanda su Youtube ad un corso di HTML di 2h ed uno di CSS della durata 5h e 23m completamente gratuiti.

Preparazione insegnanti

Mi chiamo Omar De Angelis e sono un Frontend Developer professionista, lavoro attualmente in una delle migliori Start-up italiane sul mercato e mi occuperò di trattare la parte teorica.
Ho studiato ed imparato a programmare (come molti sviluppatori) da solo e conosco le esigenze e i dubbi di chi sta cercando di diventare uno sviluppatore con le proprie forze.

Ho anche un corso di React.js tra i migliori corsi di programmazioni in italiano presenti su Udemy.

Ciao Sono Leonardo De Marco e mi occuperò della parte relativa ai progetti. Lavoro come Frontend Developer in una startup del Politecnico di Torino. Come tanti mi sono reinventato professionalmente, riuscendo a trasformare la mia passione per lo sviluppo web nel mio lavoro.

Sono presenti dei Progetti ?

Certamente, anzi costituiscono la parte fondamentale di questo corso.
Ci saranno intere sezioni composte da progetti. Durante la parte teorica troverai le indicazioni di quale progetto andare a realizzare per consolidare i concetti appena imparati.

Sarà possibile accedere al codice delle lezioni ?

Sì, avrai accesso al codice iniziale e finale di ogni lezione. In più fornirò la documentazione per approfondire tutti gli argomenti che vengono trattati.

Il corso verrà aggiornato e mantenuto ?

Continueremo ad aggiungere tanti progetti di dimensione, difficoltà ed articolazione sempre maggiore senza tralasciare l'importanza di integrare approfondimenti teorici.

Sarà possibile ricevere supporto durante le lezioni ?

Sì, sotto ogni lezione è presente una sezione dedicata per porre delle domande alle quali risponderemo il prima possibile! Sarà possibile accedere ad un canale Discord dove potrete mettervi in contatto con i Moderatori e soprattutto tra di voi per seguire i corsi ed i progetti insieme, sia per iscritto ma anche utilizzando canali chat audio e video

Qualità video

Tutti i video sono stati registrati a 60fps, ed è possibile vederli in 1080p.
Anche l'audio è stato registrato con un microfono a pulce professionale.

Who this course is for:

Studenti intenzionati a diventare Frontend Developer
Chi cerca un corso completo per passare a studiare Framework come React, Angular o Vue
Chiunque desideri imparare Javascript: E' un ottimo primo linguaggio di programmazione da imparare

Corso Javascript con Progetti pratici & Typescript

What you'll learn

Explore related topics

Coding Exercises

Course content

Introduzione7 lectures • 10min

Capitolo 1 - Le Basi32 lectures • 3hr 37min

Concetti Avanzati21 lectures • 2hr 26min

Il DOM39 lectures • 3hr 1min

Module6 lectures • 28min

Progetti DOM34 lectures • 2hr 51min

Javascript Asyncrono8 lectures • 1hr 9min

This e Costruttori15 lectures • 1hr 21min

Progetti Javascript Asincrono - AJAX20 lectures • 2hr 28min

Progetto riassuntivo: Petru Store27 lectures • 3hr 20min

Requirements

Description

Who this course is for: