Here is used HTML, CSS, BOOTSTRAP and Javascript. This are mini Tasks to learn JavaScript. Go to https://validcontact.netlify.com/ and see how all of this Tasks work
First Task Contact Form Validation is done with Regexp.
Second Task Date is done in two forms: one only Javascript and the second with the use of moment.js which is a free open sorce Javascript library, if you want to use moemnt.js you need to add this to your HTML file
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>Third Task Select all links and show it in the console without using getElementById or selectquery.
Fourth Task Saparate a url this is an easy one you have to replace the / and separate the other words.
Fiveth Task Overload Your Browser this is an infinite loop that will slow down your Browser.
Sixth Task Array, get an Array loop through array, and console.log a text three times like: There's a "each array element" in the market.
Seventh Task Object,[{ name: 'First item', amount: 32 }, { name: 'Second item', amount: 45 }, { name: 'Third item', amount: 12 }] Convert this array of objects into an array which contains only amount of each object ps [32, 45, 12].
Eighth Task Christmas, Write a JavaScript program to calculate days left until next Christmas.
Ninth Task Calculator, You can use the mathematic operators.
Tenth Task Reverse, Write a JavaScript program to reverse a given string (input from user).
Eleventh Task To Do List, you can add new tasks you want to do, you can delete them but also you can put them in the completed list.
Twelfth Task Search Box, search through the names that are given in the Javascript as array.
Thirteenth Task Tabs, This is responsive, when you see it on your phone it's the same as a Collapse that you can creat with Bootsrap but when you see it on your laptop or pc is the same as Tabs.
Fourteenth Task Isotope Filter, this is done in 2 methods, one is with isotope which you need to add this your HTML file if you want to use the file Isotope.js
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://npmcdn.com/isotope-layout@3/dist/isotope.pkgd.js"></script>.But you can also do it without this just with Simple Javascript which is the FilterTAbs.js file.