HTML and CSS For Beginners- Build A Portfolio Project

HTML and CSS For Beginners: Build A Portfolio Project, available at Free, has an average rating of 4.45, with 34 lectures, based on 59 reviews, and has 1390 subscribers.

You will learn about HTML CSS Turn Designs into Code How Websites Work Intro To Backend and Frontend This course is ideal for individuals who are Beginner HTML and CSS developers It is particularly useful for Beginner HTML and CSS developers.

Enroll now: HTML and CSS For Beginners: Build A Portfolio Project

Summary

Title: HTML and CSS For Beginners: Build A Portfolio Project

Price: Free

Average Rating: 4.45

Number of Lectures: 34

Number of Published Lectures: 34

Number of Curriculum Items: 34

Number of Published Curriculum Objects: 34

Original Price: Free

Quality Status: approved

Status: Live

What You Will Learn

HTML

CSS

Turn Designs into Code

How Websites Work

Intro To Backend and Frontend

Who Should Attend

Beginner HTML and CSS developers

Target Audiences

Beginner HTML and CSS developers

Learn HTML and CSS from scratch in this course. Join me as we build a project for your web developer portfolio! In this course we will learn HTML and CSS from scratch, no previous experience needed. In this course we will learn fundamentels while also building a project that you can put in your web developer portfolio.

This course starts off with building RIGHT away. Instead of learning a bunch of concepts that you won’t know how to put into practice, we start building immediately, and then learn the concepts as we build. This helps us “learn just in time”, that is, learn the new concepts as we build our project. By the end of this course we’ll have a completed project: the order summary component. We’ll go over what this component is, how to build it, and why it could be used in a real-world project.

In the start of this course we will go over the project setup: how to set up the project files, and all of the basics to get you started. Then we will introduce HTML basics, going over what HTML is and basics syntax. We will go over CSS basics as well. Later in the course, we will go into HTML and CSS intermediate concepts that you can use as a web developer.

Course Curriculum

Chapter 1: Starting The Project

Lecture 1: Course Setup

Lecture 2: How Websites Work!

Lecture 3: What Are We Building?

Lecture 4: Project Requirements!

Lecture 5: How Do Designs Turn Into Code?

Lecture 6: Project Files

Lecture 7: What is a terminal?

Lecture 8: Create your project

Chapter 2: Building The Project

Lecture 1: Hello World!

Lecture 2: What is HTML?

Lecture 3: HTML Syntax

Lecture 4: What is CSS?

Lecture 5: CSS Selectors

Lecture 6: CSS Class Selectors

Lecture 7: What About JavaScript?

Lecture 8: Building The Card

Lecture 9: CSS Variables

Lecture 10: Adding The Background

Lecture 11: Developer Tools

Lecture 12: CSS Specificity

Lecture 13: Building The Title

Lecture 14: Adding The Image

Chapter 3: Finishing The Project

Lecture 1: The CSS Box Model

Lecture 2: Default Styles

Lecture 3: CSS Box Sizing

Lecture 4: Styling The Application More

Lecture 5: Adding The Buttons

Lecture 6: Refactoring Code

Lecture 7: Writing HTML For The Annual Plan

Lecture 8: Styling The Annual Plan With CSS

Lecture 9: Wrapping Up The Annual Plan Styles

Lecture 10: Centering Our App With CSS

Lecture 11: Finishing Touches

Lecture 12: Congratulations! Course complete

Instructors

Madison Kanna
JavaScript Developer, Teacher and Blogger

Rating Distribution

1 stars: 1 votes

2 stars: 1 votes

3 stars: 15 votes

4 stars: 17 votes

5 stars: 26 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!