Learning Bootstrap 4

Simpliv

Course

Online

£ 10 + VAT

The best Other programming courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Create responsive, beautiful and modern websites with Bootstrap 4.In this course, you will learn how Bootstrap 4 helps alleviate the pain by defining sophisticated and refined user inputs and web components ready for your use. You can learn how to quickly get your projects up to speed with the world’s most popular front-end framework.This course will introduce developers to Bootstrap and Bootstrap 4. You will be provided an essential walk-through about how to get started building dynamic website interfaces with new features available in Bootstrap and SASS. Throughout the course, you will be building an application called Neighborhood, which enables others to discover local businesses in a location. In building this application, you will use SASS to write all of your stylings, organizing your website into mobile responsive grids, and writing advanced components using the Cards feature. This video course will end by enabling you to publish your applications online and delve deep into the best practices for dealing with your web designs.About the AuthorVedran Cindrić has been a front-end developer for around 15 years now and has been using Bootstrap exclusively for the last 4 years. He has run a web development company for 5 years now, and he has worked on a lot of interesting projects for clients all around the world. He really enjoys writing great code, optimizing websites, and creating awesome responsive experiences. He has written some articles on Bootstrap before, but this is his first time creating a video course.
I’d like to thank a really special girl called Tea for buying me a better microphone and making sure I actually recorded the videos.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Build dynamic website interfaces with new features in Bootstrap and SASS
Explore the new features in Bootstrap 4 and modify your tools to develop web pages
Incorporate Custom Fonts, Font Awesome Icons, and Chrome Developer Tools
Structure your pages using the Bootstrap grid system
Use the Card interface to recreate interfaces
Delve into the best practices for dealing with your web designs

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 6 years

Subjects

  • Writing
  • Project
  • Web
  • HTML
  • Testing

Course programme

Introduction and Setup 3 lectures 28:11 The Course Overview What will the course be about and what will you be learning?
  • Get introduced to the author and get some background about him
  • View a brief introduction for Bootstrap in general
  • Focus on Bootstrap 4 as our main focus of interest and why
Bootstrap 4 New Features What are some of the new features and key differences between Bootstrap 3 and 4?
  • Provide Bootstrap 4 background, the current state, and where we are
  • List and talk about all the new Bootstrap 4 features
  • Take a quick look at some of the key differences between Bootstrap 3 and Bootstrap 4
Setup and Tools How are we going to set up our development environment and what tools will we use?
  • Define the basic tools we will use, such as browser and local environment
  • Define code writing tools and testing utilities
  • Introduce specific apps or helper tools that we will be using in this course
Introduction and Setup 3 lectures 28:11 The Course Overview What will the course be about and what will you be learning?
  • Get introduced to the author and get some background about him
  • View a brief introduction for Bootstrap in general
  • Focus on Bootstrap 4 as our main focus of interest and why
Bootstrap 4 New Features What are some of the new features and key differences between Bootstrap 3 and 4?
  • Provide Bootstrap 4 background, the current state, and where we are
  • List and talk about all the new Bootstrap 4 features
  • Take a quick look at some of the key differences between Bootstrap 3 and Bootstrap 4
Setup and Tools How are we going to set up our development environment and what tools will we use?
  • Define the basic tools we will use, such as browser and local environment
  • Define code writing tools and testing utilities
  • Introduce specific apps or helper tools that we will be using in this course
The Course Overview What will the course be about and what will you be learning?
  • Get introduced to the author and get some background about him
  • View a brief introduction for Bootstrap in general
  • Focus on Bootstrap 4 as our main focus of interest and why
The Course Overview What will the course be about and what will you be learning?
  • Get introduced to the author and get some background about him
  • View a brief introduction for Bootstrap in general
  • Focus on Bootstrap 4 as our main focus of interest and why
The Course Overview What will the course be about and what will you be learning?
  • Get introduced to the author and get some background about him
  • View a brief introduction for Bootstrap in general
  • Focus on Bootstrap 4 as our main focus of interest and why
The Course Overview What will the course be about and what will you be learning?
  • Get introduced to the author and get some background about him
  • View a brief introduction for Bootstrap in general
  • Focus on Bootstrap 4 as our main focus of interest and why
What will the course be about and what will you be learning?
  • Get introduced to the author and get some background about him
  • View a brief introduction for Bootstrap in general
  • Focus on Bootstrap 4 as our main focus of interest and why
What will the course be about and what will you be learning?
  • Get introduced to the author and get some background about him
  • View a brief introduction for Bootstrap in general
  • Focus on Bootstrap 4 as our main focus of interest and why
Bootstrap 4 New Features What are some of the new features and key differences between Bootstrap 3 and 4?
  • Provide Bootstrap 4 background, the current state, and where we are
  • List and talk about all the new Bootstrap 4 features
  • Take a quick look at some of the key differences between Bootstrap 3 and Bootstrap 4
Bootstrap 4 New Features What are some of the new features and key differences between Bootstrap 3 and 4?
  • Provide Bootstrap 4 background, the current state, and where we are
  • List and talk about all the new Bootstrap 4 features
  • Take a quick look at some of the key differences between Bootstrap 3 and Bootstrap 4
Bootstrap 4 New Features What are some of the new features and key differences between Bootstrap 3 and 4?
  • Provide Bootstrap 4 background, the current state, and where we are
  • List and talk about all the new Bootstrap 4 features
  • Take a quick look at some of the key differences between Bootstrap 3 and Bootstrap 4
Bootstrap 4 New Features What are some of the new features and key differences between Bootstrap 3 and 4?
  • Provide Bootstrap 4 background, the current state, and where we are
  • List and talk about all the new Bootstrap 4 features
  • Take a quick look at some of the key differences between Bootstrap 3 and Bootstrap 4
What are some of the new features and key differences between Bootstrap 3 and 4?
  • Provide Bootstrap 4 background, the current state, and where we are
  • List and talk about all the new Bootstrap 4 features
  • Take a quick look at some of the key differences between Bootstrap 3 and Bootstrap 4
What are some of the new features and key differences between Bootstrap 3 and 4?
  • Provide Bootstrap 4 background, the current state, and where we are
  • List and talk about all the new Bootstrap 4 features
  • Take a quick look at some of the key differences between Bootstrap 3 and Bootstrap 4
Setup and Tools How are we going to set up our development environment and what tools will we use?
  • Define the basic tools we will use, such as browser and local environment
  • Define code writing tools and testing utilities
  • Introduce specific apps or helper tools that we will be using in this course
Setup and Tools How are we going to set up our development environment and what tools will we use?
  • Define the basic tools we will use, such as browser and local environment
  • Define code writing tools and testing utilities
  • Introduce specific apps or helper tools that we will be using in this course
Setup and Tools How are we going to set up our development environment and what tools will we use?
  • Define the basic tools we will use, such as browser and local environment
  • Define code writing tools and testing utilities
  • Introduce specific apps or helper tools that we will be using in this course
Setup and Tools How are we going to set up our development environment and what tools will we use?
  • Define the basic tools we will use, such as browser and local environment
  • Define code writing tools and testing utilities
  • Introduce specific apps or helper tools that we will be using in this course
How are we going to set up our development environment and what tools will we use?
  • Define the basic tools we will use, such as browser and local environment
  • Define code writing tools and testing utilities
  • Introduce specific apps or helper tools that we will be using in this course
How are we going to set up our development environment and what tools will we use?
  • Define the basic tools we will use, such as browser and local environment
  • Define code writing tools and testing utilities
  • Introduce specific apps or helper tools that we will be using in this course
SaSS Crash Course 4 lectures 32:51 Limitations of CSS What are CSS limitations and pitfalls?
  • View a basic introduction to CSS and some history
  • Explain key problems with CSS: no variables and no math operations
  • Explain code reusability and CSS limitations in respect to that
Setting Up Your First SaSS Project How to use SaSS in our first project?
  • Get to know what SaSS is and how to get started with SaSS
  • Get to know the key benefits of SaSS
  • View an introduction to SaSS code compiling
Variables and Nesting What are SaSS variables and how to do basic nesting?
  • View an introduction to SaSS variables
  • Look at different use cases and the power of variables in depth
  • View SaSS nesting examples and the benefits that come from it
Mixins, Extends, and Partials What are and how we can use different SaSS options such as mixins, extends, and partials?
  • Overview Mixins and what we can do with them
  • Use extends for the first time
  • Create and use partials in our master SaSS project
SaSS Crash Course p How to use Bootstrap 4 and SaSS together?
  • Overview of the Bootstrap 4 SaSS model
  • Explain folder and file structure such as partials and different Bootstrap builds
  • Compile Bootstrap 4 SaSS files using Koala
Adding an Example Starter Page How to get started with using Bootstrap 4?
  • Create our first Bootstrap 4 HTML/CSS markup
  • Highlight some key code changes with respect to Bootstrap 3
  • Build a page using Bootstrap 4 default examples
Creating Our First Bootstrap How to get started with custom Bootstrap 4 development?
  • Provide an introduction to our custom page template
  • Define what page we are building and what we need
  • Develop the page using HTML and SaSS
Adding Personality with Overrides How can we use our own CSS/SaSS code to override default Bootstrap 4 styling?
  • Show how Bootstrap 4 styling looks
  • Provide example of how we can customize different aspect of Bootstrap
  • Compile and combine our code with Bootstrap 4
Setting Up Bootstrap with SaSS How to use Bootstrap 4 and SaSS together?
  • Overview of the Bootstrap 4 SaSS model
  • Explain folder and file structure such as partials and different Bootstrap builds
  • Compile Bootstrap 4 SaSS files using Koala
Setting Up Bootstrap with SaSS How to use Bootstrap 4 and SaSS together?
  • Overview of the Bootstrap 4 SaSS model
  • Explain folder and file structure such as partials and different Bootstrap builds
  • Compile Bootstrap 4 SaSS files using Koala
Setting Up Bootstrap with SaSS How to use Bootstrap 4 and SaSS together?
  • Overview of the Bootstrap 4 SaSS model
  • Explain folder and file structure such as partials and different Bootstrap builds
  • Compile Bootstrap 4 SaSS files using Koala
Setting Up Bootstrap with SaSS How to use Bootstrap 4 and SaSS together?
  • Overview of the Bootstrap 4 SaSS model
  • Explain folder and file structure such as partials and different Bootstrap builds
  • Compile Bootstrap 4 SaSS files using Koala
How to use Bootstrap 4 and SaSS together?
  • Overview of the Bootstrap 4 SaSS model
  • Explain folder and file structure such as partials and different Bootstrap builds
  • Compile Bootstrap 4 SaSS files using Koala
How to use Bootstrap 4 and SaSS together?
  • Overview of the Bootstrap 4 SaSS model
  • Explain folder and file structure such as partials and different Bootstrap builds
  • Compile Bootstrap 4 SaSS files using Koala
Adding an Example Starter Page How to get started with using Bootstrap 4?
  • Create our first Bootstrap 4 HTML/CSS markup
  • Highlight some key code changes with respect to Bootstrap 3
  • Build a page using Bootstrap 4 default examples
Adding an Example Starter Page How to get started with using Bootstrap 4?
  • Create our first Bootstrap 4 HTML/CSS markup
  • Highlight some key code changes with respect to Bootstrap 3
  • Build a page using Bootstrap 4 default examples
Adding an Example Starter Page How to get started with using Bootstrap 4?
  • Create our first Bootstrap 4 HTML/CSS markup
  • Highlight some key code changes with respect to Bootstrap 3
  • Build a page using Bootstrap 4 default examples
Adding an Example Starter Page How to get started with using Bootstrap 4?
  • Create our first Bootstrap 4 HTML/CSS markup
  • Highlight some key code changes with respect to Bootstrap 3
  • Build a page using Bootstrap 4 default examples
How to get started with using Bootstrap 4?
  • Create our first Bootstrap 4 HTML/CSS markup
  • Highlight some key code changes with respect to Bootstrap 3
  • Build a page using Bootstrap 4 default examples
How to get started with using Bootstrap 4?
  • Create our first Bootstrap 4 HTML/CSS markup
  • Highlight some key code changes with respect to Bootstrap 3
  • Build a page using Bootstrap 4 default examples
Creating Our First Bootstrap How to get started with custom Bootstrap 4 development?
  • Provide an introduction to our custom page template
  • Define what page we are building and what we need
  • Develop the page using HTML and SaSS
Creating Our First Bootstrap How to get started with custom Bootstrap 4 development?
  • Provide an introduction to our custom page template
  • Define what page we are building and what we need
  • Develop the page using HTML and SaSS
Creating Our First Bootstrap How to get started with custom Bootstrap 4 development?
  • Provide an introduction to our custom page template
  • Define what page we are building and what we need
  • Develop the page using HTML and SaSS
Creating Our First Bootstrap How to get started with custom Bootstrap 4 development?
  • Provide an introduction to our custom page template
  • Define what page we are building and what we need
  • Develop the page using HTML and SaSS
How to get started with custom Bootstrap 4 development?
  • Provide an introduction to our custom page template
  • Define what page we are building and what we need
  • Develop the page using HTML and SaSS
How to get started with custom Bootstrap 4 development?
  • Provide an introduction to our custom page template
  • Define what page we are building and what we need
  • Develop the page using HTML and SaSS
Adding Personality with Overrides How can we use our own CSS/SaSS code to override default Bootstrap 4 styling?
  • Show how Bootstrap 4 styling looks
  • Provide example of how we can customize different aspect of Bootstrap
  • Compile and combine our code with...

Additional information

You must have a basic and fundamental understanding of HTML, CSS, and JavaScript; however, there is no need to have prior Bootstrap experience

See related categories

Learning Bootstrap 4

£ 10 + VAT

The best Other programming courses

See all

See all