The Complete Bootstrap Master Class Course - Build 4 Projects!

Joe Parys, Online Instructor | www.joeparys.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
69 Lessons (6h 55m)
    • 1. 0 Bootstrap Master Class Promotional Video

      1:22
    • 2. 1 Course Benefits: An Introduction to Bootstrap and Our Master Class Course!

      2:40
    • 3. 2 REN Bootstrap and jQuery CDN (1)

      7:22
    • 4. 3 Downloading and Installing Bootstrap (1)

      4:35
    • 5. 3.5 Mobile First

      3:50
    • 6. 4 REN How Boostrap Works (1)

      2:09
    • 7. 5 REN Containers (1)

      2:22
    • 8. 6 REN Grid System (1)

      6:17
    • 9. 7 Text Styles (1)

      7:01
    • 10. 8 REN More on Text Styles (1)

      10:11
    • 11. 9 Bootstrap Tables (1)

      7:28
    • 12. 10 Bootstrap Images (1)

      2:20
    • 13. 11 Bootstrap Buttons

      3:55
    • 14. 12 Button Group

      3:39
    • 15. 13 REN DropDown Menu

      6:39
    • 16. 14 Bootstrap Glyphicon

      6:05
    • 17. 15 Jumbotron and page header

      3:02
    • 18. 16 Bootstrap Wells

      1:49
    • 19. 17 Bootstrap Alert

      4:48
    • 20. 18 N REN Bootstrap badges and Labels

      4:18
    • 21. 19 REN Bootstrap Panel

      4:16
    • 22. 20 Collapsible

      5:30
    • 23. 21 Panel Collapsible

      3:07
    • 24. 22 List Group

      8:01
    • 25. 23 Collapsible Group Panel

      12:19
    • 26. 24 Bootstrap Tabs

      5:50
    • 27. 25 Bootstrap Pills

      5:17
    • 28. 26 Bootstrap Dynamic Tabs and Pills

      4:57
    • 29. 27 Bootstrap Pager and Pagination

      5:07
    • 30. 28 Bootstrap Navbar

      9:10
    • 31. 29 Bootstrap Form Layout (1)

      9:39
    • 32. 30 Bootstrap Form Elements (1)

      10:50
    • 33. 31 Bootstrap Form Element 2 (1)

      3:35
    • 34. 32 Bootstrap Form Validation Style (1)

      5:33
    • 35. 33 REN Bootstrap Modals (1)

      6:47
    • 36. 34 Bootstrap Carousel

      10:04
    • 37. 35 Bootstrap Carousel with Caption

      3:10
    • 38. 36 Bootstrap ScrollSpy

      9:49
    • 39. 37 Bootstrap Tooltip

      5:46
    • 40. 38 Bootstrap PopOver

      5:10
    • 41. 39 Creating Navigation And First Section

      9:34
    • 42. 40 Creating My Work Page

      5:43
    • 43. 41 Creating About Area

      8:10
    • 44. 42 Creating Contact Area

      6:19
    • 45. 43 Creating Navbar

      4:15
    • 46. 44 Creating Carousel Slider

      7:21
    • 47. 45 Creating Thumbnails

      6:23
    • 48. 46 Creating Footer

      2:13
    • 49. 47 Creating Modal

      8:25
    • 50. 48 REN Creating Gallery Using LightBox Plugin

      11:02
    • 51. 49 Adding Caption to the LightBox Gallery

      1:51
    • 52. 50 Creating HTML syntax (1)

      3:33
    • 53. 51 Creaing Navbar and Customizing Bootstrap (1)

      8:47
    • 54. 52 Creating Header and Search Bar (1)

      12:37
    • 55. 53 Creating Posts Area (1)

      15:57
    • 56. 54 Creating Footer (1)

      5:07
    • 57. 55 Creating Posts (1)

      4:24
    • 58. 56 Creating About Page (1)

      4:49
    • 59. 57 Creating HTML Syntax and Navbar

      7:24
    • 60. 58 Creating Carousel

      7:56
    • 61. 59 Adding Caption to Carousel

      3:40
    • 62. 60 Creating aside and Product Area

      8:45
    • 63. 61 Recreating the aside Area with New Style

      7:17
    • 64. 62 Creating Product Page

      12:49
    • 65. 63 Creating Related Search Area

      2:39
    • 66. 64 Creating Modal form Form

      5:10
    • 67. 65 Creating Order Form

      5:15
    • 68. 66 Boostrap Conclusion

      0:49
    • 69. Skillshare Feedback Video

      0:47

Project Description

Class Project: Upload Your Bootstrap Project Today! 

In this course we have show you have to create 4 different projects using Bootstrap! 

1) Portfolio Project 

2) Photo Project

3) Blog Project 

4) eCommerce Project

We would love to see how your unique projects turn out! 

Post screenshot(s) of your new projects to our project board today! 

You can even create multiple projects and post them as well! 

Here are the examples from our course! 

1) Photo Project

ce33a3b9

2) Blog Project 

5ad3dee2

3) eCommerce Project

9bfe1d1c

4) Portfolio Project 

da528d46


Thank you for sharing your projects! 

Sincerely,

Joe Parys & Shahzaib Kamal 

Student Projects