Flexbox (flexible box) facilite la conception et la création de structures de sites web sensibles sans utilisation de flotteurs ou de positionnement. Ce cours vous enseignera l'ensemble de Flexbox, ses propriétés et ses applications dans la création de sites web réactifs. Vous allez l'apprendre pratiquement en créant une page Web interactive-suivez simplement les étapes présentées dans le cours pour répliquer la page sur votre ordinateur. Le code de démarrage et les autres documents dont vous aurez besoin au cours du processus seront fournis.
Pour commencer, vous apprendrez à définir un conteneur flexible, puis à maîtriser les propriétés flexibles telles que la direction flexible, le contenu de justification, les éléments d'alignement et la boucle flexible. Des exemples simples vous aideront à y parvenir rapidement. Vous serez alors prêt à commencer à travailler sur "Project Whizzbizz", qui implique la création d'une page web interactive et réceptive. Tout d'abord, vous en faites la section d'en-tête. Ensuite, vous concevrez le corps principal comprenant des parties telles que "Nos services", "Rencontrez notre équipe", "Témoignages", "Nous contacter", et la section de bas de page. Vous utiliserez plusieurs propriétés Flexbox et vous comprendrez leurs applications correctes d'ici la fin de cette section. En prime, vous apprendrez à créer des boutons animés avec un effet stationnaire, une galerie d'images avec un agencement de maçonnerie, un carrousel d'image interactif avec des boutons radio, et des flèches de carrousel interactives à l'aide de JavaScript. Vous obtiendrez également des conseils précieux sur le téléchargement et l'utilisation des icônes et des vagues SVG, ainsi que sur l'utilisation des navigateurs corrects et des préfixes Flexbox requis pour vos projets. Enfin, vous allez apprendre à rechercher des problèmes dans la mise en page de votre page sur différents périphériques et à les rendre bien sur tous.
Les pages non réactives deviennent rapidement une chose du passé. Avec l'utilisation accrue des smartphones, des tablettes et d'autres appareils, il est impératif que vous faites de tous vos designs une apparence bonne et interactive sur des écrans de toute taille ou dimension. Si vous êtes un concepteur UX/UI travaillant en HTML, CSS, JavaScript etc, vous trouverez ce cours inestimable. Vous pouvez construire vos pages Web et vos applications beaucoup plus rapidement et les rendre plus réceptives. La possibilité de créer une page web à partir de zéro, avec des éléments interactifs multiples et variés, rend ce cours unique et facile à comprendre. Pourquoi attendre plus longtemps? Commencez dès maintenant à apprendre et à maîtriser Flexbox en quelques heures ! Et n'oubliez pas de télécharger la trousse de démarrage et d'autres ressources de la section "Ressources" de ce cours. Bonne chance !
In This Free Course, You Will Learn How To
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
- Framed : a physical version of your officially branded and security marked in a stylish frame.
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. For more details on our pricing, please visit our Pricing Page