PSD to Bootstrap 3 for Beginners using HTML & CSS
4.7 (107 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.
1,005 students enrolled
Wishlisted Wishlist

Please confirm that you want to add PSD to Bootstrap 3 for Beginners using HTML & CSS to your Wishlist.

Add to Wishlist

PSD to Bootstrap 3 for Beginners using HTML & CSS

Learn how to recreate Photoshop designs into responsive Bootstrap pages or sites using HTML & CSS.
4.7 (107 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.
1,005 students enrolled
Created by Andy Clarke
Last updated 2/2016
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 2.5 hours on-demand video
  • 11 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Develop sites in the bootstrap framework
  • The skills & knowledge to start building your own pages, and templates in the bootstrap framework
  • Project files included
  • Lifetime access to the course
View Curriculum
  • Mac or PC
  • HTML Editor
  • Photoshop (any version)

Transform Photoshop templates and designs info fully working responsive websites or landing pages using the bootstrap framework.

Learn the basic concepts, tools, and functions that you will need to build fully functional websites or landing page with the popular bootstrap framework using HTML & CSS programming language.

  • Bootstrap components
  • Grid System & Media Queries
  • Custom fonts
  • Working carousel
  • Font-Awesome icons
  • Animate CSS & WOW js

Stop paying someone else to transform your designs into working sites!

Do you design templates in Photoshop and have to pay someone else to code them into working pages or sites? If so, then you are wasting money. This course will give you the skills to turn those designs into fully working sites or pages.

Do you code sites and want to add another skill to your portfolio? Then you can see how easy it is to turn a PSD design into a fully responsive website or landing page using the bootstrap framework.

You could earn extra money by helping designers turn their designs into working responsive bootstrap websites.

Learning the basic fundamentals of the bootstrap framework puts a powerful and very useful tool at your fingertips. Bootstrap is free, easy to learn, has excellent documentation, and can help you take your design skills to the next level.

Suitable for programming beginners, through this course of 50 lectures and 3 hours of content, you’ll learn all of the Bootstrap fundamentals and establish a strong understanding of the concept behind the code and it's components.

The instructor will walk you through each chapter to make sure you fully understand what you are coding so you can start putting your new learned skills into practical use immediately.

Starting with the installation of the bootstrap framework, this course will take you through what bootstrap is, including the famous grid system, media queries, components and how to use them. You will also discover what sections of the PSD you need and what can be built directly in the bootstrap framework, which will save you time and effort in the future.

Students completing the course will have the knowledge to create functional and useful bootstrap sites and landing pages in the future.

Complete with working files and code samples, you’ll be able to work alongside the author as you work through each concept, and will receive a verifiable certificate of completion upon finishing the course.

Who is the target audience?
  • Beginners or designers that want to learn how to code
  • Students wanting to develop sites in bootstrap
  • Students with a basic understanding of HTML & CSS
  • Students who want to develop their first website or landing page
Compare to Other Bootstrap Courses
Curriculum For This Course
46 Lectures
3 Lectures 04:32

A quick introduction to the course.

Preview 01:00

Download the final PSD file that you get to work with during the course.

Download the PSD
What is Bootstrap?
4 Lectures 12:00

We take a look at the bootstrap components and how easy they are to implement into your pages.

Preview 01:52

The bootstrap grid system

Media Queries within bootstrap
Setting up our Environment
3 Lectures 05:49
Downloading bootstrap

Which code editor?

Setting up our file structure
Building our Navigation
4 Lectures 20:37
Grabbing our navbar images

We get hands on experience at coding the famous bootstrap navigation bar.

Coding our navbar

Styling our navbar

Navbar Quiz
3 questions

Navbar files
Building our Header section
3 Lectures 19:50

We code one of the most popular features within bootstrap, the bootstrap carousel.

Adding our Slider/Carousel

Styling our header section

Carousel Quiz
2 questions

Header files
Buliding our 'Photoapp' Features section
4 Lectures 14:21

Adding Font Awesome icons

We add styles to our features section.

Adding styles to our features section

Features Quiz
3 questions

Features files
Building our Design section
3 Lectures 09:25
Coding our design section

Design Quiz
2 questions

Styling our design section

Design files
Building our Community section
3 Lectures 11:43
Coding our community section

Adding styles to our community section

Community files
Building our Subscribe section
3 Lectures 11:11
Coding our subscribe section

Styling our subscribe section

Subscribe files
Building our Downloads section
3 Lectures 08:01
Coding our downloads section

Styling our downloads section

Download files
4 More Sections
About the Instructor
Andy Clarke
4.5 Average rating
1,301 Reviews
22,047 Students
5 Courses
Web Designer/Developer

I have been in the web design and development sector for over 10 years, working on various aspects of design and build. I've always had a passion for design and coding and enjoy creating various sites through HTML, CSS and Javascript, especially Wordpress & Bootstrap sites. I also design website and apps layouts in either Photoshop & Sketch.