Explore

Learn Responsive Web Design 101 from scratch

1.5 hours on-demand video

$ 9.99

Save Course

Go to Course

Brief Introduction

Learn HTML5, CSS3 and Responsive Web Design from scratch. Get started with no prior experience required!

Description

Learn how to create a responsive website from scratch! No prior experience required, no special software or hardware. Get started on any computer, right now!

In this course you will learn a lot, and everything is included, meaning you'll learn HTML and page structure, along with some CSS and how to attach .css and .js files to your web page.

In this course you will learn about HTML5, CSS3, and Responsive Web Design (how to make mobile friendly websites!)

Some of the things you will learn in this beginner-friendly course are:

How to create an HTML page and view it (within the first 3 minutes of this course)
How HTML page structure works
How to import .css and .js files properly
How to nest HTML elements inside of each other
How to write HTML entities
How to add custom HTML classes and ID's for custom styling in CSS

You'll learn a lot about CSS, including:

Basic styling, such as background colors, text colors, font sizes and more
How CSS specificity works, and how to override it
How to style elements, ID's and classes
Nesting and grouping CSS selectors
Responsive Media Queries
Mobile-first, and desktop-first styling methods
Style modifiers
How to center elements horizontally and vertically
The Box Model
CSS Gradients
How to use and write Flexbox
Transitioning styles (light animations)

And of course you'll learn a tonne of miscellaneous tips, tricks and skills, including:

How to add custom icons to your page
How to check if .css and .js files are imported into your page properly
How to change your styles directly in the browser
How to debug CSS directly in the browser
How to execute very basic JavaScript in the browser

In this course, the class project is creating a very small and simple fully responsive website. You'll get the source code to modify and learn from, and you'll be able to follow along for real world hands on experience.

Requirements

Requirements
All you need is a browser like Chrome, Firefox, Safari, Edge or Opera.

Knowledge

How to create an HTML page and view it (within the first 3 minutes of this course)
How HTML page structure works
How to import .css and .js files properly
How to nest HTML elements inside of each other
How to write HTML entities
How to add custom HTML classes and ID's for custom styling in CSS
Basic styling, such as background colors, text colors, font sizes and more
How CSS specificity works, and how to override it
How to style elements, ID's and classes
Nesting and grouping CSS selectors
Responsive CSS Media Queries
Mobile-first, and desktop-first styling methods
Style modifiers
How to center elements horizontally and vertically
The Box Model
CSS Gradients
How to use and write Flexbox
Transitioning styles (light animations)
How to add custom icons to your page
How to check if .css and .js files are imported into your page properly
How to change your styles directly in the browser
How to debug CSS directly in the browser
How to execute very basic JavaScript in the browser
How to add custom icons to your website

Recommended for you

The Full Stack Web Development Bootcamp 2021

Learn HTML, CSS, JavaScript, jQuery, PHP & mySQL to become a talented, confident full-stack web developer in 2020. The course has over 31+ hours of high-quality, modern content....

Save Course

Website from Scratch in 1 hour using Bootstrap 4

Learn how to build a modern fully responsive website from scratch using Bootstrap 4 Bootstrap 4 is packed full of components, built to assist you for faster web development and more responsiveness....

Save Course

HTML and CSS: A Guide to Web Design

Learn how to create an attractive and functional responsive website, without overly complicated terms and ideas. If so, then this course is perfect for you....

Save Course