Projects in jQuery Mobile: Learn by building Real World Apps

Name: Projects in jQuery Mobile: Learn by building Real World Apps
Rating: 4.6 (63 reviews)

Learn to build mobile apps using jQuery Mobile

Created byEduonix Learning Solutions

Last updated 12/2018

English

What you'll learn

Student will be able to learn the core concepts of Mobile jQuery
Learn to build responsive mobile apps using jQuery
Learn by building real world projects

Course content

6 sections • 26 lectures • 2h 30m total length

Introduction1:48

Project Intro1:08
Pages & Navbar8:50
Build a simple jQuery Mobile site by copying the boilerplate, creating a single-page structure with a navbar, icons, and slide transitions between home, about, and services.
Home & About Pages5:01
Build a mobile site with a home and about page in jQuery Mobile, implementing a header, main content, footer, navigation, and social buttons.
Services & Contact Page8:18
Create a services page featuring a list view with icons, plus a collapsible contact section and a functional contact form with name, email, and message.

Project Intro1:27
MMDB Home Page UI5:58
Fetch & Display Movies9:01
Build a jQuery mobile search form that uses AJAX to fetch movies from the OMDb API and render a dynamic list with posters, titles, and year.
Get Movie ID & Create Page4:52
Add a click handler on movie items to capture the movie ID, store it in session storage, and navigate to the movie details page; implement a get movie function.
Fetch & Display Single Movie6:54
Fetch and display a single movie by retrieving its ID from session storage, triggering a before show event, and rendering via AJAX with template-driven markup in a jQuery mobile app.

Project Intro2:01
mLab Setup & Create Pages9:29
Set up a free remote MongoDB database on mLab, create an event manager database with a user and an events collection, and use the mLab API to manage data.
Add Events to MongoDB10:35
Fetch & Display Events7:21
Fetch events via a get request, process the response data, and render an interactive event list on the home page using jQuery, including event IDs for selection.
Event Details Page6:25
Click an event on the home page to view its details. The page uses session storage to save event id and fetch the event name, date, and description for display.
Delete Events4:45
Delete events by tapping the delete icon in the split item, use a data-id attribute with event delegation, send a delete request to MongoLab, then refresh the list.

Project Intro1:33
Build a meal tracker app with jQuery Mobile and local storage to save meals, view details, delete entries, add meals, and track total calories, plus a custom theme with roller.
MealTracker Theme & Pages10:31
Add Meal To Local Storage6:45
Meals Display In ListView7:26
populate a list view on the home page by retrieving meals from local storage and displaying each meal; use session storage to pass the meal id to the details page.
Details Page & Delete Meal9:06
Create a meal details page, fetch the selected meal by id from session storage, render its date, description, and calories, and enable deleting the meal from local storage.
Display Calorie Count6:02
Showcases building a calorie counter in a jQuery Mobile app by loading meals from local storage, parsing JSON, summing calories, and updating a list view display.
Bonus Lecture: More Interesting Stuff, Offers and Discounts0:24

Requirements

Basic knowledge of JavaScript and HTML is required to complete this course
Basic knowledge of jQuery will help but not necessary to complete this course

Description

Learn how to build native apps from scratch in JavaScript with our jQuery Mobile Comprehensive course!

Building native apps from scratch requires learning and mastering multiple languages such as Java, Swift, XCode, etc. Once, you complete learning these languages, you then have to understand how you can integrate other functions and features to build actual web apps from scratch.

Well, what if I told you that you can build native apps from scratch without learning any of these languages, but just using your knowledge of JavaScript and jQuery? Well, now you can with the help of jQuery Mobile and this course.

jQuery is a subset of jQuery, a JavaScript library that is designed to simplify the process of writing codes for websites. JQuery Mobile allows developers to perform the same functionalities for mobile apps. JQuery Mobile allows developers to write cross-platform apps using JavaScript.

Apps built on jQuery Mobile can be deployed and published on multiple OSes and are compatible with numerous platforms. Now, you can get on board with one of the hottest app development platform with the help of this course!

Our course has been created to give you the right balance of theory and practical, by dividing the course into theory as well as hands-on projects. The course is packed with a lot of examples and also includes 5 different projects to help you get down and dirty with this brilliant framework.

The course will help you breakdown the fundamentals of installing and actually coding in jQuery Mobile, before moving on to helping you understand important syntax and functions using the 5 different projects.

The course will cover important concepts such as creating simple websites, add multiple pages, integrating APIs, adding themes and also incorporating CRUD applications.

5 Apps that we will cover in this course:

Simple Mobile Website – a basic website to familiarize you with the syntax
Mobile Movies App – this will help you become familiar with adding features such as fetching, and creating databases.
Event Manager – In this project, you will learn how to incorporate CRUD applications using MongoDB.
WeatherReporter – Here you will build a weather report app from scratch and learn how to integrate APIs
MealTracker – Learn in detail about themes and adding data to local storage with this application.

So, what are you waiting for? Let’s get jiggy with jQuery Mobile and start building your first app!

Who this course is for:

Any one who wants to learn Mobile jQuery will find this course very useful

Projects in jQuery Mobile: Learn by building Real World Apps

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 2min

Getting Started With jQuery Mobile3 lectures • 15min

Simple Mobile Website4 lectures • 23min

Mobile Movies App5 lectures • 28min

Event Manager6 lectures • 41min

MealTracker7 lectures • 42min

Requirements

Description

Who this course is for: