I create the Netflix landing page using HTML, CSS and JavaScript for the tabs. And use modern CSS3+ techniques like Grid, Flex, overlays, shadows, etc.
The things that I learned during completing this project is:
- How to Design Profession HTML5 website structure.
- Modern CSS3 and CSS3 techniques like Flexbox, Grid, shadows etc.
- In JavaScript, I learned higher order function like maping and how to apply higher order function in the rea; world problem.
.png)
.png)
In this HTML, CSS and Javascript project I create Random Password Generator which generate strong and unique password automatically. I used HTML5 and CSS3 to design the view of this project. And also used some javascript. This project is Javascipt heavy project which used:
- addEventListener() fucntion
- DOM Manipulation
- Random Number and Random Character genarator functions.
- and some Arrow functions.
HTML Drag and Drop interfaces enable applications to use drag-and-drop features in browsers. The user may select draggable elements with a mouse, drag those elements to a droppable element, and drop them by releasing the mouse button. I create this project with Top 10 Best Batsman in T20 format which are randomly occurs and we can drag and drop them to it's correct position. And them check the order. If the item is on right position it will show in Green color else it will shown in Red Color.
I used HTML5, CSS3 and Javascript in this Project. In Javascript I used high order function such as:
- Map function
- reduce function
And also used:
- sort function
- forEach function
- DOM Manipulation
- Arrow Functions
- Object Destructuring (ES6 Feature)
Twitter: @haronhayat
Linkedin: Haroon Hayat
Hashnode: @haroonhayat