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 CompTIA Security+ Amazon AWS AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation 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 Analysis Data Modeling 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

Learn Bootstrap 4 By Creating An Advanced Bootstrap Theme

Learn Bootstrap by creating an advanced Bootstrap 4 Responsive Website Template from scratch, with no steps skipped!
Rating: 4.6 out of 54.6 (891 ratings)
3,629 students
Created by Drew Ryan
Last updated 2/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Learn to design and develop your own Bootstrap 4 Templates from scratch
  • Learn how to integrate and customize modern jQuery plugins into any template
  • Use the latest HTML5 and CSS3 to add unique styling to Bootstrap
  • Integrate a fully functional PHP Contact Form into any Bootstrap Template
  • Get a crash course of the Bootstrap Grid System with the theme layout
  • Fine tune your HTML and CSS skills for responsive website development
  • Learn how to add Website Scrolling Animation to any Bootstrap Component or HTML Element

Course content

20 sections • 65 lectures • 7h 58m total length

  • Preview00:36
  • Preview03:05
  • Preview04:05

  • Preview01:22
  • Course Support & Code Fixing Resources
    07:02
  • Website Design Tools & Resources
    11:32
  • Text Editor: Introduction to Visual Studio Code
    13:57

  • Introduction to Bootstrap Website Layouts Practice Activity
    17:05

  • Project Files Download & Overview
    04:12
  • Bootstrap Project Files Setup - Linking CSS Files
    20:31
  • Bootstrap Project Files Setup - Linking JavaScript Files
    07:58

  • Bootstrap Scrollspy Website Scrolling
    04:08
  • CSS Reset Styles
    07:04
  • Bootstrap Scrollspy Quiz
    1 question

  • Bootstrap Responsive Navbar Menu HTML
    15:51
  • Bootstrap Responsive Navbar Menu CSS
    12:12
  • Bootstrap Navbar Menu Transparent To Solid JS
    07:07
  • Bootstrap Navbar Menu Solid Class When Toggled JS
    06:36
  • Bootstrap Navbar Menu Collapse Menu On Click & Smooth Scroll JS
    09:18
  • Bootstrap Navbar Quiz
    4 questions

  • Landing Page Background Image HTML & CSS
    12:31
  • Landing Page Content HTML & CSS
    21:43
  • Landing Page Bouncing Down Arrow HTML & CSS
    11:47
  • Full Screen Landing Page Quiz
    3 questions

  • Theme Heading & Bootstrap Buttons HTML
    08:31
  • Theme Heading & Bootstrap Buttons CSS
    04:59

  • Features Heading HTML & CSS
    12:47
  • Font Awesome Icons, Headings & Text Column HTML Part 1
    06:34
  • Font Awesome Icons, Headings & Text Column HTML Part 2
    08:27
  • Font Awesome Icons, Headings & Text Column CSS
    04:45

  • Three Column Fixed Background Image
    06:12
  • Three Column Fixed Background Image Content
    10:17
  • Features Section Quiz
    3 questions

Requirements

  • You need to have basic knowledge of HTML and CSS but only a beginner understanding is required.
  • You don't need any prior experience with Bootstrap (or any other frameworks).

Description

Create your own advanced Bootstrap 4 Themes from scratch!

This course will show you how to make a complete Bootstrap 4 Template from scratch starting with blank HTML, CSS and JavaScript files!  We'll be moving rapidly to give you the quickest, yet most thorough Bootstrap website building experience possible.  Once you've completed the course you'll be able to design and develop you're own Bootstrap 4 templates and themes.  The source code for the completed theme we develop is included along with the following:

  • The completed Animated Bootstrap 4 theme download with the original pictures and a fully function email contact form.

  • The completed theme with placeholder images including their size (making it very easy to customize the Bootstrap theme).

  • 7 other versions of the theme including the following versions: Full Screen Image Slider, Fixed Video Landing Page, Multi-Level Drop Down Menu with Bootstrap Navbar, 5 Page HTML & PHP Versions, Animation Turned Off Version, and an Alternative Contact Form Version to send email with an address other than your website's domain name.

  • Progress source code downloads for each section of the theme while building your website to check your code for errors.

  • A number of resources for unlimited free professional stock images, free text editor, website animation, unlimited website fonts, & more.

Learn why Bootstrap is the BEST responsive framework, and learn how to make your own AWESOME website themes!!!

_

I'm here to help you along the way while you master Bootstrap and I'm ready to answer any questions you may have

Who this course is for:

  • Anyone looking to learn or expand their knowledge of building Bootstrap website templates and themes.

Featured review

Stephen Purvis
Stephen Purvis
9 courses
7 reviews
Rating: 5.0 out of 59 months ago
I saw your Youtube tutorials and they were amazing and when I realised you had a learning course I signed up straight away. I am now halfway and I am learning so much, Brilliant course Ryan. Just finished this amazing in depth and intuitive course, brilliantly hosted by Ryan. Not only was it exactly what I was looking for but the added extras really made it top class value for money.

Instructor

Drew Ryan
Website Development and Design Online Instructor & Teacher
Drew Ryan
  • 4.5 Instructor Rating
  • 1,348 Reviews
  • 4,760 Students
  • 3 Courses

Web Development Instructor, 6 Years Experience

Since I started teaching website development online my courses have ended up in colleges and universities across the United States including the University of Washington in addition to schools in the UK and New Zealand.  As a self-taught web developer, on several occasions I have been taken back when asked by university instructors to help them with accelerating lesson plans when teaching their students core web development concepts.

I'm here to help you learn, excel, and enjoy the process of mastering your craft! I would be happy to have you as one of my students who I can and always will make myself available to online so don't hesitate to reach out to me when you take one of my courses.  Cheers!

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