RISPARMIA 80%
OfCourse

Responsive Web Design & Web Development - HTML5 & CSS3

OfCourse
Online
Prezzo Emagister

226 € 44 
*Prezzo Orientativo
Importo originale in GBP:
£ 199  £ 39

Informazioni importanti

Tipologia Corso
Metodologia Online
Inizio Scegli data
  • Corso
  • Online
  • Inizio:
    Scegli data
Descrizione

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!

Informazioni importanti
Quali sono gli obiettivi della formazione?

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.

È la formazione giusta per me?

Anyone

Prezzo per gli utenti Emagister:

Requisiti: None

Strutture (1)
Dove e quando
Inizio Luogo
Scegli data
Online
Inizio Scegli data
Luogo
Online

Cosa impari in questo corso?

HTML
Works
Design
Web
Project
Web Development

Programma

Course Introduction
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!