HTML5 : Mobile Web App Development
5.0 (7 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
309 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML5 : Mobile Web App Development to your Wishlist.

Add to Wishlist

HTML5 : Mobile Web App Development

HTML5, Tags, CSS, Responsive Web, JavaScript, DOM, jQuery, Selectors, Mobile Web App Development
5.0 (7 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
309 students enrolled
Created by John Mathew
Last updated 9/2017
Current price: $12 Original price: $200 Discount: 94% off
3 days left at this price!
30-Day Money-Back Guarantee
  • 4.5 hours on-demand video
  • 1 Article
  • 8 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Outline of HTML5
  • History of the Web and Understanding HTML
  • Web Standards and the Coming of HTML5
  • HTML Document Structure
  • Introduction to CSS
  • CSS Selectors
  • CSS Attributes
  • CSS3 Transition Property
  • CSS3 Animation Property
  • CSS3 Transform Property
  • Responsive Web
  • Event Handling
  • Draw and animate fun Web graphics
  • Discover the newest HTML5 forms features
  • Test the basic APIs, such as Web storage and geolocation
  • And most of all, practice coding techniques thanks to multiple examples
  • Build an example of a real world HTML5 and CSS3 web page
  • Describe the semantics behind many HTML5 tags
  • Explain the function of CSS Selectors, Properties, Syntax etc.
  • Create a correctly formatted form using the form element
  • Identify and use different types of CSS3 selectors to style web pages
  • Identify and use inline and block style HTML5 elements
  • Describe how to embed a video using the video element
  • Declare a variable in JavaScript
  • Write a function in JavaScript
  • List HTML5 events and link them to JavaScript methods
  • List and use conditional statements in JavaScript
  • List and use JavaScript equality operators
  • List and use JavaScript loops
  • Format and use arrays in JavaScript
  • Describe the types of scope in JavaScript
  • Link web pages to external JavaScript files
  • Describe what the Document Object Model (DOM) is
  • Describe how JavaScript can interact with the DOM
  • Describe the advantages of working with jQuery
  • Describe how to link a web site to jQuery plugin library
  • Describe how to write the correct syntax for writing jQuery selectors, methods and events
  • List the characteristics of unobtrusive JavaScript
  • When you complete this course, you will be able to understand the terminologies and concepts of HTML5 and Mobile App Developement.
  • You will be able to apply the roles of HTML5 in products and various components of the Software product(Mobile App Developement).
  • This course will allow developers to build the concepts in HTML5 and Mobile App Developement. and learn how to apply them in real world tasks.
View Curriculum
  • A familiarity with Programming terms.
  • Any HTML Editor and HTML5 compatible web browser
  • You should have ability and skills to download and use a text Editor for editing your web pages. It should have the ability to highlight code syntax for your own convenience.
  • HTML: just be comfortable putting together an HTML document
  • CSS: minimal familiarity with CSS
  • JavaScript and DOM APIs: basic knowledge is sufficient, and this course will include a recap of basics

What is the course about?
You've heard the buzz about CSS3 and HTML5 ? These latest versions of HTML and CSS have redefined how Web pages and Mobile Apps are created. So if you're going to design these, you need to know how to work with CSS3 and HTML5, JavaScript, DOM, jQuery.
This course will teach you how to take advantage of HTML5 "semantic" tags that make page design far more intuitive, faster, and easier compared to older versions of HTML. And you'll learn to use HTML5 to create mobile pages and apps.
In this course, you'll learn to use HTML5 to provide video that works in any environment. HTML5 makes it possible to build inviting forms that test user data without back-end coding. It also allows designers to include friendly tools like calendars, calculators, and color palettes to encourage accurate user input. You'll learn the skills to create all those elements.
And you'll learn to wield new CSS3 features essential for fast-loading, exciting, interactive websites, especially mobile sites. You'll create complex gradient blend backgrounds for pages and page elements, without using image files. And you'll learn to use jQuery Mobile to create app-like mobile Web pages and themes — complex sets of styles for mobile sites. In short, you'll leave this course with valuable skills essential to creating modern websites and mobile apps.

In this course, you will be introduced to HTML5, CSS3, and JavaScript and gain basic HTML5/CSS3/JavaScript programming skills. This course is an entry point into both the web application and Windows Store apps training paths. You will focus on using HTML5/CSS3/JavaScript to implement programming logic, define and use variables, perform looping and branching, develop user interfaces, capture and validate user input, store data, and create well-structured applications.

HTML5 is one of the hot web technologies and is widely gaining acceptance across mobile and web. In this course you get a complete resource which can get you started on application development for HTML5. In our course you work on actual examples and go through important concepts required for through knowledge. Learning HTML5 Programming has never been so easy. This HTML5 Course will teach you all the new HTML5 APIs in a very practical manner. We are sure you will become a professional Website Developer after this course.

You basically won't ever get an interview that won't require you to have some foundational knowledge in HTML5, and such interviews will often test your base of CSS and JavaScript.
You will be taught all the skills needed for HTML5 and Mobile App Developement from the basic fundamentals to the very complicated level of details and tricks related to the languages.
This course will benefit you to perform your Architect jobs better and also help you to get to better positions, with confidence, in case you are looking out for jobs.

Please remember that this is a serious course on HTML5 and Mobile App Developement. I believe that subjects like this cannot be learned in few hours or days. It required continuous efforts. Students may have to put a lot of efforts in order to become expert and make the best use of this course. This course covers the essential information that every programmer needs to know about HTML5 and Mobile App Developement.

This Diploma course in HTML5, CSS3, jQuery, DOM and JavaScript introduces you to the three main languages all web developers must learn: 
1. HTML5 which is used to define the content of web pages
2. CSS3 which is used to specify the layout and style of web pages
3. JavaScript which is used program the behavior of web pages

In this course, you will learn all the new HTML5 features to help create great Web sites and applications in a simplified but powerful way. HTML5 provides native support for video and audio without plug-ins, provides support for offline applications, for games with smooth interactive animations, and much more

What kind of material is included?
1. This course consists of high quality training content using quality videos with industry oriented hands-on examples.
2. I have tried to include the juice of my 10 years of experience in this course.
3. The focus is on giving real life essential tricks and skills.
4. I suggest students to take this course with pen and paper handy. Note the important points and take part in discussions. The exercise is the most important part in learning any subject.

How long will the course take to complete?
1. This is the comprehensive course covering almost all the topics of HTML5 and Mobile App Developement.
2. I advise students to cover not more than one lesson/section per day.

How is the course structured?
1. A perfect blend of theory and real world examples.

Why take this course?
0. HTML5 and Mobile App Developement is the hot subject for interviewers. This course will surely help.
1. This is the comprehensive course covering almost all the topics of HTML5 and Mobile App Developement.
2. For the college going students, this course helps in improving grades in college curriculum and increases the chances at the final Campus Interview.
4. HTML5 and Mobile App Developement is a difficult subject, I have tried hard to make my delivery easy and effective.

When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.

How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.

What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Join worldwide learners who uses HTML5 and Mobile App Developement as part of their curriculum and Job.

Visit my website eLearningMedium to get discounts on my courses + additional free resources + discounted course bundles.

Who is the target audience?
  • You're at the right address if you're a Software engineer, embedded systems engineer or a technical manager who aspires to know about HTML5 Mobile App Developement.
  • This course is targeted at those students and professionals who Design, develop, or manage the construction of Software-reliant systems.
  • This online course is Designed for independent learners to quickly gain insight, at their convenience, into the latest concepts of what HTML5 is and how to use it successfully.
  • The professional developers who are transitioning into the role of Mobile App Developer.
  • Undergraduates, Graduates and Post-Graduates
  • The learning targets of this course are Software developers, computer science engineers and students who wish to build the concepts of HTML5 and Mobile App Developement.
  • Experienced Software engineers who are looking to refresh important fundamental concepts.
  • This is a course for professionals and students in occupational group in any organization or academics to help them to understand the basics of HTML5 and Mobile App Developement that they should know well.
  • Job seekers who are preparing for interview in Product MNC/e-commerce/service companies. Anyone who has deep desire to learn HTML5 and Mobile App Developement.
  • For college going students, this course will help in improving grades in college curriculum.
Compare to Other C Courses
Curriculum For This Course
38 Lectures
1 Lecture 03:11


Preview 03:11
HTML5: History, Web Standards, HTML5, HTML Document Structure & Fundamental Tags
5 Lectures 31:01

Learning Objectives

Download Source Code

Preview 00:34

What is WWW?
History of the Web
Understanding HTML

Preview 03:43

Web Standards
The Coming of HTML5 and Understanding It
Pros of HTML5

Preview 03:56

Forming an HTML document
Installation methods of JDK
Set up for development
Structure of HTML Document
HTML Formatting Rules
Fundamental Tags

HTML Document Structure and Fundamental Tags


HTML5 - 1: List Tags, Multi-Media Tags, Semantic Tags
5 Lectures 19:51

Learning Objectives

Download Source Code

Learning Objectives and Download Source code

Unordered List
Basic Elements of HTML5
Multi-media & Inputs
<ul> tag
<li> tag
<ol> tag
<dl> tag

List Tags

<audio> tag
<source> tag
<video> tag
Caveat Emptor!

Multi-Media Tags

Before semantic tags
After semantic tags
Semantic tags used in HTML5
<header> tag
<footer> tag
<nav> tag
section tag & article tag
<aside> tag

Semantic Tags


HTML5 - 2: Table Tag, Division Tags, Form Tags
5 Lectures 23:07

Learning Objectives

Download Source Code

Learning Objectives and Download Source code

Creating a table using a <table> tag
Children elements of the <table> tag
border, colspan, rowspan attributes
Pros of <thead> and <tfoot> tags
Creating a table without using <thead>, <tfoot>, and <tbody> tags

Table Tag

Inline Element
Block Element

Division Tags

User Input
Input Tag
Attributes of an <input> tag, HTML4 vs. HTML5
Other Form Tags
<select> tag
Characteristics of a <textarea> tag

Form Tags


CSS - 1: Introduction to CSS, CSS Selectors, CSS Attributes
5 Lectures 59:25

Learning Objectives

Download Source Code

Learning Objectives and Download Source code

CSS(Cascading Style Sheets)
Why use CSS?
CSS Syntax
Style sheet
Caveat Emptor
CSS Order of Priority

Introduction to CSS

Introduction to Selectors
Types of Selectors

CSS Selectors

Units used for defining size in CSS
CSS Color Codes
Color and Backgrounds

CSS Attributes: Color Codes, Text-related, Color and Backgrounds


CSS3 Transition & Animation Property, CSS3 Transform Property, Responsive Web
6 Lectures 32:30

Learning Objectives

Download Source Code

Learning Objectives and Download Source code

Newly added animation effects in CSS3
Vendor Prefix
Introduction to Transition Property
Transition Property

CSS3 Transition Property: Vendor Prefix

CSS3 Animation Property
Keyframe and Animation

CSS3 Animation Property: Keyframe and Animation

CSS3 Transform Property
CSS3 Transform Functions
Units of values used in transform functions

CSS3 Transform Property and Functions, transform-origin

Responsive Web
Media queries
Media query syntax
Media types
Media features
Viewport meta tag

Responsive Web, Media queries, types and features


JavaScript - 1: JavaScript, JavaScript Objects
5 Lectures 44:00

Learning Objectives

Download Source Code

Learning Objectives and Download Source code

What is a JavaScript?

Introduction to JavaScript

JavaScript Syntax
Variables and Data Types
Operators and Control Statements
Control Statements
Conditional statements
Loop statements


Definition and Creation of JavaScript Object
Built-in Objects
JavaScript Objects
String object: object of character sequence
Number Object
Array object
Precautions on using array object
Array object methods
Math object
Date object
Browser Objects
window object properties
navigator object
screen object
history object
location object

JavaScript Objects


JavaScript - 2: DOM, Event Handling, jQuery, CDN
5 Lectures 01:02:55

Learning Objectives

Download Source Code

Learning Objectives and Download Source code

What is a DOM?
Document object properties
Document object methods
Element object properties and methods
Document Creation and Browsing
How to dynamically create objects using document objects
Using document objects to add new contents to a document
Browsing through a document using document objects
Document Manipulation


event attributes
mouse events
keyboard events
form events
window events
touch events
Event handling in JavaScript
Event-related methods of standard model
Caveats in handling events
Event handling process

Event Handling:mouse,keyboard,form,window,touch events

library, Framework
Introduction to jQuery
jQuery functions and characteristics
Using jQuery
jQuery selector
Document Manipulation using jQuery
Event methods of a standard model
Creating DOM using jQuery
Inserting DOM using jQuery
Event Handling using jQuery

jQuery,CDN,jQuery selector,Creating DOM using jQuery,Event Handling using jQuery


Bonus Lecture
1 Lecture 03:30

Finally, you have reached to the Last Lecture of the course. Great !!
Its time to move on to another course to Skill-Up.
Get Huge Discount on Courses on Linux, Algorithms, Software Project Management, Mobile APP Development, Java and Software Engineering. Apply Coupon Code DOLLARTEN:
1. Linux
a. Linux OS in Embedded System & Linux Kernel Internals(1/2)
Overview of the structure of modern operating systems. Over the course of the subsequent units, we will discuss the history of modern computers, analyze in detail each of the major components of an operating system (from processes to threads), and CPU scheduling, Synchronization and Deadlocks
b. Linux OS in Embedded System & Linux Kernel Internals(2/2)
Focus on UNIX-based operating systems, though we will also learn about alternative operating systems, including Windows. Over the course of the subsequent units, analyze in detail each of the major components of an operating system, Memory management, Paging, Memory Management in Intel 80386, Virtual Memory, Demand Paging, , Page Fault, Belady’s Anomaly, Stack Replacement Algorithms, Thrashing, File Concept, Directory Structure, File System, Mounting, File Sharing and Protection, Space Allocation Techniques, Disk Structure and Scheduling, Free Space Management.
2. Algorithms and Data Structures
a. Algorithms & Data Structures 1/4:Greedy,DFS,BFS,Tree,Heap
Introduction to Algorithms, Arrays, Search, Greedy Algorithm, Sort, Subset, Stack Data Structures, Memoization, backtracking, Dynamic Programming, Depth First Search (DFS), Divide and Conquer,Pattern matching,Queue,Breadth First Search(BFS),List,Insertion,Merge,Tree(Binary & Expression),Binary search Tree,Heap
b. Algorithms & Data Structures 2/4:Combinatorial,BT,MST,Prim
SW Problem Solving, Algorithm Complexity, Bit Operations, Number Bases, Floating Point Numbers, O(Big-Oh)-Notation, (Big-Omega)-Notation, (Theta)-Notation, Endianness, Exhaustive Search Method, Combinatorial Problem, Baby, Gin Problem, Brute-Force, Permutation, Lexicographic–Order, Johonson-Trotter, Combination, Minimum-exchange Requirement, Subset, Knapsack Problem and Fractional Knapsack Method, Greedy Algorithm and Application of Greedy, Approach, Recursive Algorithm Applying Greedy Method, Comparison of Greedy Method and Dynamic Programming, Representative Algorithms of Greedy Methods, Huffman coding, Change Reducing Problem, Meeting Room Scheduling, Divide and Conquer, Merge Sort, Quick sort, Hoare Partition, Lomuto Partition, Binary Search and Power Set,Backtracking, Maze Finding, State Space Tree, 8-Queens Problem, Subset, Power Set, Permutation, Graphs, Search, Disjoint Sets, Expression of Linked List, Minimum Spanning Tree, Prim Algorithm, Kruskal Algorithm, Shortest, Path, Dijkstra Algorithm, Bellman-Ford Algorithm and Floyd-Warshall Algorithm.
c. Algorithms & Data Structures 3/4:DP,Hashing,Trie,Suffix Tree
Hashing,Collision,Pattern Matching,Brute Force,Karp–Rabin,KMP(Knuth-Morris-Pratt),Boyer-Moore,Trie,Compressed Trie,Suffix Tree,Suffix Array,Compression,LCP Array,Run-Length Encoding,Huffman Coding,Lampel-Ziv-Welch Encoding,Arithmetic Coding,Dynamic Programming,Fibonacci Number,Mathematical Induction,Pigeon Hole Principle,Memoization,Binomial Theorem,Pascal's Triangle,Knapsack Problem,Search of State Space Tree,Branch and Bound, Pruning (Backtracking),Best-First Search
d. Algorithms & Data Structures 4/4:DP,NPComplete,Hard,Coloring
Dynamic Programming,Longest Increasing Sequence,All Pairs Shortest Path,Weighted directed graph,Floyd-Warshall Algorithm,Traveling Salesman Problem,NP-Complete,Deterministic, Nondeterministic,Polynomial Time Conversion,NP-Hard,SAT,Boolean Expression,Partition,Vertex Cover,Independence Set,Clique,Graph Coloring,Set Cover,Longest Path,Hamiltonian Cycle,Bin Packing,Job Sheduling,Approximation Algorithm,Job Scheduling,Simulated Annealing,Graph of Search Process,Number Theory and Optimization,Probability,GCD,Euclid Algorithm,LCM,Modulo Operation
3. Software Project Management
a. Project Management 1/4:SDLC Models & Methodology,Agile
Software Life Cycle Models & Development Methodology, Integration, Stakeholder, Scope, Resource, Time, Cost, Risk, Quality, Procurement, Communication, software Engineering
b. Project Management 2/4:Time Management,Risk Management,Scope
Integration Management,Time Management,Risk Management,Scope Management,Work and Change Control,Extraction & Analysis of Requirements,WBS,Scope Creep and Gold Plating, Scope and Quality
c. Project Management 3/4:Resource Management,Cost, Procurement
Project Resource Management,Resource Estimation,Project Cost Management,Develop Budget and Cost Baseline,Earned Value Method,Project Procurement Management
d. Project Management 4/4:Quality Management & Software Testing
Project Quality Management,Characteristics and Assessment of Software Quality,Quality Plan Process,Quality Assurance Process,Software test,White box tests,Black,box tests,Regression tests,Software test case Design and Components,Software test Automation,Configuration Management,Baseline,Maintenance,Project,Communication Management,Communication Network
4. Software Development Process and Software Engineering
a. Software Development - Software Architecture & Software Engineering, UML(1/3)
Software Platform: External and Internal, Software Architecture: Style and Documentation, Software Development Process, Software Development Model, Software Requirement Specification, Software Design Document, API Specification, Unified Modeling Language UML, UML Basic Building Blocks, UML Modeling Rules, UML Modeling Tool and Modeling with UML Diagram
b. Software Development - Coding Appearance & Idioms, Design Patterns(2/3)
Coding Appearance, File Organization, Declaration and Statements, Indentation Style and Comments, Naming Convention, Coding Idiom, Memory Management, Security, Exception Handling, Concurrency / Parallelism, Type Safety, Performance, Code Review: Gerrit - Google Code review System, Code Review: Gerrit - Review Board, Design Patterns, Creational Pattern, Structural Pattern, Behavioral Pattern, Code Refactoring Methods.
c. Software Development - Software Testing, Configuration Management & Open Source License(3/3)
Software Testing and Software Test Levels, Testing Techniques, Intuition and Experience-Based Technique, Specification-Based Technique, Code-Based Technique, Software Configuration Management, Issue Tracking, Version Control, Understanding of Open Source, Open Source License, GPL Violation Watchdogs, Open Source Contribution, Main Obligations of GPL 2.0, GPL3.0, Main Obligations of LGPL 2.1, AGPL, Main Obligations of MPL1.1, EPL, Main, Obligations of Apache2.0, BSD2.0, Open Source Instructions for Developers, Instructions to Adopt Open Source, Instructions to Use Open Sources, Instructions to Distribute Open Sources
5. HTML5 : Mobile App Development
HTML5, Tags, CSS, Responsive Web, JavaScript, DOM, jQuery, Selectors, Mobile App Development
6. Java Programming Language
a. Java Programming(1/3):JVM,Operator & Array,Control Statement
Java Development Kit JDK,Java Virtual Machine JVM,Operator and Array,Control Statements
b. Java Programming(2/3):Object Oriented Programming, java.lang
OOP,Inheritance & Polymorphism,Overloading & Encapsulation,Abstraction,Interface,Exception Handling,'java.lang' Package
c. Java Programming(3/3):java io,java net,java.util,Map,Thread
java io,java net,java.util,Utility,Formatter,Collection,Generics,Map,Chatting Program(Server and Clients)
Visit my website eLearningMedium to get additional free resources + discounted course bundles

Bonus Lecture
About the Instructor
John Mathew
4.9 Average rating
81 Reviews
920 Students
15 Courses
Software Programmer, Mobile Developer, Project Manager

I  was apparently not a diligent student. I worked with C/C++ and HTML, CSS, JavaScript since 12 years. I speak to the world on software freedom. From the beginning of my career I have always worked in large and small teams. While programming has been more of a individual activity, it is the collaboration in teams that can make and break a project. I have been interested in algorithms and data structures and its implementations especially in Java since university.

I am a co-author of various manuals, and has edited and reviewed more than a dozen other books. I wrote columns that provided keen insights into the little algorithmic nuggets that we use in our programs. My favorite books includes  "Writing Efficient Programs", "More Programming Pearls" and "Programming Pearls". The best programmers not only continuously improved the quality of their work, they also influence other members of their team.

I learned about project management and team interaction working at various organisations. I still believe that humans are still at the beginning of the code revolution. Programmers and users are still imitating what came before, and haven’t even imagined all that could be in the future. One thing I am sure of is that code is a type of language, based on the same logic as Sanskrit, and for the first time in history, language can change the physical world. Programming is a literature.

I've always had a passion for teaching in seminars and corporations during my consulting projects. My online school eLearningMedium gives me the opportunity to share my knowledge with students of all backgrounds and experiences across the globe! I'm really excited for this opportunity to bring to you real-world practical experience!

I've plans of making some of the courses about Algorithms and Data Structures, Java, HTML5, Software Engineering and Software Project Management. I give all my heart into creation of courses. I always try to explain everything the easiest possible way. I'm sure that my courses will help you in the adventure.