Bootstrap 4 Development for Professionals

Description

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

What You Will Learn

Get to grips with the Bootstrap 4 framework and library
Install Sass and Gulp on your machine
Discover how to add custom Bootstrap to a project
Style and format the text content with typography
Use breadcrumbs to show the user the current location of the content on the website
Build an appealing slideshow of the content using carousels

Audience

If you are a web designer or web developer looking to use Bootstrap 4 to make responsive websites, then this course is for you.

Approach

With the help of interesting projects and examples, this course will help you to get started with Bootstrap 4. You will learn how to use the Bootstrap 4 framework to build responsive websites that will look attractive on a large desktop as well as mobile phones.

Key Features

Get started with the Bootstrap 4 framework * Familiarize yourself with Sass, Gulp, and SCSS * Understand how website content adjusts automatically on different devices

Github Repo

https://github.com/PacktPublishing/Bootstrap-4-Development-for-Professionals

About the Author

Eduonix Learning Solutions

Eduonix learning Solutions is a premier training and skill development organization which was started with a vision to bring world class training content, pedagogy and best learning practices to everyone's doorsteps . Eduonix aims to identify and provide the best learning and training environment. It identifies industry veterans and content creators around the globe and bring it to the global audience using number of intuitive platforms for easy and affordable access to quality content. Eduonix offers easy to understand online courses and workshops for everyday people. If you have ever wanted to learn a new skill, but don't want to attend four years of college to do it, we have a solution for you.

Course Outline

1. Introduction

2. Bootstrap 101

3. SCSS + Gulp

4. Grid and Flexbox

5. Typography

6. Code Images and Figures

7. Components 1: Alerts, Badges, Breadcrumbs, and Toasts

8. Components 2: Buttons, Button Groups, and Pagination

9. Components 3: Cards

10. Components 4: Carousel, Collapse, and Dropdown

11. Components 5: Forms and Input Groups

12. Components 6: Jambotrone, List Groups, and Media Objects

13. Components 7: Modal, Popovers, and Tooltips

14. Accessibility

15. Utilities

16. Project 1

17. Project 2

18. Project 3

19. Project 4

20. Project 5

21. Project 6

22. Project 7

23. Project 8

24. Project 9

25. Project 10