The Creative HTML5 & CSS3 Course - Build Awesome Websites from Udemy

What's inside

Learning objectives

Create websites from absolute scratch!
Learn the principles of web development.
Styling nice looking websites.
Flexbox, css grid

Advanced css animations
Fluid typography and sass
Deployment.

Create websites from absolute scratch!
Learn the principles of web development.
Styling nice looking websites.
Flexbox, css grid
Advanced css animations
Fluid typography and sass
Deployment.

Syllabus

Understand the basics of writing html code.

Welcome to the Course

Setting up vsCode

Installing Extensions

Creating A HTML Tag

Basic Layout

Meta Tags

H and P Tags

Images and Video

A Tags

Forms

Lists

Comments

Tables

Classes and ID's

HTML5 Semantics

HTML Entities

Let's Learn CSS

Understanding Basic Website Styling

How To Use CSS

Basic Syntax

Selectors

Specificity

Box Model

Padding and Margin

Pixels, Rem, Em

Styling A Button

Display Types

Positions

Pseudo Elements and Classes

Mini Project - How not to create layouts (optional)

Create Mobile Responsive Websites

Media Queries

VH and WV

Flexbox

Flexbox Basics

Let's Practice Flexbox

Travelly Project

Important Note!

Before we start our project

Starter Files

Setting things up

Creating our Nav & Hero

Creating the City Section

Card Section

Form Section

Submitting Forms

Final Code

Accessibility

Semantics

Contrast

Keyboard

Text

Labels and Alt

CSS Grid

CSS Grid Basics

Grid vs Flexbox

Elena Joy Project

Setup

Adding Fonts

First Page

Plant Animation

Burger Animation

Fixing Small Issues

About Section

Image Gallery

Contact Page

Javascript Functionality

Basics of SASS

SASS

Let's learn a magic trick

Portofolio Website

Portofolio Setup

Creating SVG & Icon

Nav and Section

Animating SVG's

Mobile Friendly

Project Page

Finish Line

Optimize and Deploy

Optimizing Images

HTML & CSS

Deployment

Thank You

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Teaches the latest standards in web development, such as HTML5 and CSS3

Covers essential concepts like responsive design, animations, and CSS Grid

Instructors Maxine Tillman and Dev Ed are recognized for their expertise in web development

Develops skills and knowledge that are highly relevant to both industry and academia

Provides practical, hands-on learning through real-world projects

Accelerates beginners' progress and strengthens intermediate learners' foundations

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in The Creative HTML5 & CSS3 Course - Build Awesome Websites with these activities:

Review Basic HTML Concepts

Show steps

Refreshes your memory of essential HTML fundamentals before diving into more advanced concepts.

Browse courses on HTML

Show steps

Read through online articles or tutorials to review basic HTML tags and their attributes
Create a simple static HTML page with basic headings, paragraphs, and images

Join a Study Group

Show steps

Provides a collaborative environment to exchange knowledge, solve problems, and stay motivated.

Browse courses on Web Development

Show steps

Find a study group or online community for web developers
Actively participate in discussions, ask questions, and share your insights

Follow CSS Tutorials

Show steps

Improves your understanding of CSS properties and how they affect website appearance.

Browse courses on CSS

Show steps

Find online tutorials or video courses on CSS
Follow the tutorials step-by-step, experimenting with different CSS properties
Create your own CSS stylesheets to apply to HTML pages

Four other activities

Expand to see all activities and additional details

Show all seven activities

HTML Coding Exercises

Show steps

Strengthens your HTML coding skills through repetitive exercises.

Browse courses on HTML

Show steps

Sign up for online coding platforms that provide HTML challenges
Solve coding problems and puzzles to apply your HTML knowledge

Design a Responsive Website Layout

Show steps

Tests your ability to create websites that adapt to different screen sizes.

Browse courses on Responsive Design

Show steps

Choose a design template or create your own
Implement media queries to adjust the layout for different screen sizes
Test the website's responsiveness on various devices or emulators

Create an Animated Webpage

Show steps

Enhances your creativity and understanding of CSS animations.

Browse courses on CSS Animations

Show steps

Learn the basics of CSS animations (keyframes, timing functions)
Experiment with different animation effects and properties
Create a webpage with engaging animations that enhance user experience

Mentor Junior Web Developers

Show steps

Strengthens your own understanding while helping others grow their skills.

Browse courses on Web Development

Show steps

Volunteer as a mentor on online platforms or local coding meetups
Provide guidance, support, and constructive feedback to junior developers

Career center

Learners who complete The Creative HTML5 & CSS3 Course - Build Awesome Websites will develop knowledge and skills that may be useful to these careers:

Front-End Developer

Front-End Developers are responsible for the user interface and functionality of websites, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in front-end development. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for Front-End Developer

Information Architect

Information Architects are responsible for the organization and structure of websites and applications, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in information architecture. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for Information Architect

Web Designer

Web Designers are responsible for the overall design and layout of websites, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in web design. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for Web Designer

Interaction Designer

Interaction Designers are responsible for the design of interactive elements on websites and applications, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in interaction design. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for Interaction Designer

Web Developer

Web Developers are responsible for the design and development of websites, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in web development. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for Web Developer

UI Developer

UI Developers are responsible for the design and implementation of the user interface of websites and applications, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in UI development. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for UI Developer

UX Designer

UX Designers are responsible for the user experience of websites and applications, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in UX design. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for UX Designer

Computer Programmer

Computer Programmers are responsible for the coding and implementation of software applications, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in computer programming. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for Computer Programmer

Software Engineer

Software Engineers are responsible for the design, development, and maintenance of software systems, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in software engineering. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for Software Engineer

Systems Analyst

Systems Analysts are responsible for the analysis, design, and implementation of computer systems, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in systems analysis. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for Systems Analyst

Database Administrator

Database Administrators are responsible for the maintenance and administration of databases, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in database administration. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for Database Administrator

Network Administrator

Network Administrators are responsible for the design, implementation, and maintenance of computer networks, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in network administration. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for Network Administrator

Webmaster

Webmasters are responsible for the maintenance and administration of websites, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in webmasters. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for Webmaster

Technical Writer

Technical Writers are responsible for the creation and maintenance of technical documentation, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in technical writing. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for Technical Writer

Project Manager

Project Managers are responsible for the planning, execution, and control of projects, making them an excellent career choice for those who want to work in website development. This course offers a comprehensive introduction to the basics of HTML5 and CSS3, two of the core technologies used in project management. By learning how to use these technologies, students will be able to create their own websites and gain the skills necessary to succeed in this field.

See salaries and explore the career path for Project Manager