We may earn an affiliate commission when you visit our partners.
Course image
Udemy logo

The Creative HTML5 & CSS3 Course - Build Awesome Websites

Dev Ed and Maxine Tillman

The creative HTML5 and CSS3 Course was created for everybody who is interested in learning web development.

Real World Projects

Read more

The creative HTML5 and CSS3 Course was created for everybody who is interested in learning web development.

Real World Projects

If you are a complete beginner we will cover all the basics to get you up and going to create your first website. If you have some web development skills already, do not worry. We will create 3 amazing projects with awesome design and animations.

A short list of things we are going to learn.

  • HTML5

  • CSS3

  • Responsive Design

  • Animations

  • Working with Images and SVG's

  • Flexbox

  • CSS Grid

  • SASS

  • Optimization

  • Accessibility

  • Deployment

Enroll now

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.

Syllabus

Understand the basics of writing html code.
Welcome to the Course
Setting up vsCode
Installing Extensions
Read more
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

Save this course

Save The Creative HTML5 & CSS3 Course - Build Awesome Websites to your list so you can find it easily later:
Save

Activities

Coming soon We're preparing activities for The Creative HTML5 & CSS3 Course - Build Awesome Websites. These are activities you can do either before, during, or after a course.

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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.

Reading list

We've selected nine books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in The Creative HTML5 & CSS3 Course - Build Awesome Websites.
Comprehensive guide to CSS, covering everything from the basics to advanced techniques. It's a good reference for web developers of all levels.
Comprehensive guide to web development, covering everything from the basics of HTML and CSS to advanced techniques such as JavaScript and PHP. It's a good choice for those who want to learn how to create modern and interactive websites
Comprehensive guide to HTML, covering everything from the basics to advanced techniques. It's a good choice for web developers of all levels.
Good guide to JavaScript and jQuery, covering everything from the basics to advanced techniques. It's a good choice for those who want to learn how to use these technologies to create interactive and dynamic websites.
Good guide to responsive web design, covering the basics of creating websites that adapt to different screen sizes. It's a good choice for those who want to learn how to create websites that work well on all devices.
Good guide to using CSS animations and transitions to create dynamic and interactive websites. It's a good choice for those who want to learn how to add animation and interactivity to their websites.
Guide to using CSS animations and transitions to create dynamic and interactive websites. It's a good choice for those who want to learn how to add animation and interactivity to their websites.
Guide to using Flexbox and CSS Grid Layout to create modern and responsive websites. It's a good choice for those who want to learn how to use these technologies to create websites that work well on all devices.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to The Creative HTML5 & CSS3 Course - Build Awesome Websites.
Practical HTML5
Most relevant
Modern HTML & CSS From The Beginning (Including Sass)
Most relevant
Build an expense tracker app in Django
Most relevant
Build a user login system for a Django website
Most relevant
Django 3 - Full Stack Websites with Python Web Development
Most relevant
Introduction to Web Development with HTML5, CSS3, and...
Most relevant
Building Interactive Web Pages Using Modern JavaScript
Most relevant
Learn Web Designing & HTML5/CSS3 Essentials in 4-Hours
Most relevant
HTML5 Apps and Games
Most relevant
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser