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.9 (6 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.
653 students enrolled
Instructed by Maurice Price Design / Web Design
$45
Take This Course
  • Lectures 25
  • Contents Video: 1 hour
    Other: 1 min
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 12/2014 English

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!

What are the 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.

What am I going to get from this course?

  • 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.

What 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.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
04:33

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.

02:40

    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
Section 2: Getting the tools you will need to build your mobile appliaction
03:01

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

What is a mobile application?
Article
01:51

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.

Section 3: Brief Introduction to Dreamweaver, HTML, JQuery Mobile,CSS and Phonegap
02:33

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

03:44

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/

02:59

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!

04:33

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.

02:37

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

Section 4: Getting your Creative Cloud Account
1 page

You can access Creative Cloud from the following links

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

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

00:54

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.

Section 5: Building the Mobile Application
Creating the index.html file using Dreamweaver (The main application file)
03:11
01:50

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.

02:31

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.

01:05

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" >

01:01

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

01:07

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.

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

In this lecture we add the app content.

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

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

02:05

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.

03:19

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.

00:22

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.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Maurice Price, 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.

Ready to start learning?
Take This Course