YoVDO

Build Real-World Websites Using HTML5, CSS3, Sass and more

Offered By: Packt via Coursera

Tags

HTML Courses Computer Science Courses Web Development Courses Sass Courses Flexbox Courses Responsive Design Courses Web Hosting Courses CSS Grid Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
This course takes you from the basics of HTML and CSS to advanced web development techniques, empowering you to build professional and responsive websites. You’ll start with the essentials, creating your first website while learning key concepts like HTML structure, headings, paragraphs, links, images, and forms. Alongside this, you'll master CSS to style your web pages, ensuring they look polished and professional. As the course progresses, you will dive into more sophisticated styling techniques using Flexbox, CSS Grid, and Sass. These tools allow you to create flexible layouts, align content effectively, and handle responsive design challenges. You'll also engage with projects, including creating an Amazon checkout page, a photo gallery, and a mathematics tutorial website, all while applying your newfound Flexbox and Grid skills. By the end of the course, you'll be able to structure, style, and host fully responsive websites. With projects designed to challenge and build your skills, you’ll gain a strong foundation in modern web design principles. Sass will also be introduced to help streamline your CSS workflow, allowing for more efficient and maintainable code. This course is perfect for beginners and intermediate web developers, hobbyists, and anyone interested in creating websites from scratch. No prior experience is required, but basic computer literacy is recommended.

Syllabus

  • Introduction - Get Your Free Unlimited Web Hosting - HTML
    • In this module, we will start with the basics of web development, introducing you to HTML. You’ll learn to create your first website and share it with the world through free web hosting. You’ll also explore various HTML elements, from text to multimedia, to enhance your website’s structure.
  • CSS
    • In this module, we will dive into CSS, the language responsible for the look and feel of your website. You’ll learn different methods to apply styles, control layouts, and add stunning visual effects. By mastering these concepts, you’ll be able to create visually appealing, responsive web designs.
  • Professional Project: Mathematics Tutorials Website (HTML and CSS)
    • In this module, we will put your HTML and CSS skills to the test by building a full-fledged mathematics tutorial website. You’ll design key website sections, such as headers, menus, and footers, while learning how to style each element for a professional look and feel.
  • Advanced CSS with Flexbox, Grid, and Sass
    • In this module, we will explore advanced CSS concepts such as Flexbox and Grid to create dynamic, responsive websites. You will also learn to optimize your CSS code using Sass, a powerful preprocessor that enhances code organization and reusability for large-scale projects.

Taught by

Packt - Course Instructors

Related Courses

Build a Chat UI application using CSS3 Flexbox
Coursera Project Network via Coursera
Build CSS3 Flexbox Holy Grail Layout in Angular
Coursera Project Network via Coursera
Build Responsive CSS3 Flexbox Holy Grail Layout
Coursera Project Network via Coursera
Build Responsive Image Gallery UI using CSS3 Flexbox
Coursera Project Network via Coursera
Build Responsive Service Page UI using CSS3 Flexbox
Coursera Project Network via Coursera