Flexbox (flexible box) semplifica la progettazione e la creazione di strutture di siti Web reattive senza utilizzare float o posizionamento. Questo corso ti insegnerà tutto su Flexbox, le sue proprietà e le applicazioni nella creazione di siti web reattivi. Lo imparerai praticamente creando una pagina web interattiva: segui semplicemente i passaggi illustrati nel corso per replicare la pagina sul tuo computer. Ti verranno forniti il codice iniziale e altri materiali di cui potresti aver bisogno durante il processo
.
Per iniziare, imparerai come definire un contenitore flessibile e quindi padroneggiare le proprietà flessibili come flex-direction, justify-content, align-items e flex-wrap. Semplici esempi ti aiuteranno a raggiungere questo obiettivo rapidamente. Sarai quindi pronto per iniziare a lavorare su «Project Whizzbizz», che prevede la creazione di una pagina web interattiva e reattiva. Innanzitutto, creerai la sezione dell'intestazione. Quindi, progetterai il corpo principale, includendo parti come «I nostri servizi», «Incontra il nostro team», «Testimonianze», «Contattaci» e la sezione a piè di pagina. Alla fine di questa sezione utilizzerai più proprietà Flexbox e ne comprenderai le applicazioni corrette. Come bonus, imparerai a creare pulsanti animati con un effetto al passaggio del mouse, una galleria di immagini con un layout in muratura, un carosello di immagini interattivo con pulsanti di opzione e frecce a carosello interattivo usando JavaScript. Riceverai anche preziosi consigli su come scaricare e utilizzare le icone e le onde SVG e utilizzare i browser corretti e i prefissi Flexbox richiesti per i tuoi progetti. Infine, imparerete a cercare problemi nel layout della pagina su diversi dispositivi e a farli apparire bene su
tutti.
Le pagine che non rispondono stanno rapidamente diventando un ricordo del passato. Con l'aumento dell'uso di smartphone, tablet e altri dispositivi, è fondamentale rendere tutti i tuoi design belli e interattivi su schermi di qualsiasi dimensione o dimensione. Se sei un designer UX/UI che lavora in HTML, CSS, JavaScript ecc., troverai questo corso inestimabile. Puoi creare le tue pagine web e le tue applicazioni molto più velocemente e renderle anche reattive. L'opportunità di creare una pagina web da zero, con molteplici e vari elementi interattivi, rende questo corso unico e facile da capire. Perché aspettare ancora? Inizia subito a imparare e padroneggia Flexbox entro poche ore! E non dimenticare di scaricare lo starter kit e altre risorse dalla sezione «Risorse» di questo corso. Buona fortuna!
What You Will Learn In This Free Course
View All Learning Outcomes View Less All Alison courses are free to enrol study and complete. To successfully complete this course and become an Alison Graduate, you need to achieve 80% or higher in each course assessment. Once you have completed this course, you have the option to acquire an official , which is a great way to share your achievement with the world.
Your Alison is:
- Ideal for sharing with potential employers
- Great for your CV, professional social media profiles and job applications.
- An indication of your commitment to continuously learn, upskill & achieve high results.
- An incentive for you to continue empowering yourself through lifelong learning.
Alison offers 3 types of s for completed courses:
- Digital : a downloadable in PDF format immediately available to you when you complete your purchase.
- : a physical version of your officially branded and security-marked
All s are available to purchase through the Alison Shop. For more information on purchasing Alison , please visit our FAQs. If you decide not to purchase your Alison , you can still demonstrate your achievement by sharing your Learner Record or Learner Achievement Verification, both of which are accessible from your Account Settings.
Avg Hours
CPD Accredited
Total XP: 
Knowledge & Skills You Will Learn
