Introduzione alla programmazione con JavaScript
Un corso di Javier Usobiaga Ferrer, web designer
Addentrati nel linguaggio di programmazione essenziale per la creazione di siti web interattivi
JavaScript è considerato la "terza parte del web" e il linguaggio di programmazione progettato per aggiungere uno strato di interattività a qualsiasi pagina web. Insieme a HTML e CSS formano i tre linguaggi di programmazione più importanti.
Questo corso è un'introduzione a JavaScript, partendo dalle basi —sintassi e variabili— e amplierai progressivamente le tue conoscenze —condizionate, array, loop, eventi - usando un gioco di memoria che migliorerai poco poco dalla mano di Javier Usobiaga, web designer e fondatore dello studio Swwweet con più di 10 anni di esperienza.
Se questo è il tuo primo approccio al web design, ti consigliamo di fare il corso prima, anche di Javier Usobiaga, da Introduzione allo sviluppo Web [url=https://www.domestika.org/es/courses/74-introduccion-al-desarrollo-web-responsive-con-html-y-css]con HTML e CSS .
Cosa imparerai in questo corso online?
25 lezioni & 14 download
Cosa include questo corso?
Inizierai conoscendo Javier, il suo lavoro e le sue influenze nel mondo del web design e dello sviluppo.
Capirai cos'è JavaScript, per cosa funziona e perché è uno dei linguaggi di programmazione di base del web, insieme a HTML e CSS. Imparerai a configurare il tuo editor di codice in modo che funzioni più comodamente e poi vedrai come incorporare JavaScript in un sito web.
Le tue prime interazioni con JavaScript coinvolgeranno variabili, funzioni, eventi e cicli , che imparerai a scrivere insieme ad altre funzioni complementari JavaScript di base.
Da qui, inizierai a progettare il tuo gioco di memoria, iniziando con array , o elenco di valori, che rappresenta il mazzo di carte che compone il gioco.
Aggiungerai eventi e possibilità alla distribuzione delle carte per introdurre gradualmente difficoltà nel gioco.
La prossima cosa sarà aggiungere il primo elemento di interattività al tuo gioco Memory: contrassegna la coppia di carte selezionata come sbagliata o corretta. A poco a poco creerai funzioni che risolvono una parte specifica dello script, come il successo, l'errore, tra gli altri, e anche la gestione del feedback su tali successi ed errori.
A seguito dell'aumento della difficoltà, aggiungerai un timer, livelli di gioco, effetti sonori e nuovi dettagli all'interfaccia di gioco.
Infine, farai una revisione delle diverse librerie e risorse che completano JavaScript, come jQuery, React e Vue.
- 98% valutazioni positive (589)
- 25.784 allievi
- 25 lezioni (3h 2m)
- 14 risorse aggiuntive (11 file)
- Online al tuo ritmo
- Disponibile sull'app
- Audio: Spagnolo, Inglese, Francese, Italiano, Portoghese, Türkçe
- Spagnolo · Inglese · Portoghese · Tedesco · Francese · Italiano · Polacco · Olandese · Türkçe
- Livello: Intermedio
- Acceso illimitato per sempre
Qual è il progetto del corso?
Apporterai un miglioramento - nuove regole, correzioni, effetti - al gioco della memoria che creerai durante il corso.
Progetti di allievi del corso
A chi è rivolto questo corso online?
A chiunque sia interessato al web design e abbia una conoscenza di base di HTML e CSS.
Requisiti e materiale
Avrai bisogno di una conoscenza di base di HTML e CSS, oltre a un computer e un editor di codice.
Recensioni
Javier Usobiaga Ferrer
Un corso di Javier Usobiaga Ferrer
Javier Usobiaga è un web designer e sviluppatore FrontEnd, da più di 10 anni e co-fondatore insieme a Marta Armada dello studio Swwweet, specializzato nella progettazione di siti web responsive dall'ideazione iniziale allo sviluppo front-end.
Gode anche del suo ruolo di insegnante di Web Design in rinomati laboratori e scuole come Elisava, IDEP.
Usobiaga comprende il web nella sua interezza, non solo quanto può essere bello sullo schermo del computer, ma anche la sua usabilità in diversi dispositivi e circostanze.
Nelle sue parole "Penso che sia importante quanto l'estetica sia quanto velocemente si carica o quanto bene risponde, e mi sembra che nel nostro settore spesso ce lo dimentichiamo".
Contenuti
-
U1
introduzione
-
Presentazione
-
Influssi
-
-
U2
Iniziare con JavaScript
-
A cosa serve JavaScript?
-
Impostazioni dell'editor
-
Incorporando JS al nostro sito web
-
Elementi e sintassi
-
-
U3
Prime interazioni
-
Variabili, numeri, letterali
-
Operatori, funzioni
-
Listener di eventi
-
Modifica il contenuto del DOM
-
Condizionali e booleani
-
-
U4
Un mazzo di carte
-
Operazioni sugli array
-
Loop
-
Eventi in loop
-
Oggetti in JavaScript. Random o Math.random ()
-
-
U5
Un gioco di memoria
-
Interazione di base
-
Comunicazione tra le funzioni
-
Organizzazione dei file
-
Gestione del feedback
-
-
U6
Sali di livello
-
Cronometro e contatore
-
Livelli di gioco
-
Effetti sonori
-
Completamento dell'interfaccia
-
-
U7
Biblioteche e risorse
-
Librerie JavaScript
-
Risorse
-
-
PF
Progetto finale
-
Introduzione a JavaScript
-
Cosa aspettarsi da un corso Domestika
-
Impara al tuo ritmo
Divertiti imparando comodamente da casa e senza orari. Sei tu a decidere quando seguire le lezioni.
-
Impara dai migliori professionisti
Impara i metodi e le tecniche più utili insieme ai migliori professionisti del settore creativo.
-
Conosci insegnanti di grande esperienza
Ogni insegnante ti trasmetterà le sue conoscenze con passione e spiegazioni chiare, offrendoti una prospettiva professionale in ogni lezione.
-
Attestati
PlusSe hai un abbonamento Plus, riceverai un attestato personalizzato firmato dall'insegnante per ogni corso completato. Condividilo sul tuo portfolio, sui social network o dove desideri.
-
Siediti in prima fila
Con i nostri video di alta qualità, non ti perderai neanche un dettaglio. Grazie all'accesso illimitato, puoi vedere ogni lezione tutte le volte che vuoi e perfezionare le tue abilità.
-
Condividi conoscenze e idee
Fai domande, chiedi pareri e offri soluzioni. Condividi la tua esperienza di apprendimento con gli altri allievi della community appassionati di creatività.
-
Interagisci con una community creativa globale
La community di Domestika è composta da milioni di utenti di tutto il mondo: persone curiose, piene di voglia di esplorare ed esprimere la propria creatività.
-
Segui corsi prodotti da veri professionisti
Domestika seleziona gli insegnanti con cura e produce ogni corso internamente, per garantirti un'esperienza di apprendimento online di eccellente qualità.
Domande frequenti
Il corso è pensato per chi ha conoscenze base di programmazione e HTML/CSS, ma non serve essere esperti. È perfetto se hai già una base e vuoi approfondire interattività e logica in JavaScript.
Ti serve solo un computer con internet e un editor di codice gratuito come VSCode, Brackets o Atom. Consigliati anche nozioni base di HTML e CSS per sfruttare al meglio i contenuti.
Imparerai a manipolare il DOM, gestire eventi, usare variabili, funzioni, condizionali, array e oggetti, oltre a creare un gioco di memoria completo con livelli, cronometro, animazioni ed effetti visivi in JavaScript.
Il corso si concentra sullo sviluppo di applicazioni web interattive con JavaScript, focalizzandosi sulla creazione pratica di un gioco di memoria digitale, applicando logica, strutture dati e tecniche moderne di programmazione.
Sì, costruirai un gioco di memoria completamente funzionante, con logica di livelli, cronometro, gestione eventi, array multidimensionali, animazioni e reset della partita usando solo JavaScript.
Si consigliano editor gratuiti come VSCode, Brackets o Atom. Imparerai a installare estensioni come Prettier o Bracket Colorizer e a configurare formattazione e linting per migliorare leggibilità e qualità del codice.
Potrai realizzare giochi web interattivi, applicazioni modulari, interfacce dinamiche e sperimentare animazioni, effetti visivi e logica avanzata con JavaScript e HTML/CSS.
Es un curso muy práctico, comprensible y demasiado flexible a la hora de estudiar. Domestika hace al estudiante una experiencia única en aprender de una manera muy lúdica e intuitiva. Recomiendo este curso un 100%
muy buen curso, aun que siento que hace falta un poco mas de explicacion en varios temas
Excelente curso, muy bien explicado con ejemplos concisos de los temas que se estan desarrollando
Great course and very detailed!
Muy buen curso