About: The goal of this course is to take you step by step from a complete beginner, all the way to building real world websites, while using tools and technologies that professional developers use every single day. To build real-world websites, you will learn real-world skills. Starting with the basics of sematic HTML, modern CSS, and building layouts using tools like Flexbox and even CSS Grid. You will then learn easy to use guidelines, so that you become one of the few developers who can also design; and with these skills mastered, we move to the Omnifood project, where you learn how to plan websites, how to use common design components and layout patterns, and how to find and use free design assets. You will also learn how make websites work on mobile devices, optimize it for top performance, and even launch it to the internet; and to make sure that you become a confident and independent developer, you will follow industries' best practices, write clean and organized code, and learn how to fix coding mistakes throughout the entire course.
- Semantic HTML
- Modern CSS
- Building Layouts
- Flexbox
- CSS Grid
- Design Rules and Guidelines
- Website Planning
- Common Components
- Layout Patterns
- Free Design Assets
- Responsive Design
- Performance Optimization
- Deployment
- Industry Best Practices
- Writing Clean and Organized Codes
- Debugging
- Section 01: Introduction
- Section 02: HTML Fundamentals
- Section 03: CSS Fundamentals
- Section 04: Layouts: Floats, Flexbox, and CSS Grid Fundamentals
- Section 05: Web Design Rules and Framework
- Section 06: Components and Layout Patterns
- Section 07: Omnifood Project (Setup and Desktop Version)
- Section 08: Omnifood Project (Responsive Web Design)
- Section 09: Omnifood Project (Effects, Optimizations, and Deployments)
- Section 01
- Section 02
- Section 03
- Section 04
- Section 05
- Section 06
- Section 07
- Section 08
- Section 09
- Omnifood with Finishing Touches
- Omnifood Deployed on Netlify with Working CTA Form