#html #css #js #dom #localstorage #master-in-software-engineering

JS Calendar

Best practices

Trello Task and Branch naming

Functionalities: F01, F02 ...

  Example: Button JS modal window 
  
           F01-ButtonJSModal

Design: D01, D02 ...

  Example: CSS Style modal window 
  
           D01-CssStyleModal

Id, Class, Variables Definition

In order to unify all declaration, follow camelCase

HTML

<div id="myDivId"></div>
<div class="myDivClass"></div>


Javascript

let myArray = [];

In this project you will have to create a calendar using the main web fundamentals.

The calendar must be interactive for the users allowing them to create events without refreshing the whole page.

The objective is to put the basic foundations of HTML, CSS, JS, DOM & localStorage into practice.

Index

• Requirements
• Repository
• Technologies used
• Project delivery
• Resources

Requirements

• You must develop this project using a single HTML page
• You cannot use third-party libraries
• You must use localStorage to store all the events, this way, if you reload the page, the events will remain stored in the browser
• You must use semantic HTML5 elements for all the contents of the application

Repository

First of all you must fork this project into your GitHub account.

To create a fork on GitHub is as easy as clicking the “fork” button on the repository page.

Technologies used

* HTML

* CSS

* JS

* LocalStorage

Project delivery

To deliver this project you must follow the steps indicated in the document:

• Submitting a solution

Resources

• JavaScript HTML DOM
• JavaScript Dates
• LocalStorage
• JavaScript Timeout