Responsive Web Design & Web Development - HTML5 & CSS3

Are you wondering how the best web designers and developers build powerful, modern and fantastic looking websites? Then this is the course you’ve been waiting for!

HTML5 and CSS3 are not rocket science – you can start learning them today! In this course you will the fundamentals of web design and web development in a step-by-step manner.

The course is entirely project based, and together we will build unique, beautifully designed and responsive landing page for a fictional company. You will also address real world web design and development issues, and build the skills to allow you to build real world websites!

• Complete beginners who want to learn how to build a stunning website
• People with coding knowledge who want to be able to put that into practice
• Designers looking to expand their skills sets.

Part 1 – Course Introduction

Let’s start the journey!

Please download your free e-book entitled “Best Resources for Web Design and Development with HTML5 and CSS3”

Part 2 – Web Design Basics

Introduction to web design

Beautiful Typography

Using colours like a pro

Working with images

Working with icons

Spacing and Layouts

Introduction to User Experience

Getting Inspired

BONUS: Conversion

Part 3 – Dive into HTML

Main tool: Brackets text editor

What is HTML?

HTML Structure

Starting to fill the structure

Images and attributes

One more thing: links

Part 4 – Formatting with CSS

Getting Started with CSS

Making the webpage pretty: text

Colours

Classes and IDs

The CSS Box Model

Building a simple layout

Polishing our blog post

Relative v Absolute

Chrome Developer Tools

Part 5 – The Killer Website Project

7 Real World Steps to a fully functioning website

Putting the 7 Steps into Action

First Development Steps

The Fluid Grid for Responsive Design

Building the Header – part 1

Building the Header – part 2

Building the Header – part 3

Building the Features Section – Part 1

Building the Features Section – Part 2

Building the Favourite Meals Section – part 1

Building the Favourite Meals Section – part 2

Building the how-it-works section – part 1

Building the how-it-works section – part 2

Building the cities section – part 1

Building the how-it-works section – part 2

Building the customer testimonial section – part 1

Building the customer testimonial section – part 2

Building the sign-up section – part 1

Building the sign-up section – part 2

Building the contact form section – part 1

Building the contact form section – part 2

Building the footer – part 1

Building the footer – part 2

Part 6 – Responsive Web Design with media queries

Making the website responsive – part 1

Making the website responsive – part 2

A note about web browsers

Part 7 – let’s add some cool effects

Introduction to jQuery

Sticky Navigation – part 1

Sticky Navigation – part 2

Scrolling to elements

Adding animations on scroll

Making navigation responsive

Part 8 – Optimizing and launching!

Creating a favicon

Site speed

Basic SEO

Let’s launch!

Google Analytics

Part 9 – Conclusion

Congratulations!

Ofcourse.co.uk is a self improvement and development learning platform. Our courses are created by genuine and verified subject matter experts, and delivered in easy access, on demand video-led courses. The experts can be experienced professionals, university lecturers or even world record holders in their fields!

Anyone can learn anything online with OfCourse! Of Course Learning is a UK Registered Learning Provider.