Bootstrap 4 Development for Professionals [Video]
- FREE Subscription Read for free
- $39.99 Video Buy
- $12.99 Video + Subscription Buy
-
What do you get with a Packt Subscription?
- Instant access to this title and 7,500+ eBooks & Videos
- Constantly updated with 100+ new titles each month
- Breadth and depth in over 1,000+ technologies
-
Free ChapterIntroduction section
-
Bootstrap 101
-
Sassy Cascaded Style Sheets (SCSS) + Gulp
- Syntactically Awesome Style Sheets (Sass) Introduction
- Gulp Introduction
- Installing Syntactically Awesome Style Sheets (Sass) on Windows
- Installing Node.js and NPM
- Starting out with Gulp and Syntactically Awesome Style Sheets (Sass)
- Testing with BrowserSync
- Syntactically Awesome Style Sheets (Sass) Project Structure
- Variables and Nesting
- Block Element Modifier (BEM)
- Extends, Mixins, and Includes
- Functions and Operators
- LAB1 Problem
- LAB1 Solution
- LAB2 Problem
- LAB2 Solution
-
Grid and Flexbox
-
Typography
-
Code, Images, and Figures
-
Components 1 - Alerts, Badges, Breadcrumbs, and Toasts
-
Components 2 - Buttons, Button Groups, and Pagination
-
Components 3 - Cards
-
Components 4 - Carousel, Collapse, and Dropdown
-
Components 5 - Forms, Input Groups, Navs, and Navbar
-
Components 6 - Modal, Progress, Scrollspy, and Spinners
-
Components 7 - Popovers, Toasts, and Tooltips
-
Accessibility
-
Utilities
-
Project 1
-
Project 2
-
Project 3
-
Project 4
-
Project 5
-
Project 6
-
Project 7
-
Project 8
-
Project 9
-
Project 10
Bootstrap 4 has taken the world of web development by storm with its user-friendly features that help developers to build responsive websites. It is no surprise that big names such as Spotify, Twitter, StackShare, Udemy, Coursera, Docker, and Hootsuite use Bootstrap for web development. This course will help you to take your web development career to the next level by familiarizing you with the Bootstrap 4 framework.
The course begins with an introduction to Bootstrap 4 and explains its applications. Next, you’ll get to grips with syntactically awesome style sheets (Sass) and sassy cascading style sheets (SCSS)—extensions of cascading style sheets (CSS)—in detail, along with Gulp. Moving ahead, you’ll explore the layout of flexbox and grid and delve into the concepts of typography, code images, and tables. You’ll also learn some essential Bootstrap concepts such as jQuery, alerts, badges, and button groups. Toward the end, you will enhance your learning experience by working on 10 engaging projects.
By the end of this course, you’ll have developed the Bootstrap 4 skills needed to build responsive and mobile-first websites.
All the code files, resources, and supporting files for this course are available on GitHub at https://github.com/PacktPublishing/Bootstrap-4-Development-for-Professionals
- Publication date:
- October 2020
- Publisher
- Packt
- Duration
- 14 hours 37 minutes
- ISBN
- 9781800560482