Description
In this course, you will :
- Create a basic HTML5 site before moving on to creating the front-end for a blog with tags and forms, CSS3, and responsive design.
- Make an animated image gallery, a sticky note app, and a snake game as well.
- Create an HTML5 quiz app, audio player, mobile to-do list, customer manager app, and location app in addition to mastering the Drag and Drop Image Uploader.
- By the end of this course, you will have completed ten creative and exciting projects that will have put your skills to the test and given you the confidence to become a front-end expert and programmer.
Syllabus :
1. Getting Started With HTML5
- HTML5 Features
- HTML5 Boiler Plate
- CSS Styling
- JavaScript Refresher
2. Blog Frontend
- HTML5 Page Structure
- Styling With CSS3
- Add Pages and Forms
- Responsive Layout
3. Animated Image Gallery
- Gallery HTML
- Gallery CSS Styling
- JQuery Quicksand
- FancyBox Lightbox
4. Snake Game
- Canvas Rectangles, Text and Lines
- Animation and Circles
- Snake Game UI - HTML
- Snake Game UI - CSS
- Snake Game Scripting
5. Stickys
- Stickys App UI
- Create Note Object
- Drag and Drop Functions
- Saving Notes and Debugging
6. D & D Image Uploader
- Image Uploader UI - HTML
- Image Uploader UI - CSS
- JQuery Filedrop Plugin
- PHP Upload File
7. HTML5 Quiz Application
- Quiz UI - HTML
- Quiz UI - CSS
- DOM Manipulation Using JQuery
- Process Questions
- Optimizing Our Code
8. HTML5 Audio Player
- Audio Player UI - HTML
- Audio Player UI - CSS
- Play, Pause and Stop
- Volume and Duration
- Playlist Functionality
9. Mobile Todo App
- JQuery Mobile UI
- Adding Todos
- Displaying Todos
- Clear and Delete Todos
- Updating Todos
10. IndexedDB App
- Customer Manager UI
- Connect and Open IndexedDB
- Add and Get Customers
- Delete Customers
- Update Customers
11. Distance Meter
- Distance Meter UI
- Get User Location
- Watch & Calculate