HTML, CSS e JavaScript per principianti
A course by Yannick GregoireCreative developer
A course by Yannick Gregoire, Creative developer
Impara i fondamenti del web design creativo e costruisci siti interattivi da zero usando HTML, CSS e JavaScript
Proprio come la pittura, l'argilla o il tessuto, i linguaggi di programmazione possono essere un mezzo per esprimere le nostre idee creative. Yannick Gregoire è uno sviluppatore che opera all'incrocio tra design, programmazione e animazione per costruire siti web funzionali ma artistici. Ha lavorato con marchi come Mitsubishi, Sony e Canon, oltre a numerose organizzazioni non profit e studi di design.
In questo corso online, apprendi i fondamenti dello sviluppo web utilizzando HTML, CSS e Javascript. Yannick ti guida attraverso il processo di creazione di siti Web dinamici dall'inizio alla fine, oltre a come utilizzare l'animazione e le proprietà interattive per dar loro vita. Esplora le possibilità creative della codifica per progettare pagine avvincenti.
Cosa imparerai in questo corso online?
22 lezioni & 26 download
Configurazione dell'ambiente di codifica
2 minuti, 7 secondi
Analisi di un documento di progettazione e pianificazione
6 minuti, 0 secondi
Struttura del documento in HTML
5 minuti, 58 secondi
Transizioni, animazioni e filtri in CSS
14 minuti, 42 secondi
Cosa include questo corso?
Incontra il tuo insegnante per il corso, Yannick Gregoire. Scopri cosa lo ha portato al web design creativo e da dove trae la sua dose quotidiana di ispirazione, dal codice alle interfacce interattive.
Successivamente, ottieni un'introduzione al mondo dello sviluppo web. Yannick ti guida attraverso i fondamenti di HTML, CSS e Javascript. Guarda come sono strutturati i siti web e gli strumenti necessari per pianificarli e svilupparli.
È ora di progettare il tuo sito. Scopri come scrivere la struttura e il contenuto di una pagina con HTML. Quindi scopri come modellare quegli elementi utilizzando il codice CSS e portarli in vita con animazioni e transizioni.
Una volta creato il framework, rendilo dinamico e interattivo con JavaScript. Approfondisci i fondamenti come variabili, funzioni, il selettore di query e i listener di eventi per ottimizzare l'esperienza dell'utente.
Infine, Yannick ti mostra come andare in diretta con il tuo sito. Condivide anche alcuni suggerimenti sulla riga di comando e sulle tecniche per migliorare la codifica per progetti futuri.
What is this course's project?
Progetta un portfolio web di una pagina combinando HTML, CSS e JavaScript.
Progetti di allievi del corso
Who is this online course for?
Chiunque sia interessato a imparare lo sviluppo web creativo.
Requirements and materials
Tutto ciò di cui hai bisogno per questo corso è un browser moderno e un editor di testo a tua scelta.
Recensioni
- 14 giorni fa
me gusta mucho el curso
- 2 mesi fa
Me encanta porque he conseguido entender lo básico. Falta que el doblaje lo mejoren. Gracias.
- 2 mesi fa
esnuy bueno productivo a nivel de crecicimiento profesional
- micheal001PLUS2 mesi fa
i am really enjoying your videos but some are in different languages other than english just the subtitles are in english i wish all videos had english
- 3 mesi fa
Excelente para principiantes
Dall'inizio della sua carriera, Yannick ha collaborato con marchi come Mitsubishi, Canon e Sony. Ha una passione particolare per l'abbinamento con individui e organizzazioni che hanno un impatto sociale positivo, che lo ha portato a costruire piattaforme per la Croce Rossa olandese e N-Ost: Climate in Central Asia.
Contenuti
- U1
Introduzione
- Presentazione
- Fonti di ispirazione
- U2
Breve introduzione allo sviluppo web
- Perché creare siti Web con HTML, CSS e Javascript?
- Browser e strumenti per sviluppatori
- Configurazione dell'ambiente di codifica
- Analisi di un documento di progettazione e pianificazione
- U3
Lavorare in HTML e CSS
- Struttura del documento in HTML
- Tag e attributi di base in HTML 1
- Tag e attributi di base in HTML 2
- Iniziare a lavorare in CSS
- Proprietà dei CSS 1
- Proprietà dei CSS 2
- Media queries e web fonts in CSS
- Transizioni, animazioni e filtri in CSS
- U4
Lavorare in Javascript e pubblicare
- A partire da Javascript
- Variabili e funzioni
- La funzione querySelector
- Eventi
- Pubblicazione del sito web
- U5
Costruisci strumenti
- Terminale
- Node.js
- CSS finale
- PF
Progetto finale
- HTML, CSS e JavaScript per principianti
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
Sì, questo corso è pensato per principianti e copre i concetti base dello sviluppo web usando HTML, CSS e JavaScript. Non serve esperienza di programmazione.
Ti serve solo un computer con connessione a internet e un browser moderno. Si consigliano strumenti gratuiti come un editor di testo (es. VS Code) e Figma per l’analisi del design.
Imparerai a costruire siti web fatti a mano con HTML, CSS e JavaScript, creare animazioni web, usare gli strumenti per sviluppatori del browser e progettare pagine interattive e visivamente coinvolgenti.
Sì, il corso insegna come integrare HTML, CSS e JavaScript per strutturare, stilizzare e aggiungere interattività ai tuoi progetti web.
Sì, esplorerai tecniche di animazione web con CSS e JavaScript, inclusi keyframe, transizioni ed effetti di movimento interattivi.
Assolutamente. Il corso ti guida nell’applicare HTML, CSS e JavaScript per creare e pubblicare il tuo sito portfolio personale.
Sì, imparerai a ispezionare, modificare e fare il debug di elementi e stili di un sito in tempo reale usando gli strumenti per sviluppatori come Chrome DevTools.