Discover an interactive learning experience that combines study sections and interesting real-life projects with this course. With this learning guide, you’ll no longer need to rely on frameworks such as Bootstrap for your user interface and instead be able to create your own layouts and utility classes to build custom responsive websites and app UIs.
This course is for beginners as well as experienced developers who want to learn how to build responsive websites and user interfaces with modern HTML5 and CSS3+ technologies such as Flexbox and CSS Grid, as well as the Sass pre-compiler.The first few sections in particular are tailored for beginners. So even if you haven’t built anything before, this course covers the basics to help you develop a strong foundation. However, if you already have experience with basic HTML and CSS, you can simply move on to section 3 or 4. Get started on this course and develop the skills you need to build your own web Sass solutions.
The course covers the following topics:
• How websites work
• Visual Studio code setup, shortcuts, live server and Emmet
• HTML5 semantic layout
• CSS fundamentals
• Responsive design with media queries
• CSS units - rem, em, vh, vw, etc.
• Flexbox
• CSS Grid
• Animation with keyframes and transitions
• CSS variables
• Sass pre-compiler with portfolio project
• Full projects and mini projects
• Website deployment to shared hosting and Netlify with Git
All code files are placed at https://github.com/PacktPublishing/Modern-HTML-and-CSS-from-the-Beginni…
Work through Flexbox and CSS Grid projects
Explore CSS variables, transitions, dropdowns, overlays, and more
Get up to speed with website hosting and deployment with FTP and Git