• Search...

categories: Technology & Innovation | Courses in English

Software
Technology
Web
SDG 8: Decent Work and Economic Growth
SDG 9: Industry, Innovation and Infrastructure

Code Your Portfolio Website Using: HTML + SCSS + JavaScript + Bootstrap 5 Grid System

Duration: 3 h 32 m / 19 lessons

Level: Specialized

Course Language: English

By the end of this course, you will be able to

  • Create the home page, add a responsive index page and an eye-catching About Us section, together with fashioning a hovering card with cool text effects.

  • Download the required software, set up the work environment for the first time, together with making sure that everything is working and running well.

  • Create a built-in contact form, the website footer, build a responsive navigation bar from scratch, as well as adding a captivating preloader.

Course details

  • 3 h 32 m/19 lessons
  • Last updated: 24/5/2022
  • 1 learning resources
  • Course completion certificate

Course Content

Free lessons

1.

Introduction

2 Minutes
learning resources
2.

Installing SASS

4 Minutes
1.

Introduction

2 Minutes
learning resources
2.

Installing SASS

4 Minutes
3.

How to Use SCSS and SASS

6 Minutes
4.

Adding Index Page

13 Minutes
5.

Adding Index Page Part 2

15 Minutes
6.

Making Index Page Responsive

5 Minutes
7.

Home Section

12 Minutes
8.

About us Section

17 Minutes
9.

Rotating Cart and Text About Effects Part 1

19 Minutes
10.

Rotating Cart and Text-About Effects Part 2

19 Minutes
11.

Success Stories and Packages

10 Minutes
12.

Contact Form

12 Minutes
13.

Footer

11 Minutes
14.

Adding Navbar Icon

17 Minutes
15.

Adding the Black Background to the Navbar

5 Minutes
16.

Adding the design for the Nav Items

12 Minutes
17.

Making the Navbar Work with Checkbox Hack and Make it responsive

7 Minutes
18.

Preloader Part1

13 Minutes
19.

Preloader Part 2

2 Minutes

About this course

Compared to early times, the current journey of building websites is far more fun than it used to be. Simply because it’s no longer about randomly jamming content in a web page and the poor use of spaces, but rather constructing a website that is visually appealing, user-friendly, and, most importantly, responsive to a broad range of screen sizes. With that said, we introduce you to this comprehensive training course that will teach you how to build a complete responsive website using HTML, CSS, Sass, and JavaScript.

Course requirements and prerequisites

There are no requirements for this course. Your interest in the topic and your commitment to learning are all you need to achieve the utmost benefit from this course.

Mentor

Looking for help?