• Search...

categories: Technology, Science & Productivity | Saudi Courses

Digital
Web
Productivity
SDG 9: Industry, Innovation and Infrastructure

Develop a Responsive Multipage E-Commerce Website | HTML & Tailwind CSS

Duration: 3 h 13 m / 12 lessons

Level: General

Course Language: Arabic

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

  • Identify the fundamentals of HTML and CSS, including their role in web development and how they work together to create web pages.

  • Develop a project structure for your e-commerce website, organize files and folders, set up a local server, and link necessary CSS and JavaScript files.

  • Create the header section, including the site logo, navigation menu, and search bar. Implement a breadcrumb navigation component to enhance user navigation and build an attractive section to showcase featured products.

Course details

  • 3 h 13 m/12 lessons
  • Last updated: 21/9/2023
  • 1 learning resources
  • Course completion certificate

Course Content

Free lessons

1.

Introduction

2 Minutes
learning resources
2.

Brief introduction to HTML, CSS, and Tailwind CSS

11 Minutes

About this course

We can see how many websites are out there. And how many we use in daily life. Limitless purposes for using websites, either to shop online, make some bookings, or attend courses online. That is why, in this course, we learn how to build outstanding user interfaces. We are going to build the interfaces of the E-Commerce website using HTML and Tailwind CSS. We will focus on the most common pages of E-Commerce websites, which are a products page, a page to view a product, and a shopping cart. Most of the time, it is much easier to browse websites on our phones. So, it is necessary to build the interfaces while keeping in mind viewing them through small screens. That is why we will be using a Mobile-first approach, which ensures interface suitability on small and wide screens.

Course requirements and prerequisites

No previous experience is required, a code editor is all you need to achieve the utmost benefit of this course. Note: In this course, we will be using Visual Studio Code.

Mentor

Develop a Responsive Multipage E-Commerce Website | HTML & Tailwind CSS

Duration: 3h 13m / 12 lessons
Level: General
Course Language: Arabic