Mobile apps: Make great looking apps easily and quickly.
4.5 (10 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.
679 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Mobile apps: Make great looking apps easily and quickly. to your Wishlist.

Add to Wishlist

Mobile apps: Make great looking apps easily and quickly.

Mobile apps for beginners: Learn how to build your own great looking mobile apps easily and quickly for Android & Mac.
4.5 (10 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.
679 students enrolled
Created by Maurice Price
Last updated 7/2016
English
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • 1 Article
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create a great mobile app with multiple pages of content ready to install on a mobile device.
  • 25 lectures show you how to quickly and easily create mobile apps!
  • Create apps for Android, Apple ios and Windows mobile devices.
  • Learn some basics on how to use Adobe Dreamweaver.
  • Learn the basics of how to use Adobe PhoneGap.
  • Learn the basics on how to use JQuery, JavaScript, CSS and HTML5 in your apps.
  • Learn how to deploy the mobile app to your mobile device.
View Curriculum
Requirements
  • Access to a computer
  • Internet Access
  • A basic understanding of English
  • The ability to download and install the recommended software.
  • You do not need to have any programming skills to follow along with the lectures and build the examples in this course.
Description

People up until now have found it difficult and confusing when wanting to start learning to build mobile applications. Often asking themselves how can i make mobile applications.

Until recently building mobile applications was a complex task. For example: To build android mobile apps you needed to know the C Sharp language, to build Apple ios apps you needed to know the language called Objective C and other devices used the Symbion language. Making mobile app development the domain of experienced programmers.

Now, with the development of new technology and new multi-platform development tools like Adobe Dreamweaver CC and Adobe PhoneGap it's now possible to easily build mobile applications for Android, Apple IOS and Windows mobile from the one code base.

Not only that but, the apps can now be built easily and quickly using the latest development software, and web technologies like HTML5, JavaScript, JQuery, JQuery Mobile and CSS.

This course makes these technologies available for beginners to learn the basics and get started with building your own mobile applications.

The focus of this course is on making it as easy as possible to get started,

Each lecture steps you through giving you an introductions to each of the technologies like HTML5, Jquery, JQuery Mobile and CSS. Then it steps you through an intro for the development tools like; Adobe Dreamweaver and Adobe PhoneGap launching you a quickly into building your first mobile application using these new technologies.

So, if you've been wanting to learn how to build mobile applications, but were afraid it would be too difficult, now's your chance.

This course takes you step by step through all the entry points, then steps you through building your first mobile app, Then finally shows you how to easily deploy it to a mobile device.

Sound exciting?, So what are you waiting for? Let's get started now!

Who is the target audience?
  • This is a beginners course, which means no prior programming knowledge is required,
  • Anyone that has the desire to know how to make a mobile application for android, windows or Apple phones or tables this is the right course for you.
  • Anyone that has an idea for a mobile app and wants to build it them self.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
25 Lectures
01:06:34
+
Introduction
2 Lectures 07:13

This course is structured to take you from a very basic starting point which is the assumption that you know almost nothing about building mobile applications. From this starting point i will take you through the steps of building the application and finally end with you having built a basic multi-page mobile application.

The first half of the course is about getting an understanding of the basics of building a mobile application.

We take a quick look at the tools you will be using and the various platforms and languages you will be using to build the application.

You don't need to worry about how you are going to learn all this, it's quite simple just follow the steps and the examples in this course and you will end up with a mobile application to deploy on your phone or tablet.

Preview 04:33

    What is covered in this course

  • I show you how to get the development tools you will need to build this mobile application.
    The tools being an Adobe Creative Cloud account and Adobe Dreamweaver CC which is available as part of the Creative Cloud 30 day free trial.
  • A brief discuss on what a mobile app really is
  • A brief discussion about the app we’re going to build in this course
  • An introduction to HTML
  • An introduction to JQuery and Jquery Mobile
  • An introduction to CSSS
  • An Introduction to Adobe Dreamweaver (one of the tools you will be using to build the app)
  • An Introduction to PhoneGap (the service that compiles your app ready to use on your mobile device)
  • Signing up for your free trial Creative Cloud account and installing Creative Cloud
  • Installing Dreamweaver CC
  • Creating the index.html file using Dreamweaver (The main application file)
  • Creating or opening the config.xml file (available in the downloadable resources)
  • Using the JQuery Mobile Page Function in Dreamweaver to create your first mobile page.
  • Downloading the app resources (text and images)
  • Following the lectures and exercises were it shows you how to add the content and the images to the app.
  • Completing the layout stage ready for packaging for the final build process
  • Packaging the App files in a Zip file for upload to PhoneGap
  • Uploading your Application to the PhoneGap service and building the app
  • Using QR Code to quickly get the app directly from the screen code to your mobile device
  • Using the App on the device
Preview 02:40
+
Getting the tools you will need to build your mobile appliaction
3 Lectures 05:08

This is a brief discussion about getting the tools (Adobe Dreamweaver) you will need to build the mobile applicaton.

The links below access Adobe Creative Cloud

https://creative.adobe.com/products/creative-cloud

https://creative.adobe.com/products/download/creative-cloud?version=2.8

Preview 03:01

What is a mobile application?
00:16

A brief look at the mobile application that you will be building in this course.

Download the PDF resource document titled "Brief look at the App we will build". The document has a few screenshots and notes about the mobile app you will be building in this course.

Preview 01:51
+
Brief Introduction to Dreamweaver, HTML, JQuery Mobile,CSS and Phonegap
5 Lectures 16:26

A brief introduction to HTML and the basic framework used in making a HTML document

HTML stands for HypaText Markup Language and it enables a document to be formatted in several ways.

HTML is the main language we will be using to build the app.

HTML is a markup language for describing web documents (web pages).

A markup language is a set of markup tags

HTML documents are described by HTML tags

Each HTML tag describes different document content

The DOCTYPE declaration defines the document type

The text between <html> and </html> describes the web document

The text between <body> and </body> describes the visible page content

The text between <h1> and </h1> describes a heading

The text between <p> and </p> describes paragraph

A brief Introduction to HTML
02:33

JQuery is a lightweight, "write less, do more", JavaScript library.

The purpose of JQuery is to make it much easier to use JavaScript on your website.

JQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code.

JQuery also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation.

The jQuery library contains the following features:

  • HTML/DOM manipulation (DOM) Document Object Model is a programming API for HTML.

Links to the JQuery websites where you can get more information on JQuery.

http://jquery.com/

http://jquerymobile.com/

http://jqueryui.com/

A Brief Introduction to JQuery and JQuery Mobile
03:44

A brief intro to CSS (Cascading Style Sheets).

Origionally, HTML was never intended to contain tags for formatting a document.

HTML was intended to define the content of a document, like:

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large web sites, where fonts and color information were added to every single page, became a long and expensive process.

To solve this problem, the World Wide Web Consortium (W3C) created CSS.

In HTML 4.0, all formatting could be removed from the HTML document, and stored in a separate CSS file.

All browsers support CSS today.

CSS defines HOW HTML elements are to be displayed.

Styles are normally saved in external .css files. External style sheets enable you to change the appearance and layout of all the pages in a Web site, just by editing one single file!

A Brief Introduction to CSS
02:59

A brief introduction to Adobe Dreamweaver showing the creation and formatting of a basic HTML document.

Adobe Dreamweaver comes with the Creative Cloud account.

As mentioned previously when you sign up for your Creative Cloud account you will be able to log in and get Adobe Dreamweaver CC on a 30 day free trial.

If you want to keep using Adobe Dreamweaver you can pay a subscription fee on a monthly basis and get access to most of the adobe programs including Dreamweaver.

An Introduction to Adobe Dreamweaver
04:33

A brief introduction to Adobe PhoneGap that i use to compile the mobile application before deployment on the mobile device.

An Introduction to Adobe PhoneGap
02:37
+
Getting your Creative Cloud Account
2 Lectures 00:54
Signing up for & installing your free trial Creative Cloud account
1 page

To install Dreamweaver from Creative Cloud you need to have installed the creative cloud program on your computer and then sign in to your account.

Then you will see a list of available software application that you can install. One of them being Dreamweaver.

Click on the install button for Dreamweaver CC and let the application installer do the rest for you.

The image below shows an example of the list of programs available for installation.

Installing Dreamweaver from Creative Cloud
00:54
+
Building the Mobile Application
13 Lectures 35:52
Creating the index.html file using Dreamweaver (The main application file)
03:11

The config.xml file is available to download from the resources tab. This file needs to be located or saved into the root folder of the application. It just sits there in the same folder as the index.html file.

The config.xml file is used by PhoneGap in order to include the necessary library files during compiling.

The config file in this application is only used to tell PhoneGap where the icon file and splash screen images are located and to tell the application how long to show the splash screen at start up.

Creating or opening the config.xml file
01:50

The CSS file is important as it gives important information to the application in the form of image sizes , button sizes and other variations to the these colors.

The css file is available for download from the resources tab.

Download the index.css file and copy it into a folder called css.

including the CSS file
02:31

To make sure that the header and footer on the app pages is located at the top and bottom of the page we use the data-position="fixed" instruction inside the header and footer tags.

<div data-role="header" data-position="fixed" >

<div data-role="Footer" data-position="fixed" >

Moving the header and footer into the top and bottom locations
01:05

In this lecture I show you how to add a new JQuery Mobile page into the application.

Using the JQuery Mobile Page Function in Dreamweaver
01:01

The downloadable text and images folder is located in the resources tab.

These files will be used in building the mobile app to quickly add the text and images.

Downloading the app resources (text and images) you will need to build this app.
01:07

Adding the content and images to your application Part 1
02:04

In this lecture we add the app content.

Adding the content and images to your application Part 2
05:09

Adding the content and images to your application Part 3
08:49

In this lecture we look at packaging the application files ready for compiling with PhoneGap.

We also look at zipping the application files into a zip file. We also discuss downloading and installing 7-zip to enable you to zip the application files ready for PhoneGap processing.

You can get 7-zip from http://www.7-zip.org/download.html

Copying the config.xml file into the app folder and zipping the files folder.
03:19

In this lecture you will upload your application zip file to PhoneGap and compile the app into a completed application file ready to install on a mobile device.

Uploading your Application to the PhoneGap service and building the app
02:05

In this lecture I show how to get the compiled app from PhoneGap down on to the android phone.

Then show the app running on the phone.

Using a QR Code to quickly get the app from your computer to your mobile device
03:19

Now you should have the app loaded on your device.

I will be adding an intermediate level course on how to take advantage of the other functions in a mobile device; like the Camera, Geo-location, notifications, compass, files and contacts.

Because you have purchased this beginners course you will automatically get access to the intermediate course for Free. When the intermediate level course has been completed you will receive a free voucher for the course.

Let me know if you have any questions about this course and I will get back to you with an answer. If the question you ask would be relevant to all students I may add a new lecture to answer the question so all can benefit from your question.

Thanks for your participation in this course.

Course completion with App now on the mobile device
00:22
About the Instructor
Maurice Price
4.2 Average rating
14 Reviews
1,450 Students
3 Courses
Web Application Programmer

I've have been programming and creating business applications for over 20 years. during this time I've built projects from large complex business enterprise applications through to simple mobile applications.

I'm excited about developing applications and have built mobile applications for government and for private enterprise.

I enjoy sharing my knowledge and help teach others that are interested in mobile application development.