Coursework of the Build Responsive Real-World Websites with HTML and CSS Course on Udemy by Jonas Schmedtmann
This repository contains the lecture code, challenges (assignments) and the final project of the Build Responsive Real-World Websites with HTML and CSS Course on Udemy. The course covers frontend scripting technologies including HTML, CSS with some focus on UI/UX web design principles.
- Omnifood
Omnifood is a technology company that focuses on consumer well-being through a healthy diet. Using an AI-centric approach, the app creates custom weekly meal plans and delivers the meals to users in selected cities.
- HTML
- CSS
- Javascript
- UI/UX Design
Check out the live demo at https://omnifood-justmyahia.netlify.app/. I included a screen captured image of the website at the end of the file in case the server is down.
- Writing Semantic HTML
- Understanding CSS Box Model, Flexbox, and CSS Grid
- Implementing many CSS Properties
- Using Chrome DevTools for debugging
- Implementing web design principles such as typography, colors, icons, and visual hierarchy
- Building components such as accordions, tables, and pagination
- Steps to building a great website, including planning and design phases.
I would like to thank Jonas Schmedtmann for delivering the information in a simple and effective way, and for focusing on creating beautiful websites while teaching to code. This course has been a great learning experience and has helped me to build a solid foundation in Front-End Development.