O
Flexbox (caixa flexível) facilita o design e a criação de estruturas de sites responsivas sem usar flutuadores ou posicionamento. Este curso ensinará tudo sobre o Flexbox, suas propriedades e aplicações na criação de sites responsivos. Você aprenderá isso praticamente criando uma página da web interativa - basta seguir as etapas demonstradas no curso para replicar a página em seu computador. O código inicial e outros materiais que você possa precisar durante o processo serão fornecidos..
Para começar, você aprenderá como definir um contêiner flexível e, em seguida, dominar as propriedades flexíveis, como flex-direction, justify-content, align-items e flex-wrap. Exemplos simples ajudarão você a conseguir isso rapidamente. Em seguida, você estará pronto para começar a trabalhar no 'Projeto Whizzbizz', que envolve a criação de uma página web interativa e responsiva. Primeiro, você criará a seção do cabeçalho. Em seguida, você projetará o corpo principal, incluindo partes como “Nossos serviços”, “Conheça nossa equipe”, “Depoimentos”, “Entre em contato conosco” e a seção de rodapé. Você usará várias propriedades do Flexbox e entenderá suas aplicações corretas até o final desta seção. Como bônus, você aprenderá a criar botões animados com efeito de foco, uma galeria de imagens com layout de alvenaria, um carrossel de imagens interativo com botões de rádio e setas de carrossel interativas usando JavaScript. Você também receberá dicas valiosas sobre como baixar e usar ícones e ondas SVG e usar os navegadores corretos e os prefixos Flexbox necessários para seus projetos. Por fim, você aprenderá como procurar problemas no layout da sua página em diferentes dispositivos e fazer com que ela tenha uma boa aparência em todos eles.
As
páginas não responsivas estão rapidamente se tornando uma coisa do passado. Com o aumento do uso de smartphones, tablets e outros dispositivos, é fundamental que você faça com que todos os seus designs pareçam bonitos e interativos em telas de qualquer tamanho ou dimensão. Se você é um designer de UX/UI trabalhando em HTML, CSS, JavaScript, etc., você achará este curso inestimável. Você pode criar suas páginas da Web e aplicativos com muito mais rapidez e também torná-los responsivos. A oportunidade de criar uma página da web do zero, com vários e variados elementos interativos, torna este curso único e fácil de entender. Por que esperar mais? Comece a aprender agora e domine o Flexbox em algumas horas! E não se esqueça de baixar o kit inicial e outros recursos da seção “Recursos” deste curso. Boa sorte!
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
Knowledge & Skills You Will Learn
