Programming
Cas Lemmens - Workshop 1

About me
Cas Lemmens
Got my knowledge on Programming by
Studying Computer Science at the
university of Ghent
Studying and working with frameworks
Playing around in Flash

Why this workshop?
Lots of demand
We can build great things!
I feel lonely
Good point on your CV

The goal
Learn programming ffs!
Learning Object Oriented Programming
Learning Model - View - Controller
Managing a programming project
Exploring the Flash & Flex libraries

Planning
Introduction to Flash/AS3 Constructor
Programming process Properties
Procedural programming Object Oriented programming
Variables Idea
Mathematical functions Inheritance
Boolean Logic Datatypes & Type checking
Loops Interfaces
Conditionals Static classses
Arrays Methods & scopes
Methods Namespaces & packages
Object based programming Events
Classes Model - View - Controller
Packages Doing a programming project
Access control Flash & Flex libraries

Planning
Introduction to Flash/AS3 Constructor
Programming process Properties
Procedural programming Object Oriented programming
Variables Idea
Mathematical functions Inheritance
Boolean Logic Datatypes & Type checking
Loops Interfaces
Conditionals Static classses
Arrays Methods & scopes
Methods Namespaces & packages
Object based programming Events
Classes Model - View - Controller
Packages Doing a programming project
Access control Flash & Flex libraries

Before we start...
Code-lover ≠ Code-expert
Ask questions!
Tell me when I have to slow down!
Try to focus on the global method
Experiment!!

Introduction to
Flash & Actionscript 3

Why Actionscript 3?
Lots of demand
Great learning language
Used in Flash, Flex and After Effects

Other languages
Web-based Application based Script languages
PHP Java Javascript
ASP C, C++, Obective Applescript
C, C#
Ruby Lingo
Python
JSP
Perl
...

Other languages
Web-based Application based Script languages
PHP Java Javascript
ASP C, C++, Obective Applescript
C, C#
Ruby Lingo
Python
JSP
Perl
...
OOP MVC OOP MVC
proof proof proof proof

How to program in Flash?

How to program in Flash?

How to program in Flash?
Library
Text Buttons

How to program in Flash?
Library
Text Buttons

How to program in Flash?
Library
Text Buttons

How to program in Flash?
Library
Text Buttons

How to program in Flash?eline
Tim
based
Library
Text Buttons

How to program in Flash?

How to program in Flash?
Library
Text Buttons

How to program in Flash?
Source
Library
Text Buttons

How to program in Flash?
Source
Library
Text Buttons

How to program in Flash?
Source
Library
Text Buttons

How to program in Flash?ject
Ob
based
Source
Library
Text Buttons

Programming process

Writing

Think!
Writing

Think!
Writing
Compile

Think!
Writing
Compile
!
Error

Think!
Success
Writing
✓
Compile
!
Error

Think!
Success
Writing
✓
Compile Testing
!
Error

Think!
Success
Writing
✓
Compile Testing
! !
Error Error

Think!
Success Success
Writing
✓ ✓
Compile Testing
Done!
! !
Error Error

Think!
Success Success
Writing
✓ ✓
Compile Testing
Done!
! !
Error Debugging Error

Writing

Writing

Writing

Writing
Compile

Writing
Compile

Writing
Compile

Writing
Compile Debug

Writing
Compile Debug

Writing
Compile Debug

Writing
Compile Debug
Testing

Writing
Compile Debug
Testing

Writing
Compile Debug
Testing

Writing
Compile Debug
Testing Debug

Writing
Compile Debug
Testing Debug

Exercise 1
Hello world!

Some tips before we start:
comment!
For a single line comment:
// this is my comment
For multiple line comments:
/* I can write my comment
across multiple lines */

Procedural programming
Variables

var welcome:String = “Hello World!”;

var welcome:String = “Hello World!”;
keyword for defining a new variable

var welcome
welcome:String = “Hello World!”;

var welcome
welcome:String = “Hello World!”;
name of the variable
no capital as first letter!
no number as first letter!
symbols for special reason
separate words by capitals
e.g. welcomeText and not
welcometext

var welcome:String = “Hello World!”;
String

var welcome:String = “Hello World!”;
String
type of the variable
defines characteristics
defines abilities

Native types of variables
String: textual data (string or character)
Boolean: logical states (true or false)
Number: floating point numbers (fractional)
int: integer numbers
uint: positive integer numbers
Array: an ordered list
Error: a program error
Date: specific point in time
Math: common mathematical operations
RegExp: tool for searching and replacing
Function: reusable set of instructions
Object: default basic features

Native types of variables
String: textual data (string or character)
Boolean: logical states (true or false)
Number: floating point numbers (fractional)
int: integer numbers
uint: positive integer numbers
Array: an ordered list
Error: a program error
Date: specific point in time
Math: common mathematical operations
RegExp: tool for searching and replacing
Function: reusable set of instructions
Object: default basic features

var welcome:String = “Hello World!”
World!”;

var welcome:String = “Hello World!”
World!”;
value of the variable

var welcome:String = “Hello World!”;
This defines the variable
welcome with the value
“Hello World!”

var welcome:String = “Hello World!”;
PHP $welcome = “Hello World!”;
C# string welcome = “Hello World!”;

var welcome:String = “Hello World!”;

var welcome:String = “Hello World!”;
var welcome:Boolean = true;

var welcome:String = “Hello World!”;
var welcome:Boolean = true;
var welcome:Number = 2.34;

var welcome:String = “Hello World!”;
var welcome:Boolean = true;
var welcome:Number = 2.34;
var welcome:int = -5;

var welcome:String = “Hello World!”;
var welcome:Boolean = true;
var welcome:Number = 2.34;
var welcome:int = -5;
var welcome:uint = 3;

Exercise 2
Variables

Procedural programming
Mathematical functions

Doing the math!

Doing the math!
var player1:Number = 6;

Doing the math!
var player1:Number = 6;
var player2:Number = 2;

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =
player1 + player2;

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =
player1 + player2;
result is 8

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =
player1 - player2;

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =
player1 - player2;
result is 4

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =
player1 * player2;

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =
player1 * player2;
result is 12

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =
player1 / player2;

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =
player1 / player2;
result is 3

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =
player1 % player2;

Doing the math!
var player1:Number = 6;
var player2:Number = 2;
var result:Number =
player1 % player2;
result is 0

Doing the math!
var player1:Number = 5;
var player2:Number = 2;
var result:Number =

Doing the math!
var player1:Number = 5;
var player2:Number = 2;
var result:Number =

Doing the math!
var player1:Number = 5;
var player2:Number = 2;
var result:Number =
player1 % player2;

Doing the math!
var player1:Number = 5;
var player2:Number = 2;
var result:Number =
player1 % player2;
result is 1

Exercise 3
Math class!

Procedural programming
Boolean logic

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 > player2;

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 > player2;
result is true

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 > player2;
Bigge
r
result is true than

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 < player2;

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 < player2;
result is false

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 < player2;
Smal
ler
result is false than

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 <= player2;

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 <= player2;
result is false

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 <= player2; Smal
ler
or eq
ual
result is false than

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 >= player2;

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 >= player2;
result is true

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 >= player2; Bigge
r
or eq
ual
result is true than

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 == player2;

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 == player2;
result is false

Boolean logic
var player1:Number = 5;
var player2:Number = 2;
var result:Boolean =
player1 == player2;
Equa
l to
result is false

player1 == 5
player1 = 5

Condition: returns true or false.
Values remain unchanged!
player1 == 5
player1 = 5

Condition: returns true or false.
Values remain unchanged!
player1 == 5
Variable player1 gets the value 5.
Values change!
player1 = 5

Boolean logic
var player1:Boolean = true;
var player2:Boolean = false;
var result:Boolean =

Boolean logic
var player1:Boolean = true;
var player2:Boolean = false;
var result:Boolean =
player1 || player2;

Boolean logic
var player1:Boolean = true;
var player2:Boolean = false;
var result:Boolean =
player1 || player2;
result is true

Boolean logic
var player1:Boolean = true;
var player2:Boolean = false;
var result:Boolean =
player1 || player2;
OR
result is true

Boolean logic
var player1:Boolean = true;
var player2:Boolean = false;
var result:Boolean =

Boolean logic
var player1:Boolean = true;
var player2:Boolean = false;
var result:Boolean =
player1 && player2;

Boolean logic
var player1:Boolean = true;
var player2:Boolean = false;
var result:Boolean =
player1 && player2;
result is false

Boolean logic
var player1:Boolean = true;
var player2:Boolean = false;
var result:Boolean =
player1 && player2;
AND
result is false

Boolean logic
var player1:Boolean = true;
var player2:Boolean = false;
var result:Boolean =

Boolean logic
var player1:Boolean = true;
var player2:Boolean = false;
var result:Boolean =
!player1;

Boolean logic
var player1:Boolean = true;
var player2:Boolean = false;
var result:Boolean =
!player1;
result is false

Boolean logic
var player1:Boolean = true;
var player2:Boolean = false;
var result:Boolean =
!player1;
NOT
result is false

Exercise 4
Boolean logic

false && false =

false && false = false

false && false = false
true || false || true =

false && false = false
true || false || true = true

false && false = false
true || false || true = true
!true || false || false =

false && false = false
true || false || true = true
!true || false || false = false

false && false = false
true || false || true = true
!true || false || false = false
!false && true && true =

false && false = false
true || false || true = true
!true || false || false = false
!false && true && true = true

false && false = false
true || false || true = true
!true || false || false = false
!false && true && true = true
(true || false) && false =

false && false = false
true || false || true = true
!true || false || false = false
!false && true && true = true
(true || false) && false = false

false && false = false
true || false || true = true
!true || false || false = false
!false && true && true = true
(true || false) && false = false
!(false && false) || false =

false && false = false
true || false || true = true
!true || false || false = false
!false && true && true = true
(true || false) && false = false
!(false && false) || false = false

false && false = false
true || false || true = true
!true || false || false = false
!false && true && true = true
(true || false) && false = false
!(false && false) || false = false
!(true || ((!false && true) || true)) =

false && false = false
true || false || true = true
!true || false || false = false
!false && true && true = true
(true || false) && false = false
!(false && false) || false = false
!(true || ((!false && true) || true)) =
false

5 < 9

5 < 9 true

5 < 9 true
5 > 5

5 < 9 true
5 > 5 false

5 < 9 true
5 > 5 false
5 >= 5

5 < 9 true
5 > 5 false
5 >= 5 true

5 < 9 true
5 > 5 false
5 >= 5 true
5 != 5

5 < 9 true
5 > 5 false
5 >= 5 true
5 != 5 false

5 < 9 true
5 > 5 false
5 >= 5 true
5 != 5 false
(3 < 2) && (7 >= 7)

5 < 9 true
5 > 5 false
5 >= 5 true
5 != 5 false
(3 < 2) && (7 >= 7) false

5 < 9 true
5 > 5 false
5 >= 5 true
5 != 5 false
(3 < 2) && (7 >= 7) false
!(5 <= 3) || ((5 > 3) && (3 > 2))

5 < 9 true
5 > 5 false
5 >= 5 true
5 != 5 false
(3 < 2) && (7 >= 7) false
!(5 <= 3) || ((5 > 3) && (3 > 2))
true

Procedural programming
Loops

How can I display this?
1x6= 6
2 x 6 = 12
3 x 6 = 18
4 x 6 = 24
5 x 6 = 30
6 x 6 = 36
7 x 6 = 42
8 x 6 = 48
9 x 6 = 52
10 x 6 = 60

Common loops
While-loop
For-loop
Switch-loop
Do while-loop

while loop
while(condition)
{
// Do something
}
The loop will keep on going
until the condition is false.

How can I display this?
1x6= 6
2 x 6 = 12
3 x 6 = 18
4 x 6 = 24
5 x 6 = 30
6 x 6 = 36
7 x 6 = 42
8 x 6 = 48
9 x 6 = 52
10 x 6 = 60

while loop
while(condition)
{
// Do something
}

while loop
var counter:Number = 1;
while(condition)
{
// Do something
}

while loop
var counter:Number = 1;
while(counter < 11)
{
// Do something
}

while loop
var counter:Number = 1;
while(counter <= 10)
{
// Do something
}

while loop
var counter:Number = 1;
var table:Number = 6;
while(counter <= 10)
{
// Do something
}

while loop
var counter:Number = 1;
var table:Number = 6;
while(counter <= 10)
{
trace(counter + “ x “ +
table + “ = “ +
(counter * table));
}

Exercise 5
While loop

while loop
!
Infinite loop

while loop
var counter:Number = 1;
var table:Number = 6;
while(counter <= 10)
{
trace(counter + “ x “ +
table + “ = “ +
(counter * table));
}

while loop
var counter:Number = 1;
var table:Number = 6;
while(counter <= 10)
{
trace(counter + “ x “ +
table + “ = “ +
(counter * table));
counter = counter + 1;
}

for loop
for(initialize, condition, update)
{
// Do something
}
The loop will start with the initialization, and
do the update after every loop. The loop will
keep on going until the condition is falls.

for loop
for(initialize,
condition,
update)
{
// Do something
}

for loop
1
for(initialize,
condition,
update)
{
// Do something
}

for loop
1
for(initialize,
condition, 2
update)
{
// Do something
}

for loop
1
for(initialize,
condition, 2
update)
{
// Do something 3
}

for loop
1
for(initialize,
condition, 2
update) 4
{
// Do something 3
}

for loop
1
for(initialize,
condition, 2
update) 4
{
// Do something 3
}

What did we initialize
before the loop?
var counter:Number = 1;
var table:Number = 6;
while(counter <= 10)
{
trace(counter + “ x “ +
table + “ = “ +
(counter * table));
counter = counter + 1;
}

What did we initialize
before the loop?
1 var counter:Number = 1;
var table:Number = 6;
while(counter <= 10)
{
trace(counter + “ x “ +
table + “ = “ +
(counter * table));
counter = counter + 1;
}

for loop
1
for(initialize,
condition, 2
update) 4
{
// Do something 3
}

for loop
1
for(var counter:Number = 1,
condition, 2
update) 4
{
// Do something 3
}

What was the condition?
1 var counter:Number = 1;
var table:Number = 6;
while(counter <= 10)
{
trace(counter + “ x “ +
table + “ = “ +
(counter * table));
counter = counter + 1;
}

What was the condition?
1 var counter:Number = 1;
var table:Number = 6;
while(counter <= 10) 2
{
trace(counter + “ x “ +
table + “ = “ +
(counter * table));
counter = counter + 1;
}

for loop
1
for(var counter:Number = 1,
condition, 2
update) 4
{
// Do something 3
}

for loop
1
for(var counter:Number = 1,
counter <= 10, 2
update) 4
{
// Do something 3
}

What did we do, and what
did we update?
1 var counter:Number = 1;
var table:Number = 6;
while(counter <= 10) 2
{
trace(counter + “ x “ +
table + “ = “ +
(counter * table));
counter = counter + 1;
}

What did we do, and what
did we update?
1 var counter:Number = 1;
var table:Number = 6;
while(counter <= 10) 2
{
3 trace(counter + “ x “ +
table + “ = “ +
(counter * table));
counter = counter + 1;
}

What did we do, and what
did we update?
1 var counter:Number = 1;
var table:Number = 6;
while(counter <= 10) 2
{
3 trace(counter + “ x “ +
table + “ = “ +
(counter * table));
4 counter = counter + 1;
}

for loop
1
for(var counter:Number = 1,
counter <= 10, 2
update) 4
{
// Do something 3
}

for loop
1
for(var counter:Number = 1,
counter <= 10, 2
update) 4
{
trace(counter + “ x “ + table
+ “ = “ + (counter * table)); 3
}

for loop
1
for(var counter:Number = 1,
counter <= 10, 2
counter = counter + 1) 4
{
trace(counter + “ x “ + table
+ “ = “ + (counter * table)); 3
}

while-loop
var counter:Number = 1;
var table:Number = 6;
while(counter <= 10)
{
trace(counter + “ x “ +
table + “ = “ +
(counter * table));
counter = counter + 1;
}

while-loop for-loop
var counter:Number = 1; for(var counter:Number = 1,
var table:Number = 6; counter <= 10,
while(counter <= 10) counter = counter + 1)
{ {
trace(counter + “ x “ + trace(counter + “ x “ +
table + “ = “ + table + “ = “ +
(counter * table)); (counter * table));
counter = counter + 1; }
}

while-loop for-loop
var counter:Number = 1; for(var counter:Number = 1,
var table:Number = 6; counter <= 10,
while(counter <= 10) counter = counter + 1)
{ {
trace(counter + “ x “ + trace(counter + “ x “ +
table + “ = “ + table + “ = “ +
(counter * table)); (counter * table));
counter = counter + 1; }
}
Initialization

while-loop for-loop
var counter:Number = 1; for(var counter:Number = 1,
var table:Number = 6; counter <= 10,
while(counter <= 10) counter = counter + 1)
{ {
trace(counter + “ x “ + trace(counter + “ x “ +
table + “ = “ + table + “ = “ +
(counter * table)); (counter * table));
counter = counter + 1; }
}
Initialization Condition

while-loop for-loop
var counter:Number = 1; for(var counter:Number = 1,
var table:Number = 6; counter <= 10,
while(counter <= 10) counter = counter + 1)
{ {
trace(counter + “ x “ + trace(counter + “ x “ +
table + “ = “ + table + “ = “ +
(counter * table)); (counter * table));
counter = counter + 1; }
}
Initialization Condition Update

Exercise 6
For loop

No homework, but please...
Overlook it...
Experiment with it...
Ask questions!
Remember: this is only the start!
So please, get this!

Q&A

Thanks!