Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
2 Hour(s) 31 Minute(s)
Language
English
Taught by
Andy Clarke
Rating
Course Overview
Learn how to recreate Photoshop designs into responsive Bootstrap pages or sites using HTML & CSS.
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 Content
- 10 section(s)
- 47 lecture(s)
- Section 1 Introduction
- Section 2 What is Bootstrap?
- Section 3 Setting up our Environment
- Section 4 Building our Navigation
- Section 5 Building our Header section
- Section 6 Buliding our 'Photoapp' Features section
- Section 7 Building our Design section
- Section 8 Building our Community section
- Section 9 Building our Subscribe section
- Section 10 Building our Downloads section
What You’ll 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
Skills covered in this course
Reviews
-
YYatin Kot
Excellent course as the basics are well explained with implementation example, and end of if one can be confident to build a functional page. Instructor Andy is prompt about responding to queries.
-
JJake Muniak
Great instruction and very cool that we build something as we go along, it really helps to learn by doing.
-
TTim
A really fun, unique and valuable class on how to turn your PSD web designs into HTML & CSS even if you've never used Bootstrap. Some CSS knowledge is recommended before you take the course but the guidance by the instructor is superb!
-
RRalph Brando
I have understand the perfect way to build psd to bootstrap
