Bootstrap Development By Building 10 Projects
- Offered byEduonix
Bootstrap Development By Building 10 Projects at Eduonix Overview
Duration | 13 hours |
Total fee | ₹1,437 |
Mode of learning | Online |
Schedule type | Self paced |
Difficulty level | Intermediate |
Credential | Certificate |
Future job roles | Business Communication, Business Analytics |
Bootstrap Development By Building 10 Projects at Eduonix Highlights
- 1 Supplemental Resource
- 10 Industry case studies & 10 real world examples
Bootstrap Development By Building 10 Projects at Eduonix Course details
- Students and IT professionals
- Students should have basic knowledge of HTML, CSS and JavaScript
- 13.5 Hours on-demand video
- 1 Supplemental Resource
- Course Completion Certificate
- 10 Industry case studies & 10 real world examples
- Bootstrap is the world's most popular mobile ready web development framework for HTML, CSS and JavaScript. Bootstrap is for you if you want to quickly build a super cool website which work across devices and browsers. It is easy to learn and super powerful. We have bought together all the best practices of building bootstrap sites into an unique project based course which will teach you all the nuances of web development while building real world bootstrap projects.
Bootstrap Development By Building 10 Projects at Eduonix Curriculum
SECTION 1 : Getting Started With Bootstrap
Course Intro Preview
Bootstrap Overview
Creating a Starter Template
SECTION 2 : Photo App Sales Website
Project 1 Intro Preview
Navbar & Jumbotron Preview
Navbar and Jumbotron - Grid System
Columns, Icons and Footer
Columns usage
Inner Pages, Accordian and Form
Moble Optimization
SECTION 3 : Portfolio Resume Using SASS
Project 2 Intro Preview
Sass Environment Setup Preview
Bootstrap HTML Markup
Adding Bootstrap HTML Markup - Final Changes
SCSS Styles
SECTION 4 : Social Network Template
Project 3 Intro
Main Page
Main Page - Adding Button Group
Main Page - Adding More Wall Features
Main Page - Fine tuning the main page
Members, Groups & Profile Pages
Members, Groups & Profile Pages - Final Changes
Photos With ToolTip & Modal
Final changes to the project
SECTION 5 : Agency Landing Page Using LESS
Project 4 Intro
LESS Environment Setup
Digital Agency HTML Markup
Digital Agency HTML Markup - Final changes
Navbar & Intro CSS
Final Navbar Changes
Page Section CSS
Scrolling & Navbar Effect
SECTION 6 : Photo Gallery
Project 5 Intro
Image Grid
Category Tabs
Image Carousel
Image Lightbox
SECTION 7 : CMS Admin Template
Project 6 Intro
Login Page and BootSwatch Navbar
Resource Tables
Resource Tables - Final Changes
Breadcrumbs, Pagination and Button Groups
Table Sorter
Search Filter
Adding Form Pages
SECTION 8 : Web Hosting Company Website
Project 7 Intro
Theme and Navbar
Carousel Slider
Icon Blocks & Price Tables
Icon Blocks & Price Tables - Final Changes
Domains and Contact Pages
Login Modal
SECTION 9 : Ecommerce Template
Project 8 Intro
LESS Setup and Navbar
Header & Product Grid
Header & Product Grid - Creating the Final View
Tab Showcase
Tab Showcase - Final Changes
Product Details Page
SECTION 10 : Business Bootstrap Theme
Project 9 Intro
Folder & Vendor Setup
Navbar & Animated Showcase
Homepage Sections
Homepage Sections - Final touches
Inner Pages
Inner Pages - Final changes
Mobile Optimization & Animation
SECTION 11 : Blog Website
Project 10 Intro
Base Layout & Navbar
Custom Carousel Slider
Custom Carousel Slider - Final Changes
Blog Posts
Single Post & Inner Pages
SECTION 12 : Course Summary
Course Summary
Fetching & Displaying Recipes
Adding Recipes
Deleting Recipes
Editing Recipes
SECTION 13 : Albumz Music Manager
Project Intro
App & Firebase Setup
Creating a Layout With EJS
Adding Genres & Albums
Listing Albums & Genres
Album Details Page
Edit Albums & Genres
Delete Albums & Genres
Register & Login
Access Control
SECTION 14 : Summary
Summary
Other courses offered by Eduonix
Student Forum
Anything you would want to ask experts?