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
English
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 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
Requirements
  • Mac or PC
  • HTML Editor
  • Photoshop (any version)
Description

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
02:31:36
+
Introduction
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
00:01
+
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
06:05

Media Queries within bootstrap
02:30
+
Setting up our Environment
3 Lectures 05:49
Downloading bootstrap
01:16

Which code editor?
01:19

Setting up our file structure
03:14
+
Building our Navigation
4 Lectures 20:37
Grabbing our navbar images
01:44

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

Coding our navbar
09:15

Styling our navbar
09:38

Navbar Quiz
3 questions

Navbar files
00:00
+
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
08:28

Styling our header section
11:22

Carousel Quiz
2 questions

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

Adding Font Awesome icons
05:24

We add styles to our features section.

Adding styles to our features section
04:35

Features Quiz
3 questions

Features files
00:00
+
Building our Design section
3 Lectures 09:25
Coding our design section
06:26

Design Quiz
2 questions

Styling our design section
02:59

Design files
00:00
+
Building our Community section
3 Lectures 11:43
Coding our community section
07:27

Adding styles to our community section
04:16

Community files
00:00
+
Building our Subscribe section
3 Lectures 11:11
Coding our subscribe section
05:38

Styling our subscribe section
05:33

Subscribe files
00:00
+
Building our Downloads section
3 Lectures 08:01
Coding our downloads section
04:49

Styling our downloads section
03:12

Download files
00:00
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.