Responsive Web Design & Web Development – HTML5 & CSS3
OfCourse
Summary
- Certificate of completion - Free
- Tutor is available to students
Add to basket or enquire
Overview
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.
You will learn so much more than simply how to code. You will actually be able to launch your website for the world to see!
Certificates
Certificate of completion
Digital certificate - Included
Course media
Description
Course Highlights
- Real world skills to build real world websites
- Easy to follow and hands on design and development
- Responsive web design so that your website works across all devices – an absolute must have skill in today’s mobile world
- Wow your users with some great effects, animations and sticky navigation
- Optimize your website for speed and search engines
- FREE e-book “Best Resources for Web Design and Development with HTML5 and CSS3”
Course Overview
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!
Instructor Bio
Hi, I'm Jonas!
I'm a self-taught web designer and developer with a great passion for building beautiful new things from scratch. I've been building websites since 2007 I also have a Master's degree in Engineering. I was lucky enough to be able to pay for college doing what I love the most: designing and developing websites.
If I had to describe my web design and development course in one sentence, I would say “This is exactly the course I wish I had when I first started with web design and development".
If you don't want to go through I-don't-know-how-many books and literally thousands of online articles and tutorials, like I did, then enrol in my course today. I will be very happy to share my knowledge with you as well, and help you with everything I can. Because happy students make me happy too.
Curriculum
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!
Why Choose OfCourse Learning?
- All courses are taught by verified experts
- Students enjoy 24/7 access to their courses
- Courses can be accessed on any device
- Students get lifetime access to their courses so they can work at their own pace
- On completion, students receive a course certificate from a recognised educational institution
- Become a part of a global learning community where you can talk with teachers and students about the course
Who is this course for?
- 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.
Requirements
No coding experience required; any computer; a passion to learn new and exciting skills
Reviews
Legal information
This course is advertised on reed.co.uk by the Course Provider, whose terms and conditions apply. Purchases are made directly from the Course Provider, and as such, content and materials are supplied by the Course Provider directly. Reed is acting as agent and not reseller in relation to this course. Reed's only responsibility is to facilitate your payment for the course. It is your responsibility to review and agree to the Course Provider's terms and conditions and satisfy yourself as to the suitability of the course you intend to purchase. Reed will not have any responsibility for the content of the course and/or associated materials.