Build Responsive Nav / Menu Bars - Html, Css And Javascript

Lets build 3 projects with pure CSS, HTML and JavaScript - Fully responsive navbars and a responsive website Template

What you'll learn

1. HTML Tags and BASIC CSS styling
2. Writing HTML markups for an entire website by just looking at it.
3. CSS GRID Layout
3. CSS FLEX BOX Layout
6. Responsive design
7. Developing responsive website themes from scratch.
8. JavaScript – For toggling mobile menu button
9. Building responsive layouts.

We are going to develop three projects: 1. Responsive navigation bar 1 using pure CSS and HTML and JavaScript 2. Responsive Navigation bar 2 using Pure CSS, HTML and JavaScript 3. A complete responsive Pure CSS HTML and JavaScript Theme The three projects are fully responsive on all screen devices, and are displayed differently depending on the device someone is using. Each project has got links to GitHub completed project. You can download all the files from those links

Requirements

1. Must have very basic introduction to CSS and HTML
2. JavaScript knowledge is a plus but not a must. The 98% of the course focuses on developing responsive navigation bars using CSS and HTML.
3. MUST have a laptop

Description

BUILDING RESPONSIVE NAVIGATION BARS Using Pure HTML, CSS and JavaScript- THREE COMPLETE PROJECTS

The concepts you will apply:

1. HTML Tags and BASIC CSS styling

2. Writing HTML markups for an entire website by just looking at it.

3. CSS GRID Layout

4. CSS FLEX Layout

5. Pseudo Class selectors

6. Responsive design

7. Developing responsive website themes from scratch.

8. Basic JavaScript – For toggling mobile menu button

9. Building responsive layouts.

Target students

1. Must have very basic introduction to CSS and HTML

2. JavaScript knowledge is a plus but not a must. The 98% of the course focuses on developing responsive navigation bars using CSS and HTML.

3. MUST have a laptop

4. The laptop must have a code editor installed

5. Visual code studio is my recommended editor but you can use an editor of your choice

6. Have Emmet extension installed- Not a requirement but is a plus- I will show you have to install

7. Developing responsive navigation is a challenge to not only junior developers but even senior developers. So your level doesn’t matter. Though this course is designed for mid-level to junior developers

8. If you have never written CSS and HTML, this course is not yours. Check my Introduction to CSS and HTML course on Udemy, it’s free. Then you enroll to this after going through basic concepts of CSS and HTML

Projects:

We are going to develop three projects:

1. Responsive navigation bar 1 using pure CSS and HTML and JavaScript

2. Responsive Navigation bar 2 using Pure CSS, HTML and JavaScript

3. A complete responsive Pure CSS HTML and JavaScript Theme

The three projects are fully responsive on all screen devices, and are displayed differently depending on the device someone is using.

Each project has got links to GitHub completed project. You can download all the files from those links

Who this course is for:

Developing responsive navigation is a challenge to not only junior developers but even senior developers. So your level doesn’t matter. Though this course is designed for mid-level to junior developers
If you have never written CSS and HTML, this course is not yours. Check my Introduction to CSS and HTML course on Udemy, it’s free. Then you enroll to this after going through basic concepts of CSS and HTML