Introduzione alla programmazione con JavaScript
A course by Javier Usobiaga Ferrerweb designer
A course by 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
A cosa serve JavaScript?
3 minuti, 16 secondi
Impostazioni dell'editor
4 minuti, 22 secondi
Incorporando JS al nostro sito web
6 minuti, 42 secondi
Elementi e sintassi
10 minuti, 36 secondi
Variabili, numeri, letterali
7 minuti, 27 secondi
Operatori, funzioni
10 minuti, 19 secondi
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.
What is this course's project?
Apporterai un miglioramento - nuove regole, correzioni, effetti - al gioco della memoria che creerai durante il corso.
Progetti di allievi del corso
Who is this online course for?
A chiunque sia interessato al web design e abbia una conoscenza di base di HTML e CSS.
Requirements and materials
Avrai bisogno di una conoscenza di base di HTML e CSS, oltre a un computer e un editor di codice.
Recensioni
- 11 giorni fa
Hola es un optimo Curso per aprender JS e lo recomiendo a todas las personas que quieran aprender a programar sea per front-end que al Back-end. javier sei Grande!
- j3_87PLUSun mese fa
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%
- 4 mesi fa
muy buen curso, aun que siento que hace falta un poco mas de explicacion en varios temas
- 6 mesi fa
Excelente curso, muy bien explicado con ejemplos concisos de los temas que se estan desarrollando
- 6 mesi fa
Great course and very detailed!
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.
Certificates
PLUSIf you're a Plus member, get a attestato personalizzato signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Soyez aux premières loges
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.