Step by Step Build Your Template by Bootstrap 4 from scratch
4.4 (16 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,174 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Step by Step Build Your Template by Bootstrap 4 from scratch to your Wishlist.

Add to Wishlist

Step by Step Build Your Template by Bootstrap 4 from scratch

Step By Step learn how to use Bootstrap 4 Grid-system and Components and by example build Your Fully Responsive Template
4.4 (16 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,174 students enrolled
Created by Mohamed Slesly
Last updated 4/2017
English
English [Auto-generated]
Curiosity Sale
Current price: $10 Original price: $80 Discount: 88% off
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 1 Article
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create AMAZING full featured Responsive template with the best front-end framework Bootstrap V4
  • Learn about Bootstrap 3 & 4 Components and Grid-system options differences
  • Write the right syntax of HTML5, CSS3, JS, JQuery
  • How to use Bootstrap grid-system and bootstrap components
  • How to make your website SEO friendly with knowledge of the important meta tags
  • make awesome animation elements load like (FadeIn)
  • Create unique page loader
  • Have the skills to start making money on the side, as a casual freelancer, or full time as a work-from-home freelancer
  • Easily create a beautiful HTML & CSS website with Bootstrap
View Curriculum
Requirements
  • Basic computer knowledge
  • HTML & CSS Basic knowldge
  • Passion for Learning
Description

Hello Everybody, In This course You will knew well

  • what is BOOTSTRAP V4 Grid-system.
  • How to use it in your projects.
  • Making sure you will recognize all Grid-system Options at the end of this course curriculum.

and also we will build AMAZING Template using the best front-end framework Bootstrap 4

Do You want to learn the most important components or JavaScript of Bootstrap 4?  .... in this template you will.

We will also work with HTML5CSS3 and JQuery ... So don't care about your skills of each one You will do it well !

Just Know how to make your template real Fully responsive and SEO Friendly, You will learn this by example and step by step.

Who is the target audience?
  • If you are the person who want to build Fully Responsive Template With Bootstrap V4 , this course is for you
  • We're gonna be writing all the HTML by ourselves, so let's get cracking!
  • If you want to speed up your workflow: Bootstrap 4 are the perfect combination
  • Are you looking for the Learn By Example COURSE on the internet? this is for you!
  • Bootstrap Beginners
  • Anyone wanting to brush up on their coding skills
  • Anyone wanting to develop awesome responsive pages
  • Web developers
  • Web designers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
24 Lectures
02:59:46
+
Welcome and Getting start
5 Lectures 42:08

You will know more about our course's best editor and how to download, install and use it easily.

Preview 11:24

A Comparison of differences in bootstrap version 3 and version 4.

Preview 00:00

Learn how to write your basic page in HTML5.

Preview 11:48

HTML5 page structure with the important Meta Tags
17:18

Test your understanding of the lecture of meta tags

Important Meta tags
8 questions
+
Bootstrap version 4 Grid Sysetm
11 Lectures 01:07:19

You will start with Bootstrap 4 Grid system world here, By knowing what's Grid-System and how it works.

What is grid-system and How it works
09:02

Getting ready and quick example
08:22

Grid tires (Grid options)
08:57

Predefined classes - Stack to horizontal
05:41

Predefined classes - Mobile and desktop
06:02

Predefined classes - Mobile, tablet, desktop
07:03

Predefined classes - Column wrapping
03:15

Predefined classes - Responsive column resets
05:46

Predefined classes - Offsetting columns
03:47

Predefined classes - Nesting columns
04:56

Predefined classes - Column ordering
04:28
+
Your Bootstrap Template ( Bootstrap version 4 Components )
8 Lectures 01:10:19
Welcome to our bootstrap v4 template
02:40

Getting ready before go ahead
07:46

Design top fixed header part-01
12:34

Design top fixed header part-02
05:50

Design welcome area
11:07

Portfolio section using Bootstrap modal part-01
12:13

Portfolio section using Bootstrap modal part-02
07:54

About section using Bootstrap (offset, button)
10:15
About the Instructor
Mohamed Slesly
4.4 Average rating
16 Reviews
2,174 Students
1 Course
UI Designer & Front-End Developer

I'm Mohamed Elslesly UI/UX Designer & Front-End Developer, With More than 4 years of experience in web design, From Egypt and I learned many people in the Middle East and I have experience with HTML5, CSS3, Jquery, JS, and Bootstrap ... Now I'm Looking for providing courses to all around the world, hope I can learn you new thing :)