What will i learn?
- Create web pages using Bootstrap
- Use Bootstrap for responsive web development
- Integrate Bootstrap components
- Design mobile first websites
- A starter portfolio with all the class projects
Curriculum for this course
110 Lessons
14:34:56 Hrs
CSS Fundamentals
25 Lessons
02:02:28 Hours
- Brief CSS Introduction 00:06:05 Hours
- CSS in HTML 00:10:06 Hours
- CSS Syntax 00:03:47 Hours
- CSS Fonts 00:05:47 Hours
- CSS Text 00:05:43 Hours
- CSS Links 00:03:19 Hours
- CSS Layers 00:02:42 Hours
- CSS Lists 00:04:30 Hours
- CSS Animation 00:10:20 Hours
- CSS 2D Transform 00:03:43 Hours
- CSS 3D Transform 00:02:55 Hours
- CSS Introduction To Colors 00:03:29 Hours
- CSS More Colors 00:03:52 Hours
- CSS Cursors 00:02:26 Hours
- CSS Padding 00:03:47 Hours
- CSS Positioning 00:06:43 Hours
- CSS Dimensions 00:03:48 Hours
- CSS Rounded Corners 00:05:20 Hours
- CSS Visibility 00:02:21 Hours
- CSS Scrollbars 00:02:26 Hours
- CSS Selectors 00:12:03 Hours
- CSS Background 00:05:39 Hours
- CSS Gradient 00:04:10 Hours
- CSS Images 00:02:01 Hours
- CSS Borders 00:05:26 Hours
Introduction To Bootstrap
6 Lessons
01:13:27 Hours
- About The Course 00:02:22 Hours
- What Is Bootstrap 00:01:51 Hours
- The History of Bootstrap 00:00:57 Hours
- Starter Template 00:03:43 Hours
- Bootstrap 4 Learning 00:04:34 Hours
- Bootstrap Learning Kit 01:00:00 Hours
Bootstrap Layout
3 Lessons
00:24:02 Hours
- About The Layout Section 00:00:43 Hours
- Containers 00:02:24 Hours
- Grid System and Breakpoints 00:20:55 Hours
Bootstrap Content
7 Lessons
00:37:53 Hours
- About The Content Section 00:00:57 Hours
- Reboot 00:01:19 Hours
- Typography 00:11:19 Hours
- Images 00:03:28 Hours
- Figures 00:02:47 Hours
- Tables 00:13:01 Hours
- Code 00:05:02 Hours
Bootstrap Components
27 Lessons
04:32:50 Hours
- About The Components Section 00:00:32 Hours
- Alerts 00:07:35 Hours
- Badges 00:05:21 Hours
- Breadcrumbs 00:03:35 Hours
- Buttons 00:13:14 Hours
- Button Group 00:04:19 Hours
- Card 00:17:39 Hours
- Carousel 00:13:37 Hours
- Collapse 00:09:11 Hours
- Dropdowns 00:12:49 Hours
- Forms Controls 00:34:45 Hours
- Forms Layout 00:07:57 Hours
- Forms Validation 00:11:49 Hours
- Input Group 00:10:02 Hours
- Jumbotron 00:03:16 Hours
- List Group 00:15:08 Hours
- Media Object 00:06:13 Hours
- Modal 00:13:07 Hours
- Navs 00:12:05 Hours
- Navbar 00:14:43 Hours
- Pagination 00:10:32 Hours
- Popovers 00:11:27 Hours
- Progress 00:06:15 Hours
- Scrollspy 00:05:27 Hours
- Spinners 00:07:38 Hours
- Toasts 00:07:29 Hours
- Tooltips 00:07:05 Hours
Bootstrap Utilities
20 Lessons
01:48:33 Hours
- About The Utilities Section 00:00:29 Hours
- Borders 00:08:15 Hours
- Clearfix 00:01:59 Hours
- Close Icon 00:01:28 Hours
- Colors 00:06:01 Hours
- Display 00:08:07 Hours
- Embed 00:04:05 Hours
- Flex 00:22:42 Hours
- Float 00:03:55 Hours
- image Replacement 00:02:07 Hours
- Overflow 00:02:20 Hours
- Position 00:03:47 Hours
- Screen Readers 00:01:44 Hours
- Shadows 00:01:39 Hours
- Sizing 00:03:23 Hours
- Spacing 00:15:28 Hours
- Stretched Link 00:03:44 Hours
- Text 00:10:55 Hours
- Vertical Align 00:04:28 Hours
- Visibility 00:01:57 Hours
Bootstrap Templates
15 Lessons
02:13:46 Hours
- About The Templates Section 00:00:18 Hours
- Photo Gallery 00:10:19 Hours
- Video Gallery 00:09:27 Hours
- Mixed Gallery 00:11:50 Hours
- Audio Gallery 00:09:03 Hours
- Login 00:07:12 Hours
- Contact 00:15:20 Hours
- Footer 00:10:44 Hours
- Sitemap 00:07:55 Hours
- Shortcuts 00:09:14 Hours
- FAQ 00:06:45 Hours
- Thank you 00:03:29 Hours
- Employees 00:06:46 Hours
- Pricing Table 00:08:34 Hours
- Create Account 00:16:50 Hours
Advanced Bootstrap
7 Lessons
01:41:57 Hours
- About The Advanced Bootstrap Section 00:01:00 Hours
- Customizing The Default Styling 00:11:41 Hours
- Using Google Fonts 00:03:36 Hours
- Adding Icons with Font Awesome 00:10:10 Hours
- Downloading and Installing Font Awesome 00:04:44 Hours
- Javascript Triggers, Options, Methods and Events 00:10:46 Hours
- Build Your Own CSS Framework 01:00:00 Hours
Requirements
- Basic understanding of HTML
- Basic familiarity with CSS
- Desire to learn Bootstrap
- Desire to make better-designed web content
Description
How do you develop top-notch, pleasing and modern while making it responsive to be viewed on any device while being search engine friendly? Mobile-first web development! This course will show you how to create and utilize Twitter's Bootstrap to effectively make AMAZING websites.
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web. Let us help you learn and master Bootstrap!
This Advanced Front End Development course is a Kerryn Academy sponsored exclusive that shows you by examples how to create AWESOME web pages using Twitter Bootstrap.
Everything you need to learn about Bootstrap is provided within this course.
Other Related Courses
About the instructor(s)
- 24 Reviews
- 143 Students
- 14 Courses
Senior System Software Specialist & Full-Stack Developer
With over 30 years of experience building websites, mobile, and web applications for organizations like NYU Medical Center, Boston Institute of Technology, Chrysler Corp, and Health RX Scripts Pharmacy, I’ve had the privilege of leading innovative tech solutions across various industries.
In recent years, my focus has shifted towards empowering minority- and women-led small businesses, helping them leverage technology to thrive in a competitive world. I’m also passionate about mentoring the next generation, particularly young students in the Caribbean, sharing my expertise to inspire and equip them for successful careers in technology, just as I’ve enjoyed throughout mine.
Student feedback
Reviews
-
Fri, 23-Feb-2024Ladarrin Holmanjust started but its going good so far -
Wed, 17-Jul-2024Chelsea Dalrymple
Write a public review