Learn how to convert PSD to HTML and CSS responsive
4.2 (61 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.
5,615 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn how to convert PSD to HTML and CSS responsive to your Wishlist.

Add to Wishlist

Learn how to convert PSD to HTML and CSS responsive

Learn all techniques to covert your PSD design into HTML and make it animate and responsive with CSS media queries
4.2 (61 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.
5,615 students enrolled
Created by Faisal Imtiaz
Last updated 2/2017
English
Curiosity Sale
Current price: $10 Original price: $30 Discount: 67% off
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Make your own website in HTML from a PSD design
  • Start your online career as front end web developer
View Curriculum
Requirements
  • HTML
  • CSS
Description

Are you planning to start your online career? And looking for a good starting point which can serve you all the needs of learning webpage development. Or maybe you are a web developer already and want to enhance your front end skills. OR you want to learn specifically HOW TO CONVERT ANY PSD DESIGN INTO HTML AND CSS AND MAKE IT RESPONSIVE as well.

Either way, PSD to HTML conversion is a MUST-HAVE skill for any aspiring or experienced web developer/designer out there.

This PSD to HTML and CSS conversion course will take you from a complete beginner to a Expert level developer who is feeling comfortable converting PSD designs into fully functional and responsive HTML websites. Adding sliders, adding sliding navigation bars and animations.

This course serve you more than just PSD to HTML. This course will give you the ability to understand how HTML works. I made this course to share my knowledge that I received throughout my online career as a web developer. This course will cover allot of different portions where most of the people stuck and find very difficult to come over that issue.

In this course we will be learning how can start writing basic structure of HTML by looking at your PSD design, and then design that HTML code in CSS. I will teach you how to deal with problems and bugs that occurs during conversion in HTML. How to fix positions and arrangements of div.

During the development stage, we'll learn a lot of things when styling our design: floats, positioning, width, custom columns, fluid design, full-width backgrounds AND MUCH MORE!!!

  • We will animate things for example
  • Animation of sidebar or navigation menu.
  • Adding Image Slider right from scratch
  • Adding masonry effect using masonry library to arrange all of your posts aligned and responsive.
  • We will make our website responsive, mobile and tablet friendly using CSS media queries.
  • We will see. What are the basic programming technique that will help you throughout your programming career?

So, what are you waiting for? Press on “Take this course” button and start learning web design & development today! 30-day money back guarantee!

Who is the target audience?
  • Anyone who want to learn how you can convert your PSD design into a real website
  • Anyone who want to work online as PSD to HTML expert
Students Who Viewed This Course Also Viewed
Curriculum For This Course
14 Lectures
02:34:54
+
Learn PSD TO HTML & CSS
14 Lectures 02:34:54



Creating basic structure of website in HTML part -1
14:16

Creating basic structure of website in HTML part -2
15:49

Designing HTML tags in CSS Part 1
13:43

Designing HTML tags in CSS Part 2
15:43

Designing HTML tags in CSS Part 3
13:03

Designing HTML tags in CSS Part 4
14:54

Designing HTML tags in CSS Part 5
05:33

Designing HTML tags in CSS Part 6
11:32

Designing HTML tags in CSS Part 7
07:32

Adding animations to different sections
09:04

Making website responsive
16:23
About the Instructor
Faisal Imtiaz
4.3 Average rating
248 Reviews
12,428 Students
5 Courses
8+ years of Web Experience and Udemy instructor

About Me

This is Faisal Imtiaz. I am a PHP, Laravel, Codeigniter, Wordpress and Ruby on rails developer as well as web development instructor from last 4 years.

Experience as Web Developer

Starting out at the age of 13 I never stopped learning new programming skills and languages. Early I started creating websites for friends and just for fun as well. This passion has since lasted and lead to my decision of working as a freelance web developer and consultant. The success and fun I have in this job is immense and really keeps that passion alive.

Starting web development on the back end (PHP with Laravel) I also became more and more of a front end developer using modern frameworks like AngularJS in a lot of projects.

As a self-taught developer I had the chance to achieve a Master's degree of IT. That enabled me to work in a major projects with some big organizations.

Experience as Instructor

More then 12 Thousand Students from more then 150 countries taking benefits of my courses. and i love to spread more. I love teaching and spreading out my knowledge and skills about programming and all the concept that I have learned throughout my programming background. I want to spread that experience to the world.

As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enables me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses as well as a successful YouTube channel is the best proof for that.

Whether working as development instructor or teaching Web development I always received great feedback. The most rewarding experience is to see how people find new, better jobs, build awesome web applications, acquire amazing projects or simply enjoy their hobby with the help of my teaching.

Wish you GOOD LUCK!