Design, sviluppo e pubblicazione di un sito web
Un corso di Javier Usobiaga Ferrer
, web designer
Dai uno sguardo completo al processo di creazione e pubblicazione di un sito web usando HTML, CSS e JavaScript
- Top vendite Español con sottotitoli in italiano
- 97% valutazioni positive (430)
- 18314 allievi

Dai uno sguardo completo al processo di creazione e pubblicazione di un sito web usando HTML, CSS e JavaScript
- 97% valutazioni positive (430)
- 18314 allievi
- 27 lezioni (2h 58m)
- 33 risorse aggiuntive (6 file)
- Online al tuo ritmo
- Disponibile sull'app
- Audio: Español
- Español, English, Português, Deutsch, Français, Italiano, Polski, Nederlands
- Livello: Principiante
- Acceso illimitato per sempre
Nel web design, una buona interfaccia cerca di soddisfare e rispondere a come agisce il cervello umano. Ciò significa che abbiamo in tutti noi un designer, a volte incosciente o addormentato, capace di vedere qualcosa che funziona, che è armonioso, anche se non ne capisce il motivo. Se vuoi imparare i principi del web design e risvegliare quel designer in te, sei nel posto giusto.
In questo corso vedrai i due lati della creazione di un sito web: da un lato, vedrai le tecniche di base per pianificare un sito web, organizzare le informazioni in wireframe e creare una grammatica visiva con tipografia, tavolozze di colori, spaziatura, composizione, illustrazione. Quindi entrerai nella costruzione di quella pagina utilizzando HTML, CSS e JavaScript, fino al momento della pubblicazione della pagina su Internet.
La tua guida durante questo processo sarà Javier Usobiaga, web designer, fondatore dello studio Swwweet e professore di altri corsi presso Domestika come
Grafica vettoriale SVG: illustra e anima con codice , Layout web con CSS Grid, Flexbox e altre tecniche moderne , Introduzione alla programmazione in JavaScript e
Introduzione allo sviluppo Web reattivo con HTML e CSS , che può fungere da complemento a quanto esposto in questo corso.

Cosa imparerai in questo corso online?
Tabella dei contenuti del corso
-
U1U1. introduzione
-
U2U2. Ideazione di un web
-
U3U3. Progettazione visiva
-
U4U4. Sistema di modelli
-
U5U5. Sviluppo frontend
-
U6U6. Interazione web
-
U7U7. Pubblicazione di un sito Web
-
PFPF Progetto finale
Inizierai il corso incontrando Javier e alcuni designer e sviluppatori che scrivono articoli e fanno vari esperimenti sulle tecnologie web di cui vale la pena tenere traccia. Scoprirai anche i contenuti del corso.
Imparerai i principi del visual design e gli elementi che lo compongono, e lavorerai principalmente su quelli più fondamentali, come tipografia, colore, griglia e illustrazione.
Avrai la tua prima occhiata a un generatore di HTML statico e al suo sistema di modelli, nonché all'organizzazione dei file e alla creazione di pagine master.
Nella prossima unità, inizierai a passare il sistema di progettazione proposto al codice front-end : il carattere, il colore, la griglia e altri componenti.
Aggiungerai più elementi di interazione al progetto attraverso diverse librerie e funzioni JavaScript.
Vedrai come funzionano i gestori delle versioni del codice e, infine, utilizzerai un servizio di pubblicazione per far conoscere al mondo il tuo sito web.
Qual è il progetto del corso?
Creerai, svilupperai e pubblicherai una pagina web con il tuo portfolio di lavoro.

Progetti di allievi del corso
A chi è rivolto questo corso online?
A tutte le persone che sono interessate ad apprendere i principi del web design e che vogliono pubblicare la propria pagina web.
Requisiti e materiale
Sarebbe consigliabile avere una conoscenza di base di HTML e CSS. Se non li hai, si consiglia di completare il primo corso di Javier a Domestika: Introduzione allo sviluppo web reattivo con HTML e CSS.
Avrai bisogno di un computer e di un editor di codice (Javier ne proporrà alcuni gratuiti). Può anche essere interessante avere un programma di visual design come Sketch, Figma o Adobe XD, sebbene non siano essenziali.

Recensioni

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
-
Cosa faremo nel corso?
-
-
U2
Ideazione di un web
-
Obiettivi di progettazione, struttura e riferimenti
-
Inventario dei contenuti
-
Informazione architettura
-
-
U3
Progettazione visiva
-
Principi e strumenti
-
Indagine visiva
-
Composizione tipografica
-
Tavolozza dei colori in un'interfaccia
-
Reticolo e ritmo verticale
-
Illustrazione e iconografia
-
-
U4
Sistema di modelli
-
Preparazione dell'ambiente e degli editor di codice
-
Struttura e funzionamento dei file
-
Pagine master e creazione di nuove pagine
-
Condizionale e parziale
-
-
U5
Sviluppo frontend
-
Organizzazione del codice
-
Composizione e colore
-
Sistema a griglia
-
Componenti dell'interfaccia
-
Completamento dell'interfaccia
-
-
U6
Interazione web
-
Menu interattivi ea discesa
-
Implementazione di una galleria
-
Completando l'interazione
-
-
U7
Pubblicazione di un sito Web
-
Gestione delle versioni del codice
-
Servizi editoriali
-
Risorse addizionali
-
-
PF
Progetto finale
-
Progettazione, sviluppo e pubblicazione di una pagina web
-
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
I corsi di Domestika sono lezioni online che consentono di imparare una serie di strumenti e abilità per realizzare un progetto concreto. Ogni fase del progetto prevede l'uso di video, testi e materiali didattici complementari. I corsi offrono inoltre l'opportunità di condividere i propri progetti con altri utenti e con l'insegnante, generando così una community intorno al corso.
I corsi sono completamente online: una volta pubblicati potrai iniziarli e portarli a termine quando preferisci. Decidi tu a quale ritmo seguire le lezioni. Potrai rivedere ciò che ti interessa, saltare cose che già conosci, fare domande, risolvere dubbi, condividere i tuoi progetti e molto altro.
I corsi si suddividono in diverse unità. Ciascuna contiene lezioni, testi esplicativi, compiti e prove pratiche per portare a termine il tuo progetto passo dopo passo, oltre a risorse e documenti aggiuntivi. Avrai inoltre accesso a un forum esclusivo dove interagire con tutti gli allievi del corso e con l'insegnante. Qui potrai anche condividere i tuoi lavori e il progetto finale, contribuendo a creare una community incentrata sul corso.
Puoi ottenere l'accesso al corso che ti hanno regalato visitando la pagina di riscatto della gift card, dove potrai inserire il codice che ti hanno inviato.
joluismartinezca
Muy bueno
Vedi traduzione
Nascondi traduzione
llampaunc
te muestra cómo desarrollar solo un tipo de página web, da algunos tips para buscar más plantillas pero me hubiera gustado que las explicara y mostrara cómo trabajarlas
Vedi traduzione
Nascondi traduzione
djnicomartinez1
Muy bueno
Vedi traduzione
Nascondi traduzione
isabelmgmg
Muy completo pero para mi nivel tal vez demasiado.
Vedi traduzione
Nascondi traduzione
susana_sp
Es muy general, te muestra cómo desarrollar solo un tipo de página web, da algunos tips para buscar más plantillas pero me hubiera gustado que las explicara y mostrara cómo trabajarlas porque al final la plantilla que él ocupó no se adaptará a todas las necesidades de distintos proyectos.
Vedi traduzione
Nascondi traduzione