This is a base template for HTML5/CSS3 app using jQuery. Just copy, edit and run. Client only.
This HTML5 App template is ES2017+ compliant, will run in all browsers natively without the need for any "compiler" or 3rd party pre-processing solution (Babel, Node, Broswerify, etc NOT required).
Modern browsers continue to evolve and extend the basic functionality and as of ES2017 full module suport, class (style) based inheritance, scoping are all available to make it easy for non JavaScript programmers to get into JavaScript.
This HTML5 App also uses CSS3 Grid Layouts with Flexbox.
- All the "wrapper" is in a form of CSS GRID Layout.
- Each grid "area" has a "container" in a form of "flexbox".
- And each flexbox "container" contains "flexitems".
All of the traditional, functional traits of JavaScript are mantained but made easier to access as beginners and programmers coming from other languages.
NOTE: A web server must be used to view this app, either using NodeJS and a standalone test server like http-server or live-server, or using an Apache XAMPP server.
npm install http-server -g
OR
npm install live-server -g
This app can also be deployed as a Progressive Web App (PWA) enabling the manifest.json to run
Enjoy this base template.
P.S. If you are using this as part of an assignment and do not edit this file I will deduct marks.