Our courses

Bootstrap 4 - Complete Course

Bootstrap 4 with all components and functions. Practical implementation of modern examples from everyday agency life.

Bootstrap 4 - Complete Course

Want to learn how to create great websites with Bootstrap 4?
In this complete course you will learn step-by-step how to create a complete website with Bootstrap 4 and all its components. We'll show you only what you need to get results quickly and get started right away.

Using the Bootstrap documentation, we will explain all the functions and the entire implementation on a modern example website, from which you will of course also receive the entire code for your own exercise. You will learn the implementation from the Photoshop / PSD file to the finished website based on Bootstrap.

You will learn the complete creation process with many tips and tricks from everyday agency life. We have been working successfully with Bootstrap in the agency for many years and would like to bring you closer to our experience with this course in a practical way and with many examples.

The recipe for a successful website with Bootstrap
A frontend framework is good and successful when you can no longer immediately see that the website is based on a framework. Maybe you even know one or two websites where you immediately recognise Bootstrap as the basis?

With us, you will learn to create websites with Bootstrap in such a way that the visitor does not directly recognise this basis. Together we will implement an extensive example website that is completely based on Bootstrap. But that's exactly what we will conceal well and fully individualise the page!

Let's start with the basics
We show you the basics of Bootstrap. Get to know the flexible grid and the helpers. Furthermore, you will learn about the file structure and which files can be used for which application.

Course information / Video training:
Author: Pascal Bajorat & Sascha Rudolph
Publisher: Bajorat Media

Course Price: 94,99€ incl. VAT
Current offer for 29,99€ incl. VAT.

Bootstrap 4 - Complete Course Bootstrap 4 - Complete Course

The complete implementation step by step - from the PSD file to the finished website!
In our course we don't leave out any step! This already starts with the design of the planned website. We have prepared a modern website in Photoshop and implement it from the PSD file. You learn the complete implementation process from a design template.

You will not only learn how to use the Bootstrap components, but also how to customise them according to customer requirements and your own design.

All components of Bootstrap. All components? All of them!
Bootstrap is one of the most comprehensive frontend frameworks of our time. We show you all available components that Bootstrap provides, with corresponding examples.

Develop lively websites
Bootstrap offers many components that breathe a certain dynamism and life into the website. We will show you how to use them and which use cases can be implemented with them.

Bootstrap and jQuery
To crown the course, you will finally learn the supreme discipline: Bootstrap methods and jQuery. Thanks to the jQuery implementation, you can fully customise every Bootstrap component. Your own controls for the carousel / the slideshow or the connection of components - no problem thanks to the jQuery functions.

Wouldn't it be cool if the website automatically displayed information about opening hours when a user wants to request them via a contact form with free text input? Yes, that would definitely be a cool example, and we show you how something like that can be realised.

Bootstrap reference card
We have created a clear reference card for you with important helper classes and quick references to important layout components such as the grid system. You can either print out this multi-page PDF reference card or use it as a digital thought aid.

 

So what are you waiting for, get started with Bootstrap 4 now!

Excerpt and examples of Bootstrap components, which we will present to you in the course:

  • Alerts - warning or success messages
  • Badges - Badges for texts and buttons, small but nice
  • Breadcrumb - Easy orientation in the content
  • Buttons - basic elements of Bootstrap 4
  • Card - The universal component
  • Carousel - Modern Slideshow
  • Collapse / Accordion
  • Forms - Forms for login or contact
  • Jumbotron / Hero Header - Stylish UI Elements
  • Modal - content overlay box or pop-up solution from Bootstrap
  • Navigation - Creative navigation systems
  • Pagination - Page numbers for blogs and articles
  • Popovers - click alternative with more content
  • Tooltips - A must-have for many websites or apps
  • Progress bar - visually appealing loading bars or diagrams
  • Scrollspy - Scroll content dynamically

Content components:

  • Reboot
  • Typography
  • Code
  • Images
  • Tables
  • Figure

Watch the free preview videos and get started with Bootstrap 4 right away.

If you have any questions or problems during the online course, we will of course be happy to help you personally. You can get in touch with us and all the other participants at any time in the Questions & Answers section of the course.

Course information / Video training:
Author: Pascal Bajorat & Sascha Rudolph
Publisher: Bajorat Media

Course Price: 94,99€ incl. VAT
Current offer for 29,99€ incl. VAT.

Bajorat Media has 4.7 out of 5 stars | 153 reviews on ProvenExpert.com
Bajorat Media Bajorat Media is a national full-service web & online marketing agency specialising in WordPress.