Mobile apps: Make great looking apps easily and quickly.

Name: Mobile apps: Make great looking apps easily and quickly.
Rating: 4.3 (28 reviews)

Mobile apps for beginners: Learn how to build your own great looking mobile apps easily and quickly for Android & Mac.

Created byMaurice Price

Last updated 7/2016

English

What you'll 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.

Course content

5 sections • 25 lectures • 1h 5m total length

Introduction to make great looking mobile app easily and quickly4: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.
Sections covered in the course?2: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

Getting the tools you will need to build the mobile application3: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?0:16
A brief look at the mobile application you are going to build in this course.1: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.

A brief Introduction to HTML2: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
A Brief Introduction to JQuery and JQuery Mobile3: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/
A Brief Introduction to CSS2: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!
An Introduction to Adobe Dreamweaver4: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.
An Introduction to Adobe PhoneGap2:37
A brief introduction to Adobe PhoneGap that i use to compile the mobile application before deployment on the mobile device.

Signing up for & installing your free trial Creative Cloud account1:00
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
Installing Dreamweaver from Creative Cloud0: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.

Creating the index.html file using Dreamweaver (The main application file)3:11
Creating or opening the config.xml file1: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.
including the CSS file2: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.
Moving the header and footer into the top and bottom locations1: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" >
Using the JQuery Mobile Page Function in Dreamweaver1:01
In this lecture I show you how to add a new JQuery Mobile page into the application.
Downloading the app resources (text and images) you will need to build this app.1: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 12:04
Adding the content and images to your application Part 25:09
In this lecture we add the app content.
Adding the content and images to your application Part 38:49
Copying the config.xml file into the app folder and zipping the files folder.3: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
Uploading your Application to the PhoneGap service and building the app2: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.
Using a QR Code to quickly get the app from your computer to your mobile device3: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.
Course completion with App now on the mobile device0: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.

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 this course is for:

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.

Mobile apps: Make great looking apps easily and quickly.

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 7min

Getting the tools you will need to build your mobile appliaction3 lectures • 5min

Brief Introduction to Dreamweaver, HTML, JQuery Mobile,CSS and Phonegap5 lectures • 16min

Getting your Creative Cloud Account2 lectures • 2min

Building the Mobile Application13 lectures • 36min

Requirements

Description

Who this course is for: