Build Flat Responsive Website from Scratch - Complete Course

Learn the whole process behind building a website - from theory and planning to a functional responsive layout.

Build Flat Responsive Website from Scratch - Complete Course

Price$97.00

SchoolUdemy
ScheduleOn Demand
LocationOnline
Duration7.5 hours
Credits0
Enroll
Rating
Reviews10
Popularity12038 Registered
In CertificateNo
Difficultyall level
EffortN/A
Course DetailsCourse FAQ

Build Flat Responsive Website from Scratch - Complete Course

Categories:
Development

Do you want to learn to build a beautiful and functional website from zero?
Do you want to master the hottest trend in web design industry right now - flat web design?
Do you want to know how to make your website look awesome on any device?

This course takes you from very little knowledge about web design to being able to create beautiful, thorough and problem-solving websites and get you going as a web designer.

It will guide you through the creation of a fictional portfolio website starting from scratch and ending up with a beautiful, responsive and functional website. It is a thorough step by step guide with detailed comments and gradual advancement thus no serious prior knowledge is required; just passion for web design. The lessons and techniques you'll find in this course can later be applied when working on seemingly completely different projects.

You will learn:

  • principles of flat web design
  • planning and making a concept for a website
  • designing in Photoshop
  • converting PSD into a valid HTML & CSS
  • how to use Twitter Bootstrap
  • making site responsive

Course Details

Introduction
online
chapter
On Demand
What Is Flat Web Design
online
lecture
On Demand
Principles of Flat Web Design
online
lecture
On Demand
Tools you need
online
lecture
On Demand
Quiz: Section 1
online
quiz
<p style=""> 1 </p>
On Demand
Planning & Wire framing
online
chapter
On Demand
The Goal of the website
online
lecture
On Demand
Ascertain the elements
online
lecture
On Demand
AIDA Principle
online
lecture
On Demand
Whitespace
online
lecture
On Demand
Finding good Inspiration
online
lecture
On Demand
Conceptual Sketching
online
lecture
On Demand
Wire framing the Layout
online
lecture
<p> You can download the final Wireframe from attachment.<br style=""> </p>
On Demand
Quiz: Section 2
online
quiz
On Demand
Designing in Photoshop
online
chapter
On Demand
1200 Grid
online
lecture
On Demand
Baseline Grid
online
lecture
On Demand
Setting up
online
lecture
<p> In this Lecture were going to setup a document in Photoshop using the resources provided below. <br style=""> <br style=""> Grid System: www.1200px.com<br style=""> Icons: 80 Shades of White Icons by <em style="">Victor Erixon</em><br style=""> </p>
On Demand
The Header
online
lecture
On Demand
Banner
online
lecture
On Demand
Services
online
lecture
On Demand
Latest Work
online
lecture
On Demand
Creative Process
online
lecture
On Demand
Testimonials
online
lecture
On Demand
Call to Action
online
lecture
On Demand
Footer
online
lecture
<p> You can get the final PSD by downloading attachment.<br style=""> </p>
On Demand
Bootstrap
online
chapter
On Demand
What is Twitter Bootstrap
online
lecture
On Demand
Installation
online
lecture
<p style=""> Make sure you will get the version I downloaded since bootstrap updated new releases you can check it out on the link provided below<br style=""> <br style=""> https://github.com/twbs/bootstrap/releases/ </p>
On Demand
Gather Assets
online
lecture
On Demand
Base Markup
online
lecture
On Demand
Page Containers and Rows
online
lecture
On Demand
Adding Containers for Content
online
lecture
On Demand
HTML Markup
online
chapter
On Demand
Coding the Header
online
lecture
On Demand
Coding the Banner
online
lecture
On Demand
Coding the Services
online
lecture
On Demand
Coding the Latest Work
online
lecture
On Demand
Coding the Creative Process
online
lecture
On Demand
Coding the Testimonials
online
lecture
On Demand
Coding the Call to Action
online
lecture
On Demand
Coding the Contact Info
online
lecture
On Demand
Coding the Footer
online
lecture
<p> You can download the final HTML file on attachment.<br style=""> </p>
On Demand
Styling with CSS
online
chapter
On Demand
Global Styles & Typography
online
lecture
On Demand
Styling the Header
online
lecture
On Demand
Styling the Banner
online
lecture
On Demand
Styling the Services
online
lecture
On Demand
Styling the Latest Work
online
lecture
On Demand
Styling Latest Work II
online
lecture
On Demand
Styling Creative Process
online
lecture
On Demand
Styling the Testimonials
online
lecture
On Demand
Styling the Call to Action
online
lecture
On Demand
Styling the Contact Info
online
lecture
On Demand
Styling the Footer
online
lecture
<p> You can download the final CSS file on attachment.<br style=""> </p>
On Demand
Responsive
online
chapter
On Demand
Break Point 768px Small Devices
online
lecture
On Demand
Break Point 992px Medium Devices (Part 1)
online
lecture
On Demand
Break Point 992px Medium Devices (Part 2)
online
lecture
On Demand
Break Point 1200px Desktops (Part 1)
online
lecture
On Demand
Break Point 1200px Desktops (Part 2)
online
lecture
On Demand
Final Touches
online
lecture
<p> You can download the final Responsive CSS file on attachment. </p>
On Demand
Validation
online
chapter
On Demand
HTML/CSS Validation
online
lecture
On Demand

FAQ

Q. How long do I have access to the course materials?

A. You can view and review the lecture materials indefinitely, like an on-demand channel.

Q. What is the refund policy on the course?

A. We like to keep our users happy, so we have a 30-day no questions asked refund policy. Send an email to [email protected] for refund requests.

Q. Can I take my courses with me wherever I go?

A. Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!


Reviews of Build Flat Responsive Website from Scratch - Complete Course

  1. Posted by CarlosHPS Webdesigner| February 27, 2016

    Excelent!

  2. Great course
    Posted by Igor Balotsky| February 14, 2016

    Great at showing how to build a responsive website from scratch and showing all the steps in the process.

  3. Average
    Posted by Ijem Ofili| February 05, 2016

    The resource at a time was well documented however the course providers seemed to have dropped support for their material.

  4. Great teacher
    Posted by Vincent Lai| January 28, 2016

    I really like his teaching style. by far one of my fav course that I've purchased

  5. getting a bit dated
    Posted by John Wilson| December 15, 2015

    i think its important to create websites that you would be proud of, dont feel this tutorial helps you do that

  6. For a totally CSS newbie is a great course
    Posted by Dan Goldfeder| September 03, 2015

    I'm a newbie on CSS stuff and this course help me to understand how it works and how to use it as a very important tool for your site. The other thing I love about this course is the other tools you can use it to help you design your site. I really recommended 100%.

  7. It was OK
    Posted by Stuart Ryan| August 11, 2015

    Good introduction to Bootstrap

  8. "Right Here"
    Posted by Ben Spak| July 24, 2015

    A large portion of the course's content is in ebook form only. I understand that English isn't the creator's native language, but "Right here" is a phrase used more often than any other in this course. He's not very descriptive of what he's doing.

  9. Very Good Course
    Posted by Matthew Lee| July 13, 2015

    This course is relatively fast, straight to the point, and quite frankly, with a very nice end result. The instructor is competent, and he doesn't stop to explain every little thing he does (which I personally liked, but I understand how it may not be ideal for everyone). My only suggestion is to organize the resources a little better. They seemed scattered throughout different lessons, and often hard to find. I also seemed to end up with a few slightly different results even though I followed the code line by line. Overall, I liked it and would recommend it to someone who wants to learn web design in an effective way.

Course provided by: Udemy