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
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Neuroscience Emotional Intelligence
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 Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging 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

Complete Bootstrap 4 - build 5 modern projects

Bootstrap 4 with modern trends in web development. Design mobile optimized projects and master bootstrap 4
Rating: 4.0 out of 54.0 (3 ratings)
45 students
Created by Igneus Technologies
Last updated 1/2019
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Learn to design 5 modern web pages
  • Learn to use Bootstrap in any web project
  • develop websites for multiple sceens
  • Learn to read bootstrap docs and use them
  • Design responsive web pages

Course content

10 sections • 68 lectures • 9h 23m total length

  • Preview04:54
  • Preview04:34
  • Preview05:10
  • Emmet quick start part 1
    08:03
  • Emmet quick start part 2
    05:59

  • Bootstrap integration
    11:03
  • Bootstrap typography basics
    08:36
  • Bootstrap typography for testimonials
    09:03
  • Embed responsive youtube videos
    09:57

  • Getting assets and preparing html
    10:31
  • Beautiful landing page
    15:13
  • Customized fonts
    03:57

  • Get started with bootstrap buttons
    07:07
  • Button size and backgrounds
    11:36
  • Border utilities in bootstrap
    08:18
  • Mobile first concept of bootstrap
    11:23
  • Breakpoints in grid
    07:21

  • Getting assets and basic setup of projects
    08:20
  • Logo and display utilities
    06:20
  • Heading section
    05:21
  • Team person one content
    07:21
  • Custom styling for team section
    08:19
  • Some fix and assignments
    08:52

  • Get started with navs
    07:42
  • Flexbox utilities
    05:06
  • Nav panels and assignments
    11:20
  • Basics of navbars
    08:44
  • Toggles and colors in navbars
    10:25
  • Forms in bootstrap
    11:52
  • input groups in Bootstrap
    07:16
  • Modals in bootstrap 4
    14:24

  • Device mockups
    06:53
  • getting resources
    10:13
  • Navbar part 1
    09:42
  • Center menu of navbars
    09:05
  • Login modal
    08:40
  • Feature section with custom font
    09:09
  • Background svg image
    09:07
  • Device mockups usage
    06:40
  • Subscription form customization
    05:40
  • App store icons
    04:41
  • App store CSS
    05:56
  • Building feature section
    08:26
  • Feature column section
    07:05
  • Customized CSS for features
    09:24
  • Fixing bugs and gradients
    04:22
  • Just fun - unplanned video
    15:52

  • Introduction to cards
    10:56
  • 02 Introduction to cards part 2
    08:20
  • Download project 4 files
    05:10
  • Preparing HTML for card 1
    11:07
  • Card 1 custom CSS part 1
    12:51
  • Preparing HTML for Card 2
    06:43
  • Card 2 custom CSS
    10:11
  • Preparing HTML for card 3
    06:01
  • Card 3 custom css part 1
    06:51
  • Custom CSS for card 3 - part 2
    08:30
  • Custom CSS for card 3 - part 3
    06:21
  • Preparing HTML for card 4
    06:59
  • Custom CSS for card 4
    07:22

  • Download projects 5 files
    04:03
  • Preparing our HTML
    13:35
  • CSS for background image
    08:50
  • Purple styling of buttons
    10:16
  • Adding colors to buttons
    06:47
  • Fixing cutom forms
    10:24
  • Fixing errors and media queries
    06:57

  • Thanks for taking this course
    00:01

Requirements

  • Basics of HTML and CSS is required. No need to be expert in CSS

Description

Welcome to a course on Bootstrap 4. 

Most important thing is that Bootstrap 4 is not dependent in any other version of bootstrap. So you can start learning bootstrap 4 without knowledge of any other version. Learning bootstrap is easy as their documentation is one of the best documentation available online. But the difficult part is to learn bootstrap and be able to develop projects that look modern and are responsive.

To resolve this major issues, we will be creating 5 completely different projects by using bootstrap 4 knowledge. These projects will not only help you in learning bootstrap but will also act as your portfolio while applying for jobs as a front end developer or full stack developer. One of the major reason that people love bootstrap so much is that everything looks so great right out of the box. Most of the components don’t require much CSS work. So if you think that you are not that much great in CSS, bootstrap is for you.

If you know CSS a little, you can take bootstrap projects to next level. 

I will walk you through with bootstrap basics, installation and usage for projects. Bootstrap is super easy to integrate and you will be using bootstrap in no time. One of the big myth is that all bootstrap projects looks the same. That is because most people don’t change anything default in bootstrap. In this course, I. Will walk you to edit CSS in bootstrap projects and make them customized. 
This is a very simple course that can be mastered within a week or so. All exercise files, graphic assets and some of my custom clicked amazing photos also comes with this course. 


Check the promo video to see all the projects that we will be building in this course.

Catch you inside the course!

Who this course is for:

  • Beginners in web development
  • Beginners, just after HTML and CSS
  • One who wants to improve web development skills

Instructor

Igneus Technologies
Best Comprehensive Courses
Igneus Technologies
  • 4.2 Instructor Rating
  • 12,799 Reviews
  • 184,354 Students
  • 43 Courses

We at Igneus have trained students from IIT's, NIT's and reputed companies. Students from all over the globe have trusted our High quality and affordable trainings from 10+ countries and have opted for our Certification programs.

IGNEUS stands for the Revolutionary and a quality enhanced change that we’ve tried to come up with in the modern world of Internet education. We’ve come up bearing in mind the maximum emphasis on the quality dealing with every new technology which has made us distinguished from the throng at internet. And this revolution of choice will keep continuing. Today IGNEUS Technologies has proudly lifting up the tag of being the world's most trusted provider of myriad of services and training programs aiding constantly in every corner of the globe along with web security aspects, and open source technology.

IGNEUS Technologies Pvt. Ltd is a dream shared and brought up by two computer geniuses to make the society upgraded and aware of the cyber crimes that curb the innocence of environment, thus starting a revolution in favor of cyber security.

Igneus stands for the Revolutionary and a quality enhanced change in every aspect of its touch to internet. Quality dealing with every new technology makes us different from the crowd of internet. The revolution of choice continues. Today Igneus Technologies is the world's most trusted provider of mentioned services and training along with web security aspects, and open source technology.

  • 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.