
Introduction to the course
A quick refresher to HTML5 concepts
Introduction to HTML5 boiler plate
A quick guide to css styling
A refresher course in JavaScript
Explore basic JavaScript concepts like form validation, if statements, mood-based faces, and form reset to refresh user input, delivering a practical JavaScript refresher.
A Blog App Front end
Learn to use CSS3 in your project
Add pages and forms to your App
Learn to create a responsive layout for your app
Learn to build an Image gallery in HTML5
Build the CSS of the Gallery
Learn to add the Quicksand Animation
Build a dynamic HTML5 gallery with an all-items option and category links, using a click handler to trigger quicksand animation, manage the active item, and enable a lightbox view.
Learn to add a fancy lightbox
Learn to Build a Canvas for a Snake Game
Learn to add animations and Circles
Lecture describing the steps to build the UI
Adding the UI using the CSS
Script implementation of the game
Develop a browser snake game by rendering the canvas, drawing the snake as green cells, and handling movement, food collection, collision detection, growth, and score tracking with local storage.
Final Script implementation of the game
Introduction to the new App Stickys
Implementing the Note Object for Stickys
Learn to implement Drop and Drag functions
Explore implementing drag and drop for sticky notes in an HTML5 app, handling mouse down, move, and up events, and updating positions and z-index for focus.
Learn to debug your App
Learn to build an Image Uploader
This lecture deals in UI creation for the App
Learn to use the JQuery File Drop
Use the PHP upload to complete the App
Extract a file extension with explode and array_pop, lowercase with strtolower, and validate against allowed extensions. Move the file with move_uploaded_file, using name and tmp_name, plus a progress bar.
Learn to build the UI for the new Quiz App
Implement the CSS for the App
This lecture teaches you DOM manipulation
This tecahes you to control and process the questions for your App
Learn to create a well behaved optimized code
Learn to Build the UI for the Audio Player App
BuildingUI using the CSS
Implement the behaviour in your App
Adding volume and duration to your App
Learn to add the play list functionality to the App
Introduction to JQuery Mobile
JQuery Mobile refresher
Learn to add ToDOs in your mobile app
Implement the display of todos in your app
Creating a Deleting ToDos from your App
Insert to-dos into the edit form and reflect the current name and date, implement delete with splice and local storage, then redirect to home after deletion.
Implementing the updation to your App
In order to master a technique in web development or any artistic field, the best approach is one that's hands-on. This allows you to not only learn concepts, but also apply them right away to build your own projects from scratch. That's why this course guides you through the process of actually creating a variety of games, apps, and sites using HTML5 and JavaScript.
Master HTML5 and JavaScript, starting with the creation of 10 apps and games.
Use HTML5 and JavaScript to Create a Variety of Projects
Not all sites and apps use HTML5 yet, but the ones that do are advanced and cutting edge, and this is the way of the future in web design and app development. Using HTML5, CSS3, JavaScript, and other tools, you can become a more effective web developer and front-end expert, developing unique apps and games, as well as responsive websites. With the right skills in place, you'll be able to expand your portfolio and your client base.
Contents and Overview
This course contains over 75 lectures and 15.5 hours of content during which you'll develop 10 projects using HTML5, JavaScript, and other tools. You should already have knowledge of JavaScript and HTML before taking this course.
You'll build a basic HTML5 site before developing the front-end for a blog using tags and forms, CSS3, and responsive design. You'll also create an animated image gallery, a sticky note app, and a snake game. You'll master the Drag and Drop Image Uploader, and also create an HTML5 quiz app, audio player, mobile to-do list, customer manager app, and location app.
By the end of this course, you'll have completed 10 creative and exciting projects that have tested your skills and given you the confidence to become a front-end expert and programmer. This will allow you to potentially expand your client base and update your resume to advance your career in the field of web development.
Lifetime access to the lectures means you'll be able to return to the information whenever necessary to refresh your memory and tackle future projects.