Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
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.
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.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Introduction|
A quick introduction to the course.
A detailed look at what you will be creatingPreview
Download the final PSD file that you get to work with during the course.
|Section 2: What is Bootstrap?|
What is bootstrap?Preview
We take a look at the bootstrap components and how easy they are to implement into your pages.
The bootstrap grid system
Media Queries within bootstrap
|Section 3: Setting up our Environment|
Which code editor?
Setting up our file structure
|Section 4: Building our Navigation|
Grabbing our navbar images
We get hands on experience at coding the famous bootstrap navigation bar.
Styling our navbar
|Section 5: Building our Header section|
We code one of the most popular features within bootstrap, the bootstrap carousel.
Styling our header section
|Section 6: Buliding our 'Photoapp' Features section|
Coding our features sectionPreview
Adding Font Awesome icons
We add styles to our features section.
|Section 7: Building our Design section|
Coding our design section
Styling our design section
|Section 8: Building our Community section|
Coding our community section
Adding styles to our community section
|Section 9: Building our Subscribe section|
Coding our subscribe section
Styling our subscribe section
|Section 10: Building our Downloads section|
Coding our downloads section
Styling our downloads section
|Section 11: Building our Footer section|
Coding our footer section
Styling our footer section
|Section 12: Optional Extras|
Active Button State
|Section 13: Adding Animation|
Animating our page
|Section 14: Final Landing Page|
Our final page
Final landing page files