Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Bootstrap

Learning Path: Bootstrap: The Complete Guide to Bootstrap 4

Take your web development skills to the next level by building powerful and responsive websites with Bootstrap 4
Rating: 0.0 out of 50.0 (0 ratings)
44 students
Created by Packt Publishing
Published 8/2017
English
30-Day Money-Back Guarantee

What you'll learn

  • Code a professional landing page
  • Explore the Bootstrap grid system
  • Build mobile responsive web applications using Bootstraps flexible grid system
  • Work with modular and customized blocks of content called “cards” to display various text and images
  • Design responsive and accessible tables, and create a refined and accessible user experience
  • Master styling, navigation, and alerts, and responsive queries
  • Build highly customizable web interfaces

Course content

3 sections • 98 lectures • 10h 15m total length

  • Preview02:23
  • Setting Up the Framework
    06:11
  • Building Our First Bootstrap Example
    03:32
  • Applications and Compatibility
    02:18
  • Building Our Scaffolding
    07:45
  • Typography
    11:16
  • Manipulating Tables
    03:31
  • Cross-Browser Compatibility
    02:23
  • Debugging Different Viewports
    05:21
  • Creating the Landing Page
    07:55
  • Changing Grid Layout
    09:28
  • Forming the Forms
    08:01
  • Images and Helpers
    04:47
  • Using Bootstrap Icons
    03:30
  • Adding Navigation
    04:03
  • Dropdown Button
    02:24
  • Understanding Flexbox
    03:18

  • Preview02:08
  • What Is Bootstrap?
    03:45
  • Broad Overview of New Features of Bootstrap 4
    04:56
  • Installing Bootstrap 4
    06:32
  • Building Our Header and Navigation
    08:01
  • Utilizing the Bootstrap Grid System
    06:03
  • Building the Foundation Blocks of Our Content
    07:19
  • Social Feed Content
    09:33
  • Message View
    07:03
  • Building the Profile Page
    05:15
  • Creating Tabbed Content
    09:49
  • Login Screen
    03:58
  • Completing the Profile Page
    05:21
  • Registration Screen
    05:02
  • Alerts, Tooltips, and Popovers
    06:54
  • Troubleshooting
    05:37
  • Best Practices
    06:05
  • Building the Layout
    03:55
  • Navigation
    06:09
  • Table List View
    04:48
  • Progress Bars and Song Navigation
    04:10
  • Adding Icons
    05:15
  • Variable File
    06:48
  • Third-Party Integrations
    06:37
  • Documentation
    05:33
  • Test Your Knowledge
    5 questions

  • Preview07:26
  • Getting Bootstrap – Download - CDN
    06:59
  • Adding Bootstrap to Web Projects
    07:07
  • What is Bootstrap?
    06:42
  • Bootstrap Containers
    05:51
  • Creating a Bootstrap Template
    05:36
  • The Grid System
    08:37
  • Bootstrap Columns and Rows
    10:27
  • Bootstrap Jumbotron
    04:22
  • Bootstrap Typography
    12:17
  • Text Styles
    09:45
  • Bootstrap Cards
    10:31
  • Bootstrap Images
    06:27
  • Bootstrap Nav
    06:28
  • Bootstrap Buttons
    05:02
  • Bootstrap Button Grouping
    06:51
  • Bootstrap Alignments and Styling
    05:20
  • Bootstrap Other Components
    08:33
  • Glyphicons and Font Awesome
    05:52
  • Bootstrap Alerts
    05:40
  • Bootstrap Pagination
    04:36
  • Bootstrap Nav
    09:43
  • Bootstrap Navbars
    07:28
  • Responsive Media Queries
    07:57
  • Forms working with Field
    06:37
  • Bootstrap Forms
    16:31
  • Bootstrap Responsive Utilities
    04:14
  • Useful Web Resources for Better Building
    09:43
  • Bootstrap Template Resource
    03:45
  • Bootstrap Templates
    03:51
  • Setting up jQuery
    05:16
  • CDN and what can be done with jQuery
    10:33
  • Bootstrap ToolTips
    05:55
  • Bootstrap 4 Modal
    08:06
  • Bootstrap 4 Carousel
    08:29
  • Bootstrap 4 Carousel options
    04:13
  • Bootstrap 4 ScrollSpy
    05:16
  • Planning Design Website Concept
    03:02
  • Creating Template and Container
    03:03
  • Add Placeholder Content and Sections
    04:11
  • Create Navbar
    06:24
  • Create the Content Area
    08:58
  • Update and Tweak Layout
    04:55
  • Add custom Styling and Fonts
    10:31
  • Create Functionality Using JQuery
    06:55
  • Planning Design Website Concept
    06:22
  • Creating Template and Container
    04:56
  • Adding placeholder Content and Sections
    05:01
  • Creating Navbar
    05:32
  • Creating the Content Area
    06:53
  • Creating Contact Form
    07:09
  • Creating Portfolio page
    06:51
  • Updating and Tweak Layout
    02:57
  • Adding Custom Styling and Fonts
    03:48
  • Creating Functionality Using JQuery
    07:46
  • Adding in Bootstrap jQuery Components
    07:07
  • Test Your Knowledge
    5 questions

Requirements

  • A basic knowledge of HTML, CSS, and JavaScript is mandatory.

Description

Bootstrap is a free, open-source collection of tools that help developers create websites or web applications. It provides a faster, easier, and less repetitive solution to designing and building applications.

This Learning Path includes 3 complete modules, carefully chosen to give you the most comprehensive learning possible.

The first module, Getting Started with Bootstrap 4 for Web Development, is a tutorial packed with examples showing you how to create interesting web applications using Bootstrap and master the front-end framework to its core. We begin with an introduction to the Bootstrap framework and set up an environment to build a simple web page. We then cover the grid system, basic Bootstrap components, HTML elements, and customization components for responsive and mobile-first development.

The second module, Bootstrap 4 Projects, will take you through not only Bootstrap 4's new features and changes, but create larger projects with these components and frameworks. These projects include building out the structure and design of a social media platform, comprehensive login and registration forms, and finally a music library application. Each project will provide you with a chance to use some of the new Bootstrap 4 components in the greater context of the Bootstrap framework.

The third module, Mastering Bootstrap 4, will help you learn to use Bootstrap within your web projects for more rapid development. You’ll explore how you can use CSS classes within your HTML to bring Bootstrap functionality to your project.

By the end of this Learning Path, you will have a thorough knowledge of the framework’s ins and outs and be able to build highly customizable and optimized web interfaces. Your websites and projects of all sizes will work across multiple screens sizes perfectly with Bootstrap.

Meet Your Expert(s):

We have the best work of the following esteemed author(s) to ensure that your learning journey is smooth:

  • Silvio Moreto is a developer with more than 7 years' experience with frontend technologies and has created many websites and web applications using the Bootstrap framework. From simple pages to complex ones, he has always used the Bootstrap framework. Silvio is also the creator of the bootstrap-select plugin; this plugin (very popular among the community) replaces a selected element with a Bootstrap button drop-down element. Silvio foresaw that a plugin like this one was missing in the original framework and could be useful for the community. So, he created the plugin, and the community helps him maintain it. Besides this, he is very active in the open-source community, participating in some open-source repository and issue communities, such as Stack Overflow. Also, he finished third in the worldwide Django Dash 2013 challenge.

  • Aaron Vanston is a front-end developer and product specialist based in Melbourne, Australia, specializing in usability and user experience design on the web. He has a multidisciplinary background ranging from digital marketing to web application development. He is currently exploring his passion for web development through his own web development studio and start-ups/ web development teams within Melbourne. In the past, Aaron has developed a range of tutorials based on design and web development including various Bootstrap written tutorials.

  • Laurence Svekis is an instructor. He has 18+ years' work experience in web development, providing smart digital solutions online for both small and enterprise-level businesses. An experienced web application developer, he has worked on multiple enterprise-level applications, hundreds of websites and business solutions, and many unique and innovative web applications. His web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP, and MySQL—in short, anything to do with web creation and digital experience. He is passionate about everything to do with web application development and programming to online marketing with a strong focus on social media and SEO.

Who this course is for:

  • This Learning Path targets frontend developers with no prior knowledge of Bootstrap and anyone keen to develop awesome responsive pages.

Instructor

Packt Publishing
Tech Knowledge in Motion
Packt Publishing
  • 3.9 Instructor Rating
  • 57,944 Reviews
  • 349,164 Students
  • 1,420 Courses

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.



  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.