Flexbox (caja flexible) facilita el diseño y la creación de estructuras de sitio web con capacidad de respuesta sin utilizar flotadores ni posicionamiento. Este curso le enseñará todo acerca de Flexbox, sus propiedades y aplicaciones en la creación de sitios web en respuesta. Usted aprenderá prácticamente construyendo una página web interactiva-simplemente siga los pasos que se han demostrado en el curso para replicar la página en su computadora. Se proporcionará el código de inicio y otros materiales que pueda necesitar durante el proceso.
Para empezar, aprenderá a definir un contenedor flexible y, a continuación, a dominar las propiedades flex como, por ejemplo, flex-direction, justificable-content, align-items y flex-wrap. Ejemplos sencillos le ayudarán a lograr esto rápidamente. Entonces estará listo para empezar a trabajar en 'Project Whizzbizz', lo que implica la creación de una página web interactiva y receptiva. En primer lugar, usted hará la sección de encabezado. Luego, diseñará el cuerpo principal incluyendo partes como 'Nuestros Servicios', 'Conoce a nuestro equipo', 'Testimonios', 'Contáctenos' y la sección de pie de página. Utilizará varias propiedades de Flexbox y entenderá sus aplicaciones correctas al final de esta sección. Como un bono, usted aprenderá a crear botones animados con un efecto de ayuda flotante, una galería de imágenes con un diseño de mampostería, un carrusel interactivo de imágenes con botones de radio, y flechas de carrusel interactivo usando JavaScript. También obtendrá valiosos consejos sobre la descarga y el uso de iconos y ondas SVG, y el uso de los navegadores correctos y los prefijos de Flexbox necesarios para sus proyectos. Por último, aprenderá a buscar problemas en el diseño de su página en diferentes dispositivos y a que se vea bien en todos ellos.
Las páginas no sensibles se están convirtiendo rápidamente en una cosa del pasado. Con el aumento del uso de teléfonos inteligentes, tabletas y otros dispositivos, es imprescindible que todos sus diseños se vean bien e interactivos en pantallas de cualquier tamaño o dimensión. Si usted es un diseñador de UX/UI que trabaja en HTML, CSS, JavaScript, etc usted encontrará este curso invaluable. Puede crear sus páginas web y aplicaciones mucho más rápido y hacer que respondan también. La oportunidad de crear una página web desde cero, con múltiples y variados elementos interactivos, hace que este curso sea único y fácil de entender. ¿Por qué esperar más? Empiece a aprender ahora y a dominar Flexbox dentro de unas horas! Y no olvides descargar el kit de inicio y otros recursos de la sección 'Recursos' de este curso. ¡Buena suerte!
Start Course Now 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 Diploma, which is a great way to share your achievement with the world.
Your Alison is:
- Ideal for sharing with potential employers
- Include it in 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 Diplomas for completed Diploma 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 , posted to you with FREE shipping.
- Framed : a physical version of your officially branded and security marked in a stylish frame, posted to you with FREE shipping.
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