Layout web con CSS Grid, Flexbox e altre tecniche moderne
Un corso di Javier Usobiaga Ferrer , web designer
Scopri le nuove griglie e altri modi di disegnare un sito internet con CSS Shapes, variabili ed effetti parallax
Il web vive in continuo cambiamento e con l'arrivo di CSS Grid e Flexbox, le regole del gioco sono cambiate di nuovo. Javier Usobiaga - web designer, sviluppatore FrontEnd e co-fondatore dello studio Swwweet - ha 13 anni di esperienza nella creazione di vari progetti per clienti come il Comune di Barcellona e, con la sua vasta esperienza, ti invita a scoprire le tecniche e gli strumenti più moderni che stanno rivoluzionando il settore.
Se nel corso di 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 , hai già iniziato nel mondo del responsive web, in questo imparerai varie tecniche avanzate con strumenti come CSS Grid, Flexbox, CSS Shapes, unità di visualizzazione, variabili CSS, trasformazioni 3D o parallasse effetti.
Cosa imparerai in questo corso online?
25 lezioni & 16 download
- 99% valutazioni positive (293)
- 8.918 allievi
- 25 lezioni (2h 16m)
- 16 risorse aggiuntive (14 file)
- Online al tuo ritmo
- Disponibile sull'app
- Audio: Spagnolo
- Spagnolo · Inglese · Portoghese · Tedesco · Francese · Italiano · Polacco · Olandese
- Livello: Avanzato
- Acceso illimitato per sempre
Qual è il progetto del corso?
Farai un esercizio libero con una o più delle tecniche apprese. Javier realizzerà una pagina informativa sulla conquista del Polo Sud, potrai scegliere il tema e il progetto che desideri.
Progetti di allievi del corso
A chi è rivolto questo corso online?
Chiunque abbia un interesse per il design moderno e le tecniche di layout con CSS Grid, Flexbox e altre tecniche moderne.
Requisiti e materiale
Per seguire questo corso è necessaria una solida conoscenza di HTML e CSS, 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
Modellare il layout
-
Le unità di visualizzazione
-
Immagini con adattamento agli oggetti
-
Colonne CSS
-
Forme CSS
-
Variabili in CSS
-
-
U3
Layout in una dimensione con flexbox
-
Introduzione a flexbox
-
Proprietà contenitore
-
Proprietà del contenuto
-
Allineamenti sull'asse principale e sull'asse trasversale
-
Formazioni avanzate
-
Layout avanzati con flexbox
-
-
U4
Layout in due dimensioni con griglia CSS
-
Introduzione alla griglia CSS
-
Funzioni di griglia
-
Distribuzione e dimensioni
-
Griglia reattiva automatica
-
-
U5
Griglia CSS avanzata
-
Aree sulla griglia
-
Allineamento e ordine
-
Nidificazione
-
Grid (e flexbox) in pratica
-
-
U6
La terza dimensione: profondità ed effetti di scorrimento
-
Introduzione alle trasformazioni 3D
-
Intestazioni fisse
-
Scorri le animazioni sincronizzate
-
Ispirazione e risorse
-
-
PF
Progetto finale
-
Tecniche di layout 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.
pigimon324
Es un curso muy ameno y aprendes poco a poco, lo recomiendo
Vedi traduzione
Nascondi traduzione
marinaobradosan
Plusme parece muy buen curso!
Vedi traduzione
Nascondi traduzione
castelldraco
Great course! Actually, all of Javier Usobiaga's courses are good.
Vedi traduzione
Nascondi traduzione
luiselc16
Le hizo falta especificar muchas cosas como el tamaño de las imágenes. Debe vocalizar mejor porque muchas palabras nk se entienden, y "etc" nunca lo deberia decir un profesor porque denota pereza y menos a alumnos que no saben a que se refieren con eso. Y mejorar la explicación de su código porque al tener muchas clases se hace engorroso porque cada desarrollador lo hace diferente. De resto muy bien
Vedi traduzione
Nascondi traduzione
lucerodav
Interesante curso me ayudó para mi curso de programación,
Vedi traduzione
Nascondi traduzione