main.xml

1
2
3
4
5
6
7
8

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/custom_button" android:id="@+id/btnTv"></Button>
</LinearLayout>

custom_button.xml

1
2
3
4
5
6
7

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:drawable="@drawable/btn_over"
   	android:state_pressed="true" />
   <item android:drawable="@drawable/btn_normal" />
</selector>

CustomButtonExampleActivity.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

package tv.learntoprogram.customButton;
 
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
 
public class CustomButtonExampleActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
 
        Button btn = (Button)findViewById(R.id.btnTv);
 
        btn.setOnClickListener(new View.OnClickListener() {
 
			@Override
			public void onClick(View v) {
				Toast.makeText(getApplicationContext(), "You pressed the custom button",Toast.LENGTH_SHORT).show();
 
			}
		});
 
    }
}

If you are using Actionscript with Flash Professional, Flash Builder or Flex, you will find this tutorial useful.

This “How To Actionscript” series is designed for the developer who wants to learn different Actionscript techniques quickly and easily.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="400" minHeight="500"
			   creationComplete="init()">
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			function init()
			{
				//Formal
				var myFamily:Array = new Array("Brett", "Kerry", "Joan", "Rick", "Kevin", "Conner", "Colleen", "Carol");
				var languages:Array = ["C++", "Objective C", "Actionscript", "Java" , "PHP" , "Assembly"];
 
				//txtResult.text =  myFamily.toString();
				//txtResult.text = myFamily[3];
 
				languages[(languages.length+1)] = "C#.net";
				languages.push("Visual Basic");
				var returnedElement = languages.pop();
 
				for(var x=0; x < languages.length; x++)
				{
					txtResult.text += languages[x] + "\n";
				}
 
				txtResult.text += "Returned Element: " + returnedElement;
 
 
			}
		]]>
	</fx:Script>
	<s:TextArea x="18" y="10" id="txtResult"/>
</s:Application>

In this video tutorial, Mark will show you how to use both simple PHP if else and more complex conditional statements in the PHP programming language.

In this Actionscript Tutorial, using Flash Builder, you will create a simple, interactive application. In doing so you will see many of the major features of the Flash Builder environment.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="400" minHeight="300">
	<fx:Script>
		<![CDATA[
			function displayResult()
			{
				lblResult.text="Hello, Thanks for pressing the button";
			}
		]]>
	</fx:Script>
 
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
	<s:Label x="10" y="10" id="lblResult"/>
	<s:Button x="10" y="43" label="Press Me!" id="btnPress" click="displayResult()"/>
</s:Application>

This is a beginners PHP Tutorial and can easily be completed even if you have no previous programming experience. In the tutorial Mark will show you how to create your first PHP script that outputs text content to the web browser.

1
2
3
4
5
6
7
8
9
10
11

<html>
    <head>
        <title>First PHP Script</title>
    </head>
    <body>
<?php 
    echo("<p><strong>Hello World</strong> from LearnToProgram.tv</p>");
    echo("<p>This content was generated by PHP.");
?>
    </body>
</html>

The XML Language (eXtensible Markup Language) has become more important in recent years as it has developed in to a primary tool for programmers to exchange data. Often when systems don’t speak the same language they can still exchange data using XML. XML is used with Javascript, Java, Android, and just about every other important programming language… Understanding how XML works is essential.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<?xml version="1.0" ?>
<people>
    <person>
        <firstName title="Mr">Mark</firstName>
        <lastName>Lassoff</lastName>
        <age>37</age>
        <location>Connecticut</location>
        <favoriteFood>Chinese Food</favoriteFood>
    </person>
    <person>
        <firstName title="Dr">Oscar</firstName>
        <lastName>Johnson</lastName>
        <age>25</age>
        <location>New York</location>
        <favoriteFood>Italian Food</favoriteFood>
    </person>
</people>

The languages are broken into two categories—server side languages and client side languages. The browser on the users’ computers interprets client side languages. You will likely have to know and use each of the client side languages listed below. Server side languages are process and interpreted on the server, which holds the web site code and sends it to the user upon request. While each language has strengths and weaknesses, you will likely find that most projects can be completed adequately using any of the languages server side languages discussed below.

Client Side Languages
HTML
Purpose: Creating a structure for the web page
HTML is usually the first language that web developers learn. It is not a programming language, but rather a mark-up language. HTML is used to create a structure for a web page. You can develop HTML code using any text editor (not a word processor) and display the results in a web browser. The current recommended standard for HTML are versions 4.01 and a version called XHTML. The exciting HTML5 standard is rapidly approaching and has been the subject of much buzz and speculation. While many developers are learning HTML5 now, it won’t become a standard until 2014 and is inconsistently supported by the major browsers.

CSS
Purpose: To design the visual look of a web page
Cascading Style Sheet language is relatively easy to learn but difficult to master. With Cascading Style Sheet language you can control the look of text, image and layout elements. CSS is used to create the layout structure of a page positioning elements such as navigation bars, headers, footers and page content. The latest version of CSS is CSS3 which contains new features to create more attractive web pages.

Javascript
Purpose: To create client side interactivity
Javascript is a programming language built to function within the browser itself. Javascript is the most difficult of the three client side languages to learn, but also allows for complex interactions with web site visitors. Javascript can be used to verify user input in forms, adjust the appearance of web page elements dynamically and even create custom graphics using the new Canvas HTML element. Good Javascript developers are in high demand because contemporary web applications depend more and more on Javascript to process data and interact with the server through a Javascript implementation known as AJAX (Asynchronous Javascript and XML).

Server Side Languages
PHP
Major Pros: Easy to learn. Free.
Major Cons: Awkward OOP implementation

PHP has been a favorite choice of developers for years. It’s free, easy to lean and there are numerous available resources for learning PHP and getting support. PHP is generally run on Linux web servers and features fast performance and easy integration with the MySQL database. Despite PHP’s ease it is a powerful sever side programming language. Some PHP developers hold the Zend PHP Certification.

J2EE
Major Pros: Powerful, Integration with Large Java Applications
Major Cons: Difficult to Learn

Java’s Enterprise Edition (J2EE) is designed to create heavy duty web applications. It has several features that are designed to make large web applications easier to manage and maintain. J2EE applications require a Java application server such as Tomcat or Glassfish. J2EE is also free to develop in, although due to its complexity, developers often opt for formal training classes to learn the technology. Developers holding Oracle’s Certified Programmer designation must have extensive knowledge of J2EE. Competent J2EE developers are among the highest paid web professionals.

.net (VB and C#)
Major Pros: Great Development Environment, Lots of Formal / Informal Training available
Major Cons: Requires use of Microsoft Visual Studio, No Mac/Linux Support

Microsoft’s .net languages, Visual Basic and C# (pronounced C Sharp), are an excellent and popular choice for web developers. Popular for creating business applications, the .net languages are easier to learn than J2EE, without sacrificing any power or speed. The .net languages run on a Microsoft Web server and easily integrate with Microsoft’s MSSQL database products. Microsoft .net web development is an in-demand skill and developers are frequently recruited for all types of projects. There are numerous training options and certifications that are available for .net programmers.

In this video tutorial, Mark will show you how to create a sliding div within the browser. The sliding div reveals it’s content as the div opens and completely disappears once the div is closed. The full code appears below:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"
    >
<html lang="en">
<head>
    <title>Sliding Div: Show Hide</title>
<style type="text/css">
    #myDiv
        {
            width: 400px;
            background-color: #3451da;
            padding: 5px;
            color: white;
            font-size: .75em;
            font-family: arial;
            border: 1px dashed black;
 
        }
 
 
</style>
     <script language="javascript" type="text/javascript">
        var heightOfDiv;
        var t;
        var targetHeight;
 
        function hide()
        {
            heightOfDiv = document.getElementById("myDiv").offsetHeight;
            //alert(heightOfDiv);
            var freq = 1000/heightOfDiv;
            t=setInterval("retract()", freq);
        }
 
        function retract()
        {
            if(heightOfDiv>0)
            {
                heightOfDiv = heightOfDiv-1;
                document.getElementById("myDiv").style.height = heightOfDiv + "px";
            } else
            {
                document.getElementById("myDiv").style.display = "none";
                clearInterval(t);
            }
        }
    </script>
</head>
<body>
    <div id="myDiv">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec molestie, metus sed condimentum molestie, est enim molestie magna, et ullamcorper erat quam sit amet sapien. Nulla eu lorem elit, a convallis velit. Nunc eget nisi ligula. Nunc tellus lacus, bibendum sit amet lacinia ac, molestie sit amet enim. Donec convallis interdum ipsum, ac mattis ipsum porttitor ac. Ut sed erat vitae nisi cursus sodales. Nulla nisi est, fermentum in malesuada eget, aliquet id velit. Fusce ac sapien eu metus fringilla commodo. Nullam porta leo vel nisi rhoncus ac tincidunt enim consequat. Praesent posuere sodales tortor eu placerat. Quisque pulvinar nibh ut ante gravida ornare. Donec euismod lacus vel nibh scelerisque vel sollicitudin mauris feugiat. Etiam sollicitudin lacus neque. Sed mattis accumsan ipsum, nec sollicitudin justo lobortis sed.estie sit amet enim. Donec convallis interdum ipsum, ac mattis ipsum porttitor ac. Ut sed erat vitae nisi cursus sodales. Nulla nisi est, fermentum in malesuada eget, aliquet id velit. Fusce ac sapien eu metus fringilla commodo. Nullam porta leo vel nisi rhoncus ac tincidunt enim consequat. Praesent posuere sodales tortor eu placerat. Quisque pulvinar nibh ut ante gravida ornare. Donec euismod lacus vel nibh scelerisque vel sollicitudin mauris feugiat. Etiam sollicitudin lacus neque. Sed mattis accumsan ipsum, nec sollicitudin justo lobortis sed.
    </div>
<div id="controls">
    <input type="button" value="hide" onclick="hide()"/>
    <input type="button" value="show" onclick="show()"/>
</div>
</body>
</html>