AngelSix Web Development: 09 - JavaScript Basics Responsive Top Menu

** UPDATE DnaWeb to at least version 1.0.5.0 at http://www.dnaweb.io to get the newest fabric.modern1 template containing this code when you run `new template fabric.modern1` **

Part of the new series for teaching you web development.

Our first look at JavaScript. We start with a practical example and get straight in to making our top menu polished off with smooth animations shrinking on scrolling down, and getting the hamburger menu click to expand our mobile menu.

No third party tools, no libraries, all our own code, in less than 180 lines!

Getting source code:

- Download DnaWeb http://www.dnaweb.io
- Create empty folder
- In address bar type: dnaweb
- Once its open, type "new template fabric.modern1" and press enter twice

Alternatively you can check out the source embedded here at this point in time https://github.com/angelsix/dna-fabri... and the most up-to-date version here https://github.com/angelsix/dna-fabri...

1. javascript foreach, js regexp, mobile review, font download, font copy and paste, javascript class, js slice, fontspace, font changer, fontana dmv, font awesome, js splice, mobile.ru, mobile legends wiki, mobiletool, javascript для детей, jsfiddle, javascript for, mobile legends bang bang, fontainebleau, font generator, javascript replace, fontana ca, javascript date, js split, mobile royale, mobile wallpapers, mobileservice39, font styles, mobiledit, mobile legends на пк, font awesome icons, fontana news, javascript substring, javascript if, mobile world congress 2019, json online, font types, js map, javascriptserializer, javascript online, fontana weather, font identifier, json viewer, mobile legends, jsp, json formatter, mobile legends герои, jsx, fonts free, js promise, mobileuncle tools, js switch, javascript это, javascript indexof, mobiletron, javascript explode, mobile legends hack, js foreach, js filter, js array, js replace, mobile spy, javascript settimeout, javascript array, javascript alert, javascript switch, fontana, javascript map, mobile service, mobile legends гайд, json, fontbonne university, javascript promise, mobile legends скачать, javascript split, js reduce, font finder, fontina cheese, js date

Web Development: 09 - JavaScript Basics Responsive Top Menu
59 Likes	59 Dislikes
2,187 views views	25,227 followers
Science & Technology	Upload TimePublished on 16 Nov 2017