O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learn Bootstrap Development by Building 10 Projects

Video Description

Master Responsive Web Development Using Bootstrap While Building Real Life projects

About This Video

  • work with 10 real life projects to learn Bootstrap

  • 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, Blog Website are 10 projects in this video course

  • In Detail

    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.

    Table of Contents

    1. Chapter 1 : Getting Started With Bootstrap
      1. Course Intro 00:05:25
      2. Bootstrap Overview 00:07:19
      3. Creating a Starter Template 00:07:11
    2. Chapter 2 : Photo App Sales Website
      1. Project Intro 00:02:18
      2. Navbar and Jumbotron 00:10:00
      3. Navbar and Jumbotron - Grid System 00:12:37
      4. Columns, Icons & Footer 00:09:58
      5. Columns usage 00:11:18
      6. Inner Pages, Accordion & Form 00:16:09
      7. Mobile Optimization 00:18:11
    3. Chapter 3 : Portfolio Resume Using SASS
      1. Project Intro 00:02:00
      2. SASS Environment Setup 00:13:30
      3. Bootstrap HTML Markup 00:10:29
      4. Adding Bootstrap HTML Markup - Final Changes 00:14:59
      5. SCSS Styles 00:15:51
    4. Chapter 4 : Social Network Template
      1. Project Intro 00:02:06
      2. Main Page 00:15:26
      3. Main Page - Adding Button Group 00:18:08
      4. Main Page - Adding More Wall Features 00:11:03
      5. Main Page - Fine tuning the main page 00:10:10
      6. Members, Groups & Profile Pages 00:15:30
      7. Members, Groups & Profile Pages - Final Changes 00:10:42
      8. Photos With ToolTip & Modal 00:10:47
      9. Final changes to the project 00:10:05
    5. Chapter 5 : Agency Landing Page Using LESS
      1. Project Intro 00:02:44
      2. Setup Less Environment 00:09:31
      3. Digital Agency HTML Markup 00:10:50
      4. Digital Agency HTML Markup - Final changes 00:10:51
      5. Navbar & Intro CSS 00:11:57
      6. Final Navbar Changes 00:09:46
      7. Page Section CSS 00:13:38
      8. Scrolling & Navbar Effect 00:11:31
    6. Chapter 6 : Photo Gallery
      1. Project Intro 00:02:00
      2. Image Grid 00:10:27
      3. Category tabs 00:07:40
      4. Image Carousel 00:09:30
      5. Image Lightbox 00:10:38
    7. Chapter 7 : CMS Admin Template
      1. Project Intro 00:03:24
      2. Login Page & BootSwatch Navbar 00:17:22
      3. Resource Tables 00:15:12
      4. Resource Tables - Final Changes 00:09:41
      5. Breadcrumbs, Pagination & Button Groups 00:10:45
      6. Table Sorter 00:10:04
      7. Search Filter 00:11:32
      8. Adding Form Pages 00:15:00
    8. Chapter 8 : Web Hosting Company Website
      1. Project Intro 00:02:03
      2. Theme & Navbar 00:08:27
      3. Carousel Slider 00:17:35
      4. Icon Blocks & Price Tables 00:10:59
      5. Icon Blocks & Price Tables - Final Changes 00:11:32
      6. Domains & Contact Pages 00:17:44
      7. Login Modal 00:07:26
    9. Chapter 9 : Ecommerce Template
      1. Project Intro 00:01:48
      2. LESS Setup & Navbar 00:16:58
      3. Header & Product Grid 00:10:06
      4. Header & Product Grid - Creating the Final View 00:14:14
      5. Tab Showcase 00:14:28
      6. Tab Showcase - Final Changes 00:12:42
      7. Product Details Page 00:16:50
    10. Chapter 10 : Business Bootstrap Theme
      1. Project Intro 00:01:47
      2. Folder & Vendor Setup 00:13:39
      3. Navbar & Animated Showcase 00:19:46
      4. Homepage Sections 00:10:14
      5. Homepage Sections - Final touches 00:10:41
      6. Inner pages 00:13:59
      7. Inner Pages - Final changes 00:13:39
      8. Mobile Optimization & Animation 00:17:46
    11. Chapter 11 : Blog Website
      1. Project Intro 00:01:35
      2. Base Layout & Navbar 00:14:45
      3. Custom Carousel Slider 00:11:42
      4. Custom Carousel Slider - Final Changes 00:13:50
      5. Blog Posts 00:14:42
      6. Single Post & Inner Pages 00:09:42
    12. Chapter 12 : Course Summary
      1. Summary 00:05:03