PSD to HTML5 + Bootstrap: A Complete Guide
4.5 (1 rating)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
13 students enrolled

PSD to HTML5 + Bootstrap: A Complete Guide

PSD to HTML5 is a modern way of converting PSD to html5. Learn how to convert PSD to Responsive Website using Bootstrap.
4.5 (1 rating)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
13 students enrolled
Created by Vipin Singh
Last updated 8/2019
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 7.5 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn Photoshop for web designers, Bootstrap and responsive grid system.
  • Skills to develop a fully responsive website Using Bootstrap v4.2 and responsive grid
  • Learn how to create amazing interactive animations on scroll using JavaScript and CSS3
  • Learn clean, modern web design trends and apply them into your projects
  • Learn How to add page loader inside any website.
  • Feel comfortable taking any PSD design and converting it into a fully functional website.
Course content
Expand all 111 lectures 07:35:54
+ Photoshop for web designers
2 lectures 02:25
Section Introduction
01:34
Exercise File
00:51
+ Photshop Interface
6 lectures 17:24
Menubar
02:01
Toolbar
04:10
Canvas
03:52
Layer Panel
02:17
Customize work space
03:37
+ Working with layer
4 lectures 10:45
Creating new layer
03:35
Group and ungroup layer
02:45
Hide and delete layer
02:54
Duplicating layer
01:31
+ Working with tools
13 lectures 42:27
Introduction
00:10
Zoom Tool
03:18
Hand Tool
01:14
Move Tool
01:35
Rectangle Tool
05:57
Rounded Rectangle Tool
03:15
Ellipse and Polygon Tool
01:40
Line and Custom shape Tool
02:18
Pen Tool
02:52
Direct Selection Tool
02:42
Type Tool
06:20
Alignments
03:46
Transform Mode
07:20
+ Working with colors
3 lectures 09:17
Introduction
00:10
Colors
03:52
Gradient
05:15
+ Fonts for web design
3 lectures 06:53
Introduction
00:18
Google Fonts
03:25
Font Awesome
03:10
+ Working with images
10 lectures 39:54
Introduction
00:16
History
02:19
Crop Tool
04:08
Content Aware Cropping Method
02:00
Guides
01:51
Clipping Mask
05:14
Color Overlay and Gradient Overlay
03:45
Stroke and Shadow
03:46
Using Flat Icon
04:13
+ Creating UI elements
7 lectures 23:48
Introduction
00:09
Creating Horizontal Menu bar
04:04
Creating Vertical Menu bar
04:15
Creating Textbox and Buttons
04:14
Creating Hero images and Slider
03:27
Creating Card
03:00
Creating Pricing Table
04:39
+ Quizzes
0 lectures 00:00
Quiz For Section One
5 questions
Requirements
  • 1-Basic understanding of HTML And CSS
  • 2-Photoshop CS3/CS4/CS5/CS6/CC (or a free trial)
  • 3-A code editor of your choice (Brackets in my case)
  • 4-Internet connection is required.
Description

Hi, there are you planning your web design career and looking for a good starting point? Or maybe you are just a beginner web developer/designer who is looking forward to learning how PSD to HTML5 works together?


Either way, PSD to HTML 5 conversion is an important skill to every web developer/designer must-have.


PSD to HTML5 conversion course will take you from a complete beginner to an advanced developer who is feeling comfortable converting PSD designs into fully functional and responsive HTML5 websites.


This is a lot more than the PSD-to-HTML5 course. It is one of the most comprehensive web design/development courses out there as its very content-rich and features a lot of topics. We’ll start off with Photoshop for a web designer. Inside it, you will learn photoshop basics and finally, you are able to design PSD file and sliced PSD file. Then we’ll start coding our HTML5 markup to prepare the development of the website.


PSD to HTML5 course does not end here. In this course, you learn bootstrap basics during the project, and you will also learn javascript animation which will help you with your future projects.


After taking this course, you will have enormous confidence in building PSD to HTML5 responsive websites.


And also, you will have 30 Days Money Back Guarantee.

But, I promise, you will love this course.

Now take a look at the full demo of the template that we are going to build in this course which is a free preview.

I am really excited to see you on this course :)

Who this course is for:
  • Beginner web developer curious about PSD to HTML5 conversion.
  • Designers and developers looking to learn how to convert a PSD design to fully functional and responsive HTML5 website.
  • Beginners with no knowledge of Photoshop interested in web design/development and converting PSD designs.
  • Anyone who is interested in how Photoshop and HTML5 work together.
  • Anyone who wants to learn bootstrap