Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add PSD to HTML5/CSS3 using Twitter Bootstrap 3! to your Wishlist.

Add to Wishlist

PSD to HTML5/CSS3 using Twitter Bootstrap 3!

Learn how to take a PSD and convert it in the exact same design on your browser! Hand Coded PSD to HTML website course.
4.0 (20 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,067 students enrolled
Created by Luis Serrano
Last updated 2/2015
English
$10 $95 89% off
4 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
Description

PSD to HTML5/CSS3 using Twitter Bootstrap 3 is a simple course that will teach you how to approach your PSD, knowing what you should take off and what you can do with only CSS3! Turn your design into a semantic, valid HTML5/CSS3 website and show to your clients using a free account of Heroku.

Learn how to use:

  • Sublime Text 3
  • CodeKit
  • Twitter Bootstrap 3
  • Heroku
Photoshop
You don't know what you need from your design? Learn to slice your document, what are the images you should take and learn how to follow the grid system!

Bootstrap

Bootstrap is the most popular front-end framework out there and saves you A LOT of time. It's very easy to learn and for beginners, it's the best way to learn from the professionals.

Increase your earnings

Why you should take this course? There are a lot of demand for this type of services! Learn how to increase your development time and boost your productivity!

Who is the target audience?
  • This course is for beginners/intermediates in design and web-development. But everyone who wants to This course is for beginners/intermediates in design and web-development. But everyone who wants to code a PSD design into a HTML5/CSS3 Website is welcome!
Students Who Viewed This Course Also Viewed
What Will I Learn?
Code a PSD design into a validated HTML5/CSS3 Website
Choose the right images to take from your design in Photoshop
Learn to structure your HTML and CSS the right way
Learn how to deploy your website to a free platform, Heroku!
View Curriculum
Requirements
  • Text Editor
  • Adobe Photoshop
  • HTML and CSS
Curriculum For This Course
Expand All 16 Lectures Collapse All 16 Lectures 01:52:43
+
Introduction
2 Lectures 05:18

Welcome and see what you will be doing in our course!

Preview 00:44

Some Apps and services that I recommend to start with!

Preview 04:34
+
PSD
1 Lecture 09:20

Learn how to approach your design and see what you can do with CSS and what images you need to take from your design!

Preview 09:20
+
HTML Magic
5 Lectures 37:48

Learn how to prepare the skeleton of your website looking at your design!

Coding the HTML Skeleton
08:06

Adding the markup for "Header" section!

Coding the "Header" Section
11:53

Adding the markup for "About" section!

Coding the "About" Section
03:52

Adding the markup for "features" and "team" section!

Coding the "Features" and "Team" Sections
08:25

Adding the markup for footer.

Coding the "Footer" Section
05:32
+
CSS Black Magic
7 Lectures 55:53

Learn what you need to do to structure your CSS code the best way. Set your font types and your global styles.

Structure the CSS Code, Setting font types and Global Styles
04:33

Adding the styles for the "Header" Section!

Styling the Header
10:14

The second part of adding the styles for the "Header" Section!

Styling the "header". Part 2
10:54

Adding the styles for the "About" Section!

Styling the "About" Section
08:42

Adding the styles for the "Features" Section!

Styling the "Features" Section
05:37

Adding the styles for the "Team" Section!

Styling the "Team" Section
11:01

Adding the styles for the "Footer" Section!

Styling the "Footer" Section
04:52
+
Live version and Conclusion
1 Lecture 04:24
Deploy your Website Live using Heroku!
04:24
About the Instructor
4.0 Average rating
20 Reviews
2,067 Students
1 Course
Front-End Developer

Luis Serrano is a Front-End developer with 7 years experience developing websites for big companies. Currently he is studying Computer Science.

Experienced in HTML5/CSS3 and Javascript, Responsive Design and design in Adobe Photoshop and Illustrator.

His approach is always to follow new trends of web design and try to design a good looking website with special attention to User Experience.

Report Abuse