Build Beautiful Websites Faster and Easier Using Bootstrap 4 | Andrew Whitworth | Skillshare

Build Beautiful Websites Faster and Easier Using Bootstrap 4 Staff Pick

Andrew Whitworth, Full Stack Web Developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
114 Lessons (9h 45m)
    • 1. Course Trailer

      1:14
    • 2. Setup - VS Code/Text Editor

      4:02
    • 3. Setup - Course Files

      4:39
    • 4. Setup - Window Size Tool

      2:02
    • 5. Setup - File Comparisons

      2:29
    • 6. Intro to Bootstrap Playgrounds

      4:22
    • 7. Containers

      4:25
    • 8. Grid - Part 1

      0:51
    • 9. Grid - Part 2

      8:59
    • 10. Grid - Part 3

      7:33
    • 11. Grid Breakpoints - Part 1

      5:38
    • 12. Grid Breakpoints - Part 2

      4:50
    • 13. Grid Breakpoints - Part 3

      7:27
    • 14. Display - Part 1

      5:13
    • 15. Display - Part 2

      7:07
    • 16. Flex - Part 1

      6:53
    • 17. Flex - Part 2

      4:38
    • 18. Flex - Part 3

      10:17
    • 19. Flex - Part 4

      6:41
    • 20. Flex - Part 5

      3:01
    • 21. Flex - Part 6

      4:04
    • 22. Flex - Part 7

      4:37
    • 23. Flex - Part 8

      2:12
    • 24. Typography

      6:33
    • 25. Text Utilities

      5:50
    • 26. Code Styling

      3:40
    • 27. Colors

      6:13
    • 28. Spacing - Part 1

      7:05
    • 29. Spacing - Part 2

      5:51
    • 30. Spacing - Part 3

      4:34
    • 31. Sizing

      5:08
    • 32. Images

      5:02
    • 33. Figures

      2:37
    • 34. Borders

      6:47
    • 35. Tables

      8:54
    • 36. Vertical Align

      1:59
    • 37. Float

      1:35
    • 38. Clearfix

      2:28
    • 39. Screenreaders

      3:05
    • 40. Media Objects

      5:30
    • 41. Alerts

      4:05
    • 42. Badges

      4:03
    • 43. Breadcrumbs

      3:43
    • 44. Buttons - Part 1

      3:12
    • 45. Buttons - Part 2

      5:23
    • 46. Button Group

      4:16
    • 47. Dropdowns - Part 1

      6:04
    • 48. Dropdowns - Part 2

      5:30
    • 49. Dropdowns - Part 3

      2:00
    • 50. Cards - Part 1

      4:35
    • 51. Cards - Part 2

      4:16
    • 52. Cards - Part 3

      4:38
    • 53. Cards - Part 4

      6:05
    • 54. Forms - Part 1

      4:25
    • 55. Forms - Part 2

      5:54
    • 56. Forms - Part 3

      3:19
    • 57. Input Groups

      7:14
    • 58. Navs

      7:10
    • 59. Navbars - Part 1

      7:51
    • 60. Navbars - Part 2

      3:03
    • 61. Position

      3:01
    • 62. Pagination

      3:40
    • 63. Progress Bars

      4:44
    • 64. Carousels

      4:16
    • 65. Collapse

      7:46
    • 66. Tooltips

      1:59
    • 67. Popovers

      3:50
    • 68. Modals

      6:39
    • 69. Scrollspy

      9:35
    • 70. Bootstrap Playgrounds Wrap-up

      0:57
    • 71. Project 1 - Overview

      1:41
    • 72. Project 1 - Overiew v2

      1:41
    • 73. Project 1 - Step 1

      3:40
    • 74. Project 1 - Step 2

      4:25
    • 75. Project 1 - Step 3

      4:43
    • 76. Project 1 - Step 4

      4:33
    • 77. Project 1 - Step 5

      3:23
    • 78. Project 1 - Step 6

      3:16
    • 79. Project 1 - Step 7

      9:42
    • 80. Project 1 - Step 8

      6:02
    • 81. Project 2 - Overview

      1:34
    • 82. Project 2 - Step 1

      7:41
    • 83. Project 2 - Step 2

      6:41
    • 84. Project 2 - Step 3 - Part 1

      3:53
    • 85. Project 2 - Step 3 - Part 2

      4:34
    • 86. Project 2 - Step 4

      5:39
    • 87. Project 2 - Step 5

      7:25
    • 88. Project 2 - Step 6

      6:40
    • 89. Project 2 - Step 7

      4:27
    • 90. Project 3 - Bullseye Overview

      1:54
    • 91. Project 3 - Template - Step 1

      5:32
    • 92. Project 3 - Template - Step 2

      4:22
    • 93. Project 3 - Template - Step 3

      7:06
    • 94. Project 3 - Template - Step 4

      6:55
    • 95. Project 3 - Homepage - Step 1

      6:52
    • 96. Project 3 - Homepage - Step 2

      4:15
    • 97. Project 3 - Homepage - Step 3

      9:41
    • 98. Project 3 - Homepage - Step 4

      7:42
    • 99. Project 3 - Homepage - Step 5

      0:53
    • 100. Project 3 - About Page

      3:13
    • 101. Project 3 - Careers Page

      6:25
    • 102. Project 3 - Contact Page

      9:28
    • 103. Project 3 - Franchising Page

      6:39
    • 104. Project 3 - Locations Page - Part 1

      9:52
    • 105. Project 3 - Locations Page - Part 2

      5:15
    • 106. Project 3 - Rewards Page

      5:34
    • 107. Project 3 - Menu Page - Part 1

      10:48
    • 108. Project 3 - Menu Page - Part 2

      4:26
    • 109. Project 3 - Menu Page - Part 3

      4:59
    • 110. Project 3 - Menu Page - Part 4

      11:22
    • 111. Project 3 - Menu Page - Part 5

      1:33
    • 112. Project 3 - Menu Page - Part 6

      4:51
    • 113. Project 3 - Menu Page - Part 7

      7:19
    • 114. Project 3 - Menu Page - Part 8

      7:30
22 students are watching this class

About This Class

**Take this class for free with Skillshare's offer of 2 free months! https://skl.sh/2Gmm85A**

Building beautiful websites can be difficult because you always have to start from scratch. However, with a toolkit or framework like Bootstrap you don't have to start from scratch each time. You simply decide what you want to build, turn on some classes or options and you are ready to go. 

For this course I have built a custom site called the Bootstrap Playgrounds. Here you can quickly and easily learn how to use Bootstrap (version 4.0.0). After you learn Bootstrap you will build a restaurant themed website or a project of your choosing. Check out the project section for more details.

602c7a53