Coddy logo

Explore

Categories

Programming language

Explore courses by programming language.

Course type

Learn, challenge or build your portfolio in a practice-driven way.

Level of knowledge

Choose courses tailored to your level of knowledge perfectly.

Or try to search for any course. Still can't find? let us know what are you missing!

Journey

Daily Challenge

search
Store
menu icon
Loading...Creator image

Creator

Anonymous

Sidebar | Front-end Project

In this project, you will create a responsive sidebar for your next web app.

13 Lessons

12 Challenges

Prerequisites

Knowledge in HTML, CSS and JavaScript

Introduction

What you will build?

Write HTML

Title & Body

Open & Close Buttons

Project lesson

Sidebar Content

Project lesson

Font and Background Setup

Project lesson

Write CSS

Sidebar - I

Project lesson

Sidebar - II

Project lesson

Sidebar - III

Project lesson

Sidebar Content

Project lesson

Buttons - I

Project lesson

Buttons - II

Project lesson

Write JavaScript

Close Functionality

Project lesson

Open Functionality

Project lesson