Learn CSS & Create Websites using Bootstrap

Complete Guide to Create Website from Scratch

5.0

Course in English

30 days Money Back Guarantee
Certificate of Completion
More than 1 hour of content
Additional Material
Lifetime
access

Teacher: Ahmed Magdy

Details

Description

This course is only for a student at beginner or intermediate level, and who needs to learn the basics of creating static responsive websites

In this course student will:

- Learn Cascading Style Sheets (CSS) Basics.

- Learn the different types of CSS Selectors.

- Learn the different ways of adding CSS to HTML documents.

- Write HTML and CSS Files using Visual Studio Code.

- Understand the Bootstrap 4 Layout and Components.

- Learn how to use Bootstrap 4 to create beautiful websites.

- Learn how to make a responsive website.

What student will learn:

- Learn CSS Basics
- Learn how to install Visual Studio Code
- Learn how to write HTML and CSS files using Visual Studio Code
- Learn how to download jQuery and Bootstrap
- Learn how to include jQuery and Bootstrap in a Website Project
- Learn how to create a complete website using Bootstrap and jQuery
- Learn how to make a responsive website

Are there any course requirements or prerequisites?
- Basic knowledge of HTML
- Basic Computer Skills
- Internet Access

Who this course is for:
- Beginner
- Intermediate

View full description Hide full description

Objectives

Learn CSS Basics
Write HTML and CSS files using Visual Studio Code
Include jQuery and Bootstrap in a Website Project
Create a Complete Responsive website using Bootstrap and jQuery

Instructional level

Intermediate

Requirements

Basic Knowledge of HTML
Basic Computer Skills
Internet Access

Who should take this online course

This course is only for a student at beginner or intermediate level, and who needs to learn the basics of creating static responsive websites

Chapter 1: Introduction & Work Environment
- 1 Course Introduction 02:07 min
  
  DescriptionCourse Outline
- 2 Work Environment Setup 00:58 min
  
  DescriptionInstall Visual Studio Code
Chapter 2: Introduction to CSS
- 1 Introduction to CSS 01:33 min
  
  DescriptionWhat is CSS and How it works?
- 2 CSS Selectors 08:15 min
  1
  
  DescriptionTypes of CSS Selectors
- 3 Adding CSS to HTML 07:19 min
  1
  
  DescriptionWays of Adding CSS to HTML
- 4 CSS Quiz
Chapter 3: Creating Website Template using Bootstrap
- 1 Download Bootstrap and jQuery 02:43 min
  2
  
  DescriptionDownloading Bootstrap and jQuery
- 2 Prepare Website Project Files 05:31 min
  1
  
  Descriptionpreparing files for website
- 3 Navigation Menu 16:40 min
  2
  
  Descriptionadding Navigation Menu and Intro to Bootstrap
- 4 Images Slider 04:50 min
  1
  
  Descriptionadding Images Slider
- 5 Home Section 05:38 min
  1
  
  Descriptionadding home section
- 6 About Section 04:17 min
  1
  
  Descriptionadding about section
- 7 Services Section 04:36 min
  1
  
  Descriptionadding Services Section
- 8 Team Section 04:30 min
  1
  
  Descriptionadding Team Section
- 9 Contact Section 03:35 min
  1
  
  Descriptionadding contact section
- 10 Footer Section 05:53 min
  1
  
  Descriptionadding Footer Section
- 11 Responsive Website 03:28 min
  1
  
  Descriptionmake responsive website
Chapter 4: Creating Gym Website
- 1 Preparing Website Files 01:21 min
  1
  
  Descriptionprepare files for gym website
- 2 Images Slider 01:14 min
  1
  
  DescriptionGym website Images Slider
- 3 Home Section and Navigation Menu 03:11 min
  1
  
  DescriptionGym Website Home Section and Navigation Menu
- 4 About Section 01:48 min
  1
  
  Descriptiongym website about section
- 5 Interests Section 03:45 min
  1
  
  DescriptionGym Website Interests Section
- 6 Trainers Section 03:02 min
  1
  
  DescriptionGym trainers section
- 7 Footer Section 01:09 min
  2
  
  Descriptiongym website footer section
Chapter 5: Course Summary
- 1 Summary 00:31 min
  
  DescriptionCourse Summary

The Teachlr

Ahmed Magdy

Full Stack Web Developer and Instructor

I am Ahmed Magdy,� Advanced Full Stack Web Developer�with 10+ years of experience in Full Stack Web Development. With a�BSc degree in Computer Science, I have a full understanding of the full life cycle of a software development project. I also have experience in learning and excelling at new technologies as needed. The key strengths that I possess for success in this career include:� I have successfully designed, developed, and supported live use applications, I strive for continued excellence.

Reviews

Ahmed Mohamed

Excellent Explanation.
Ali

Well done course!
Mohamed Ahmed

Excellent Course.
Ahmed El Sebae

Clear and Concise
Coders

Very professional well done course