Build Websites: Bootstrap Developer Masterclass
Course
Online
Description
-
Type
Course
-
Methodology
Online
-
Start date
Different dates available
Learn how to build professional websites for all your needs with this Bootstrap Developer Masterclass! Not only will you discover how to use the Bootstrap Developer tools, you will also try your hand at building 4 exciting projects: a portfolio, photo gallery, blog and e-commerce website.This course is designed by Joe Parys – a certified Life Coach and founder of the Joe Parys Academy, specialising in teaching people skills that improve their lives. You will also learn from Shahzaib Kamal who is an expert in Web Development and Design. Together they have created a complete guide to using Bootstrap Developer, with step-by-step tutorials and virtual demonstrations.To get started, they will first teach you about installing the Bootstrap Developer and the key grid system. You'll next learn all the visual and functional components that are essential for building a professional website, such as text styles and navigation bars. Then put all of your new knowledge together to build 4 incredible projects.
Facilities
Location
Start date
Start date
About this course
66 lectures, complete with over 7 hours of step-by-step video tutorials! Discover what Bootstrap is and how it can help you. Learn how to use a fully customisable web developer tool to suit all of your needs. Develop your own website, blog, portfolio and photo gallery with the help of an expert Web Developer and Designer. Become an expert in a Web Developer tool which works on both web browsers and mobile phones with no extra steps required! Use the skills you've learned to launch your own highly successful professional websites!Â
Anyone
None
Reviews
Subjects
- Project
Course programme
Intro
Say hi to your fellow students!
Share your new course with your friends!
Introduction - Course Benefits - Welcome To The Complete Bootstrap Masterclass!
CDN for Bootstrap and jQuery
Download and Install Bootstrap and jQuery
Introduction and Key Elements
How Bootstrap Works
Bootstrap Container
Bootstrap Grid System
Visual Components
Text Styles
More on Text Styles
Bootstrap Tables
Bootstrap Images
Usability:Â Buttons, Icons and more.
Bootstrap Buttons
Bootstrap Button Group
Bootstrap Drop Down Button
Bootstrap Glyphicon
Page-header and Jumbotron
Bootstrap Wells
Bootstrap Alerts
Labels and Badges
Collapsible Elements
Panels
Collapsibles
Collapsible on Panels
List-Group
Collapsible List Group and Accordion
Navigation
Tabs
Pills
Dynamic Pills and Tabs
Pager and Pagination
Navbar Complete
Form
Bootstrap Form
Horizontal Form
More on Form
Form Validation Styles
Extra Bootstrap Components
Modals
Carousel
Carousel With Caption
ScrollSpy
ToolTip
PopOver
PROJECT 1:Â Portfolio
Creating Navigation and Home Area
Creating My Work Area
Creating About Area
Creating Contact Area
PROJECT 2: Photo Gallery
Creating Navbar
Creating Carousel Slider
Creating Thumbnails
Creating Footer
Creating Modal
Using Lightbox plugin with Bootstrap
Adding Caption to the LightBox Elements
PROJECT 3: Blog
Creating HTML Syntax
Creating Navbar and Customizing Bootstrap
Creating Header and Search Bar
Creating Posts Area
Creating Footer
Creating Posts Page
Creating About Page
PROJECT 4:Â eCommerce Website
Creating Syntax and Navbar
Creating Carousel
Adding Caption to Carousel
Creating Aside and Product Area
Editing Aside Area with New Style
Creating Product Page
Creating Related Search Area
Creating Modal for Form
Creating Order Form
Bonus Material
Special Bonus Lecture!
Quiz
Course Quiz
Build Websites: Bootstrap Developer Masterclass