English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 13h 31m | 1.96 GB
Master Responsive Web Development Using Bootstrap While Building Real Life projects
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. The projects cover generic development process and are diverse enough to cover a very wide variety of websites. The projects covered in the course are: – Photo App Sales Website, Portfolio Resume using SASS, Social Network Template, Agency Landing page, Photo Gallery, CMS Admin Template, Web hosting Company Website, E-commerce Template, Business Bootstrap Theme and Blog Website.
With all this projects under your back you can build almost anything with Bootstrap. So click that Enroll button and see you on the other side.
What You Will Learn
- Build Responsive Websites
- Understand the use of Bootstrap Components
- Master the best practices for HTML, CSS and JS development
Table of Contents
01 Course Intro
02 Bootstrap Overview
03 Creating a Starter Template
04 Project Intro
05 Navbar and Jumbotron
06 Navbar and Jumbotron – Grid System
07 Columns, Icons & Footer
08 Columns usage
09 Inner Pages, Accordion & Form
10 Mobile Optimization
11 Project Intro
12 SASS Environment Setup
13 Bootstrap HTML Markup
14 Adding Bootstrap HTML Markup – Final Changes
15 Project Intro
15 SCSS Styles
17 Main Page
18 Main Page – Adding Button Group
19 Main Page – Adding More Wall Features
20 Main Page – Fine tuning the main page
21 Members, Groups & Profile Pages
22 Members, Groups & Profile Pages – Final Changes
23 Photos With ToolTip & Modal
24 Final changes to the project
25 Project Intro
26 Setup Less Environment
27 Digital Agency HTML Markup
28 Digital Agency HTML Markup – Final changes
29 Navbar & Intro CSS
30 Final Navbar Changes
31 Page Section CSS
32 Scrolling & Navbar Effect
33 Project Intro
34 Image Grid
35 Category tabs
36 Image Carousel
37 Image Lightbox
38 Project Intro
39 Login Page & BootSwatch Navbar
40 Resource Tables
41 Resource Tables – Final Changes
42 Breadcrumbs, Pagination & Button Groups
43 Table Sorter
44 Search Filter
45 Adding Form Pages
46 Project Intro
47 Theme & Navbar
48 Carousel Slider
49 Icon Blocks & Price Tables
50 Icon Blocks & Price Tables – Final Changes
51 Domains & Contact Pages
52 Login Modal
54 LESS Setup & Navbar
54 Project Intro
55 Header & Product Grid
56 Header & Product Grid – Creating the Final View
57 Tab Showcase
58 Tab Showcase – Final Changes
59 Product Details Page
60 Project Intro
61 Folder & Vendor Setup
62 Navbar & Animated Showcase
63 Homepage Sections
64 Homepage Sections – Final touches
65 Inner pages
66 Inner Pages – Final changes
67 Mobile Optimization & Animation
68 Project Intro
69 Base Layout & Navbar
70 Custom Carousel Slider
71 Custom Carousel Slider – Final Changes
72 Blog Posts
73 Single Post & Inner Pages
74 Summary
Resolve the captcha to access the links!