Responsive Web Design & Web Development - HTML5 & CSS3
Course
Online
Description
-
Type
Course
-
Methodology
Online
-
Start date
Different dates available
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!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!
Facilities
Location
Start date
Start date
About this course
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 This course is Ideal 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.
Anyone
None
Reviews
Subjects
- HTML
- Works
- Design
- Web
- Project
- Web Development
Course programme
Say hi to your fellow students!
Share your new course with your friends!
Let's start the journey!
Course Introduction
Web Design Basics
Intro
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
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
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
Download the Section 4 Materials HERE
The Killer Website Project
Intro
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
Responsive Web Design with media queries
Making the website responsive – part 1
Making the website responsive – part 2
A note about web browsers
Downloadable Materials
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
Optimizing and launching!
Creating a favicon
Site speed
Basic SEO
Let's launch!
Google Analytics
Conclusion
Congratulations!
Responsive Web Design & Web Development - HTML5 & CSS3