ISMA309


Exercises

Event handlers
An event handler can be considered a trigger that executes code when something happens, in the ‘event’ of a click or move your mouse over a link, submit a form etc. onClick onClick handlers execute something only when users click on buttons, links, etc. Let’s see an example: The function specialsauce() is invoked when the […] Read more – ‘Event handlers’.
Functions
Prose is structured in sentences and paragraphs in the english language. In Javascript we structure our code in lines of instruction and functions. To create javascript that is easy to understand and maintain the code must be broken into smaller modules. These modules or packages of instructions are called functions and can be called upon […] Read more – ‘Functions’.
Variables and Conditions
Let’s first look at an example: There are several concepts that we should know. First of all, var x= is a variable declaration. If you want to create a variable, you must declare the variable using the var statement. x will get the result, namely, true or false. Then we use a condition statement if […] Read more – ‘Variables and Conditions’.
Message Boxes
Message Boxes There are three message boxes: alert, confirm, and prompt. Alert Let’s look at the first one: You can put whatever you want inside the quotation marks. Confirm An example for confirm box: window.confirm("Are you sure you want to quit?") Prompt Prompt box is used to allow a user to enter something according the […] Read more – ‘Message Boxes’.
Document Object Model
We can’t talk about JavaScript without mentioning the DOM, an important concept to understand about how javascript works. The Document Object Model or DOM provides a structural representation of an HTML or XML document, enabling us to modify its content and visual presentation. Essentially, it connects web pages to scripts or programming languages or alternately, […] Read more – ‘Document Object Model’.
Write and Writeln
In order to output text in JavaScript you must use write() or writeln(). Here’s an example: Welcome to my site Note: the document object write is in lowercase as JavaScript is case sensitive. The difference between write and writeln is: write just outputs a text, writeln outputs the text and a line break. Next up: […] Read more – ‘Write and Writeln’.
Embedding and Including Javascript
Javascript is a programming language that is usually included or embedded into HTML files to add behaviours that HTML is not capable of. Embedding Here’s a simple example of how javascript is embedded in an HTML page: This is a JavaScript example Hey there! Usually, JavaScript code starts with the tag . The javascript code […] Read more – ‘Embedding and Including Javascript’.
Javascript for Beginners
This is a quick introduction to Javascript for people new to programming. I’ve broken down the fundamentals of coding in Javascript into the following small chunks: Embedding and Including Javascript Write and Writeln Document Object Model Message Boxes Variables and Conditions Functions Event Handlers Read more – ‘Javascript for Beginners’.
Creating a Custom WordPress Theme #1
There are two approaches to building Custom WordPress Themes, take an existing theme and customize it or write a custom theme from scratch. We’re going to do both and then you can decide which approach makes more sense to you. Customizing an Existing Theme http://freelanceswitch.com/industry-tips/customize-wordpress-theme/ Theming from Scratch How to code a WordPress 3.0 Theme […] Read more – ‘Creating a Custom WordPress Theme #1’.
Installing WordPress Locally
Install WordPress 1. Download WordPress source code – put it in MAMP (“user/Sites” folder) 2. Make a blank Database for WordPress from the MAMP Start (click on PhpMyAdmin), configure wp-config.php file database name: wp-tutorial-db username: root password: ******** 3. Run the WordPress installer: Specify a Site name, Username, password 4. Download WordPress Importer plugin, activate […] Read more – ‘Installing WordPress Locally’.
Mobile Prototyping with Fireworks
There are many ways to create a prototype for the mobile platform, the most easiest and most effective approaches use HTML & CSS. The first method that we’ll look at uses Adobe’s Fireworks and requires no actual coding. Here’s the tutorial we will be following: http://unitid.nl/2011/03/touch-application-prototypes-tap-for-iphone-and-ipad-using-adobe-fireworks/ Read more – ‘Mobile Prototyping with Fireworks’.
Example 1: CSS3 Transitions
A good place to start with CSS3 visual effects is transitioning a basic CSS property like color, background-color, or border on hover. To kick it off, let’s take a link color CSS property and connect it to a .4 second transition. Start with a basic unordered list for a navigation system: Page Title item 1 […] Read more – ‘Example 1: CSS3 Transitions’.