JavaScript, HTML, CSS - Revision history

Ghenne: /* Generated Index.html */

2015-01-17T18:51:45Z

Generated Index.html

← Older revision		Revision as of 18:51, 17 January 2015
Line 158:		Line 158:
	Form1.style.display = 'none';		Form1.style.display = 'none';
	}, false);		}, false);
	Form1.onsubmit=function(~~event~~){~~window.event~~.stopPropagation();~~window.event~~.preventDefault()};		Form1.onsubmit=function(e){e.stopPropagation();e.preventDefault()};
	NSB.addProperties(Form1);		NSB.addProperties(Form1);
	</pre>		</pre>

C185driver: /* Generated Index.html */

2014-12-26T22:36:18Z

Generated Index.html

← Older revision		Revision as of 22:36, 26 December 2014
Line 107:		Line 107:

	* Now it's time the body of our app.		* Now it's time the body of our app.
	* [https://github.com/ftlabs/fastclick FastClick] is a library which makes ~~touch events~~ as fast as ~~clicks~~.		* [https://github.com/ftlabs/fastclick FastClick] is a library which makes clicks as fast as touch events.
	<pre>		<pre>
	<body style="margin:0px;">		<body style="margin:0px;">
Line 190:		Line 190:

	<div class="page-break"></div>		<div class="page-break"></div>

	= JavaScript Libraries =		= JavaScript Libraries =

C185driver: /* Add to Home Screen */

2014-12-26T22:33:05Z

Add to Home Screen

← Older revision		Revision as of 22:33, 26 December 2014
Line 220:		Line 220:
	=== Add to Home Screen ===		=== Add to Home Screen ===

	* ~~This library is iOS only.~~ When your app is run in ~~the~~ browser, it prompts you to save to the Home Screen.		* When your app is run in a mobile device browser, it prompts you to save to the Home Screen.

	=== DropBox ===		=== DropBox ===

Ghenne: /* Included Libraries */

2014-03-31T22:56:19Z

Included Libraries

← Older revision		Revision as of 22:56, 31 March 2014
Line 221:		Line 221:

	* This library is iOS only. When your app is run in the browser, it prompts you to save to the Home Screen.		* This library is iOS only. When your app is run in the browser, it prompts you to save to the Home Screen.

			=== DropBox ===

			* Allows you read and write files and dataStores in a DropBox directory.

	=== Retina Display Support ===		=== Retina Display Support ===
Line 226:		Line 230:
	* Requires two sets of all images in your project.		* Requires two sets of all images in your project.
	* Hi Res set is named filename@2x.jpg.		* Hi Res set is named filename@2x.jpg.

			=== Shake Library ===

			* Library which adds an event that gets called if device is shaken.

	=== Spinning Wheel ===		=== Spinning Wheel ===

Ghenne: /* Sencha Touch */

2014-03-31T22:54:02Z

Sencha Touch

← Older revision		Revision as of 22:54, 31 March 2014
Line 226:		Line 226:
	* Requires two sets of all images in your project.		* Requires two sets of all images in your project.
	* Hi Res set is named filename@2x.jpg.		* Hi Res set is named filename@2x.jpg.

	~~=== Sencha Touch ===~~

	* This is large, fairly well known framework.
	* Not so much used with AppStudio any more.

	=== Spinning Wheel ===		=== Spinning Wheel ===

Ghenne: /* jQuery */

2014-03-31T22:53:39Z

jQuery

← Older revision		Revision as of 22:53, 31 March 2014
Line 221:		Line 221:

	* This library is iOS only. When your app is run in the browser, it prompts you to save to the Home Screen.		* This library is iOS only. When your app is run in the browser, it prompts you to save to the Home Screen.

	~~=== jQuery ===~~

	* This library is the most widely used JavaScript library on the net.
	* jQuery Mobile and jqWidgets both use it.
	* Usually no need to select it, since it will already be included.

	=== Retina Display Support ===		=== Retina Display Support ===

Ghenne: /* Included Libraries */

2014-03-31T22:53:23Z

Included Libraries

← Older revision		Revision as of 22:53, 31 March 2014
Line 211:		Line 211:

	== Included Libraries ==		== Included Libraries ==
	[[~~File~~:~~Toolboxlibraries~~.png]]		[[file:3.3.2.png]]
	* A number of libraries are installed with AppStudio		* A number of libraries are installed with AppStudio
	* To use them, select Project Properties and Global code in the [[Project Explorer]]		* To use them, select Project Properties and Global code in the [[Project Explorer]]

Admin: 33 revisions

2014-01-07T06:24:38Z

33 revisions

← Older revision		Revision as of 06:24, 7 January 2014
(No difference)

Ghenne at 19:08, 6 January 2014

2014-01-06T19:08:56Z

← Older revision		Revision as of 19:08, 6 January 2014
Line 2:		Line 2:

	* In this section, we will learn more about the internals of AppStudio.		* In this section, we will learn more about the internals of AppStudio.
	* AppStudio is built on top of HTML5, css3 and JavaScript.		* AppStudio is built on top of [http://en.wikipedia.org/wiki/Html5 HTML5], [http://en.wikipedia.org/wiki/Css css3] and [http://en.wikipedia.org/wiki/Javascript JavaScript].
	* We deliberately left those parts accessible.		* We deliberately left those parts accessible.
	* Makes it easy to learn more about HTML5, ~~css3~~ and JavaScript.		* Makes it easy to learn more about HTML5, CSS and JavaScript.
	* Advanced users can build almost anything.		* Advanced users can build almost anything.

Line 13:		Line 13:
	<br>		<br>
	* When an AppStudio program is run, all BASIC code is converted to JavaScript.		* When an AppStudio program is run, all BASIC code is converted to JavaScript.
	* JavaScript is fast!		* JavaScript is [https://www.nsbasic.com/speedtest.htm fast]!
	* JavaScript on a iPhone 5S is almost twice as fast as VB.Net on a desktop!		* JavaScript on a iPhone 5S is almost twice as fast as VB.Net on a desktop!
	* Latest iPhones are 100x faster than the original.		* Latest iPhones are 100x faster than the original.
	* Translation happens only to code modules which have changed.		* Translation happens only to code modules which have changed.
	* You can see your BASIC translated to JavaScript by right clicking in the Code Window.		* You can see your BASIC translated to JavaScript by right clicking in the [[Code Window]].

	<div class="page-break"></div>		<div class="page-break"></div>
Line 107:		Line 107:

	* Now it's time the body of our app.		* Now it's time the body of our app.
	* FastClick is a library which makes touch events as fast as clicks.		* [https://github.com/ftlabs/fastclick FastClick] is a library which makes touch events as fast as clicks.
	<pre>		<pre>
	<body style="margin:0px;">		<body style="margin:0px;">
Line 198:		Line 198:
	== Ways to include ==		== Ways to include ==

	# Drag it into the Project ~~Window~~. It will get loaded into your Index.html when your app is generated.		# Drag it into the [[Project Explorer]]. It will get loaded into your Index.html when your app is generated.
	# Create a new Code Module. Set its language to JavaScript. Paste the code in.		# Create a new Code Module. Set its language to JavaScript. Paste the code in.
	# Create a <script> line in the extraheaders Project Property.		# Create a <script> line in the extraheaders Project Property.
Line 213:		Line 213:
	[[File:Toolboxlibraries.png]]		[[File:Toolboxlibraries.png]]
	* A number of libraries are installed with AppStudio		* A number of libraries are installed with AppStudio
	* To use them, select Project Properties and Global code in the Project Explorer		* To use them, select Project Properties and Global code in the [[Project Explorer]]
	* The ToolBox will then show the list of libraries.		* The ToolBox will then show the list of libraries.
	* Include one by clicking on its checkbox.		* Include one by clicking on its checkbox.

Ghenne: /* Other Libraries */

2013-12-16T14:44:14Z

Other Libraries

← Older revision		Revision as of 14:44, 16 December 2013
Line 263:		Line 263:

	* There are several repositories which list hundred or even thousands of JavaScript libraries		* There are several repositories which list hundred or even thousands of JavaScript libraries

	* http://www.javascriptsource.com		* http://www.javascriptsource.com

	* http://javascriptlibraries.com		* http://javascriptlibraries.com

	* http://www.jsdb.io		* http://www.jsdb.io

	* Lots more!		* Lots more!