Applied CSS 3 (2023) – Build 6 Professional Web Pages

Applied CSS 3 (2023) – Build 6 Professional Web Pages, available at $74.99, has an average rating of 4.75, with 79 lectures, based on 38 reviews, and has 7055 subscribers.

You will learn about Break down existing web designs into web-friendly elements Implement HTML layouts by working from the outside in Style HTML elements using CSS and an iterative approach Use CSS best practices to refine existing styles This course is ideal for individuals who are If you're looking to take your CSS skills to the next level and apply the things you learn to practical web pages that look professionally designed, this course is for you or You want to improve your Web Development skills It is particularly useful for If you're looking to take your CSS skills to the next level and apply the things you learn to practical web pages that look professionally designed, this course is for you or You want to improve your Web Development skills.

Enroll now: Applied CSS 3 (2023) – Build 6 Professional Web Pages

Summary

Title: Applied CSS 3 (2023) – Build 6 Professional Web Pages

Price: $74.99

Average Rating: 4.75

Number of Lectures: 79

Number of Published Lectures: 79

Number of Curriculum Items: 85

Number of Published Curriculum Objects: 85

Original Price: $22.99

Quality Status: approved

Status: Live

What You Will Learn

Break down existing web designs into web-friendly elements
Implement HTML layouts by working from the outside in
Style HTML elements using CSS and an iterative approach
Use CSS best practices to refine existing styles

Who Should Attend

If you're looking to take your CSS skills to the next level and apply the things you learn to practical web pages that look professionally designed, this course is for you
You want to improve your Web Development skills

Target Audiences

If you're looking to take your CSS skills to the next level and apply the things you learn to practical web pages that look professionally designed, this course is for you
You want to improve your Web Development skills

Have you tried introductory courses that fell short of providing useful code? Maybe you learned the information conceptually, but they didn’t bridge the gap to practice. Then this course is for you. It contains distilled techniques about implementing professional designs that I’ve learned from over 9 years of professional Web Development at Fortune 500 companies and smaller startups.

Not only will you learn about common layout patterns used in modern web pages, you will also walk away with 6 beautifully designed web pages that you can use for projects ranging from custom blog themes to menus for local restaurants in your community. Finally, you can apply these techniques to larger scale projects that require more fine-grained knowledge of CSS.

The course is broken down into 6 parts, one for each major page:

Part 1 – This introduces you to an eCommerce theme that shows a gallery of products and their prices.

Part 2 – This builds on the eCommerce theme, this time going to a singular product with customer reviews and other elements. The first two parts are built around a common front-end pattern called the list-detail view pattern.

Part 3 – The most advanced part of the course (you may return to this part at the end), Part 3 shows how to implement a list of Podcast episodes along with their name and cover image for a podcasting app.

Part 4 – How to write a professional, compelling “About” page for your website or blog.

Part 5 – Covers a long-form restaurant menu with different, commonly-styled sections for appetizers, main course, and dessert.

Part 6 – Implements a custom blog article theme design with a sidebar and comments section.

In order to be successful in this course, it’s recommended you have a solid grasp on HTML 5. It also helps if you have a very basic understanding of CSS, even though common styles and styling techniques are explained in the lectures.

To support additional updates to the course, you may leave a 5-star review or a constructive critical review suggesting 3-5 improvements you’d like to see. Your feedback is welcome.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Part 1 – Create an eCommerce Product Listing Page

Lecture 1: Navigation Menu HTML

Lecture 2: Confirm CSS Linking with Core Styles

Lecture 3: Add Navigation Icons

Lecture 4: Widen Navigation Elements

Lecture 5: Finish the Navigation Menu and Logo

Lecture 6: Add a Hero Image

Lecture 7: Main Body Layout

Lecture 8: Body Content and Relative Widths

Lecture 9: Footer Links Layout and Styles

Lecture 10: Finalize the Footer

Chapter 3: Part 2 – Build a Product Detail Page with Customer Reviews

Lecture 1: Product Page Design Overview

Lecture 2: HTML Containers for the Product Details

Lecture 3: Product Info HTML

Lecture 4: Styling the Gallery Images

Lecture 5: Layout Styles for the Product Details

Lecture 6: Button and Tag Styles

Lecture 7: Product Menu and Reviews HTML

Lecture 8: Review Form HTML

Lecture 9: Product Menu CSS

Lecture 10: Review Form Styles

Lecture 11: CSS Wrapup and Conclusions

Chapter 4: Part 3 – Make a Podcast Episode List Page

Lecture 1: Flowbase Design Overview

Lecture 2: Theming and Asset Downloads

Lecture 3: Nav Menu Layout and Styles

Lecture 4: Button Styles and Hero HTML

Lecture 5: Hero Layout and Title Styles

Lecture 6: Styling the Hero Description and Metadata

Lecture 7: Main Button Layout and Styles

Lecture 8: Button Flourishes and Header

Lecture 9: Latest Episodes Design Overview

Lecture 10: Episode List HTML

Lecture 11: Latest Episodes and Genre Filter Styles

Lecture 12: Episode Description and Tag Styles

Lecture 13: Host and Latest Episode Styles

Lecture 14: Footer HTML

Lecture 15: Footer Styles

Chapter 5: Create a Compelling About Page

Lecture 1: Design Overview and Copypasta

Lecture 2: Page Header HTML and CSS

Lecture 3: History and Stats HTML

Lecture 4: Founder and Sponsor HTML

Lecture 5: Stats Styles

Lecture 6: About and History Styles

Lecture 7: Founder and Main Host Styles

Lecture 8: Sponsor Section Styles

Lecture 9: Contact Form HTML

Lecture 10: Contact Form CSS

Lecture 11: Box Sizing and Wrapup

Chapter 6: Develop a Restaurant Menu Page

Lecture 1: FoodZero Design Overview

Lecture 2: Header HTML

Lecture 3: Menu HTML Structure

Lecture 4: Completing the HTML Menu

Lecture 5: Reservations and Footer HTML

Lecture 6: Font and Button Styles

Lecture 7: Styling the Top Nav

Lecture 8: Finishing the Hero

Lecture 9: Fine-tuning the Menu Layout

Lecture 10: Completing the Menu

Lecture 11: Reservation Styles

Lecture 12: Styling the Newsletter Form

Lecture 13: Copyright Container Styles

Chapter 7: Write a Customized Blog Article

Lecture 1: Design Overview and Code Carrying

Lecture 2: Asset Downloads

Lecture 3: Hero Container HTML

Lecture 4: Article Layout HTML

Lecture 5: Sidebar HTML

Lecture 6: Comment List HTML

Lecture 7: New Comment Form HTML

Lecture 8: Hero Container Styles

Lecture 9: Main Article Layout

Lecture 10: Article Content Styles

Lecture 11: Metadata Styles

Lecture 12: Search Bar and Sidebar Layout

Lecture 13: Sidebar Section Styles

Lecture 14: Recent Posts and Tags

Lecture 15: Previous and Next Post

Lecture 16: Styling Post Comments

Lecture 17: New Comment Form Styles

Chapter 8: Bonus Lecture

Lecture 1: Bonus Lecture (Discord and other links)

Instructors

Yatit Thakker
JavaScript Developer, Educator, Entrepreneur

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 6 votes
4 stars: 13 votes
5 stars: 19 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu