PSD to Bootstrap 3 for Beginners using HTML & CSS

PSD to Bootstrap 3 for Beginners using HTML & CSS, available at $19.99, has an average rating of 4.1, with 47 lectures, 4 quizzes, based on 137 reviews, and has 1157 subscribers.

You will learn about 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 This course is ideal for individuals who are Beginners or designers that want to learn how to code or Students wanting to develop sites in bootstrap or Students with a basic understanding of HTML & CSS or Students who want to develop their first website or landing page It is particularly useful for Beginners or designers that want to learn how to code or Students wanting to develop sites in bootstrap or Students with a basic understanding of HTML & CSS or Students who want to develop their first website or landing page.

Enroll now: PSD to Bootstrap 3 for Beginners using HTML & CSS

Summary

Title: PSD to Bootstrap 3 for Beginners using HTML & CSS

Price: $19.99

Average Rating: 4.1

Number of Lectures: 47

Number of Quizzes: 4

Number of Published Lectures: 47

Number of Published Quizzes: 4

Number of Curriculum Items: 51

Number of Published Curriculum Objects: 51

Original Price: £19.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

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

Target Audiences

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

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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome – an introduction

Lecture 2: A detailed look at what you will be creating

Lecture 3: Download the PSD

Chapter 2: What is Bootstrap?

Lecture 1: Bootstrap 3

Lecture 2: What is bootstrap?

Lecture 3: The bootstrap components

Lecture 4: The bootstrap grid system

Lecture 5: Media Queries within bootstrap

Chapter 3: Setting up our Environment

Lecture 1: Downloading bootstrap

Lecture 2: Which code editor?

Lecture 3: Setting up our file structure

Chapter 4: Building our Navigation

Lecture 1: Grabbing our navbar images

Lecture 2: Coding our navbar

Lecture 3: Styling our navbar

Lecture 4: Navbar files

Chapter 5: Building our Header section

Lecture 1: Adding our Slider/Carousel

Lecture 2: Styling our header section

Lecture 3: Header files

Chapter 6: Buliding our 'Photoapp' Features section

Lecture 1: Coding our features section

Lecture 2: Adding Font Awesome icons

Lecture 3: Adding styles to our features section

Lecture 4: Features files

Chapter 7: Building our Design section

Lecture 1: Coding our design section

Lecture 2: Styling our design section

Lecture 3: Design files

Chapter 8: Building our Community section

Lecture 1: Coding our community section

Lecture 2: Adding styles to our community section

Lecture 3: Community files

Chapter 9: Building our Subscribe section

Lecture 1: Coding our subscribe section

Lecture 2: Styling our subscribe section

Lecture 3: Subscribe files

Chapter 10: Building our Downloads section

Lecture 1: Coding our downloads section

Lecture 2: Styling our downloads section

Lecture 3: Download files

Chapter 11: Building our Footer section

Lecture 1: Coding our footer section

Lecture 2: Styling our footer section

Lecture 3: Footer files

Chapter 12: Optional Extras

Lecture 1: Background navbar

Lecture 2: Fading navbar

Lecture 3: Active Button State

Lecture 4: Carousel Speed

Chapter 13: Adding Animation

Lecture 1: Animate.css

Lecture 2: WOW.js

Lecture 3: Animating our page

Chapter 14: Final Landing Page

Lecture 1: Our final page

Lecture 2: Final landing page files

Lecture 3: Resources

Instructors

Andy Clarke
Web Designer/Developer

Rating Distribution

1 stars: 0 votes
2 stars: 1 votes
3 stars: 16 votes
4 stars: 28 votes
5 stars: 92 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu