Course Introduction

• Say hi and tell your fellow students why you're taking this course
• 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

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

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!

Voucher Code Redemption

• Click here to redeem your Online Training Code.
• Meet the course Teacher.
• Full refund available.
• We will email you your unique code within one hour of purchasing the deal. 
• May buy multiples.
• You receive an Internationally Accredited CPD Diploma upon successful completion of course.
• Successful completion of the online examination is required to gain officially certified recognized qualifications.
• No refunds or cancellations once log in details have been provided.
• Training courses are online only.
• Can be used at any time.
• Voucher expiration time: Course content available for 12 months from registration date.
• Compatible on all Devices.