Meta tags:
Headings (most frequently used words):
javascript, examples, learning, exercises, some, assorted, cool, on, other, sites, flowers, hangman,
Text of the page (most frequently used words):
the (48), javascript (25), you (15), and (10), page (10), #flowers (8), text (8), flower (7), some (7), exercises (7), can (6), #examples (6), demonstrates (6), how (6), your (5), console (5), web (5), user (5), time (5), change (5), for (5), course (5), also (4), firefox (4), hangman (4), html (4), one (4), work (4), want (3), type (3), will (3), show (3), errors (3), error (3), versions (3), was (3), own (3), previous (3), used (3), scrolling (3), different (3), each (3), with (3), current (3), any (3), not (3), more (3), are (3), courses (3), day (3), minute (3), about (2), set (2), strict (2), browser (2), field (2), warnings (2), well (2), when (2), use (2), lots (2), pages (2), start (2), tip (2), highcharts (2), graph (2), google (2), here (2), grow (2), clicks (2), plus (2), animation (2), new (2), add (2), picture (2), using (2), this (2), loop (2), background (2), colors (2), which (2), help (2), older (2), online (2), them (2), might (2), color (2), first (2), introduction (2), handout (2), plain (2), word (2), format (2), language (2), version (2), slideshows (2), but (2), knowledge (2), programming (2), developed (2), learning (2), contact, akkana, shallow, sky, home, software, linux, stuff, extra, careful, write, mode, browse, that, into, address, bar, hit, return, doubleclick, line, then, true, options, filter, config, developing, earlier, called, see, give, tons, click, before, testing, directly, try, things, out, clear, tools, dynamic, demo, sudoku, goat, riddle, slot, machine, scuba, swap, repossessed, form, pacman, les, paul, guitar, cool, other, sites, written, sara, falamaki, age, now, professional, programmer, her, original, geocities, game, lets, their, without, requiring, from, combines, techniques, similar, what, examplesc, adds, element, document, moves, changes, image, random, numbers, move, clicking, places, capture, mouse, events, basic, css, position, absolute, property, series, where, builds, another, feature, getting, updating, simple, block, upward, link, prompt, input, just, these, produced, code, included, tips, below, view, source, standalone, fancy, effects, create, assorted, cheat, date, they, solve, solved, guess, number, jump, program, exercise, files, expand, minutes, all, there, available, quick, reference, download, made, openoffice, pdf, detail, than, offered, running, built, recommend, viewing, should, extent, most, browsers, features, assumes, don, need, design, little, lot, writing, programs, workshop, summer, technology, camp, high, school, girls, shorter, toastmasters, project, getset,
Text of the page (random words):
learning javascript learning javascript this is an online introduction to programming using the javascript language the course was developed as a one day workshop getset summer technology camp for high school girls the shorter version was developed as a toastmasters project you don t need any previous knowledge of programming javascript html or web page design but a little html knowledge will help a lot when you start writing your own javascript programs the courses are offered as slideshows running in javascript in the browser of course with built in exercises i recommend firefox for viewing them the slideshows should work to some extent in most browsers but some features might not work as well and the text assumes firefox the courses 15 minute javascript a 15 minute introduction to javascript expand it to 30 minutes or more if you want to work all the exercises javascript a one day course lots of exercises to work and more detail on the language than the 15 minute version download the handout for the exercises in word format made with openoffice of course or in pdf or plain text there s also a javascript quick reference handout available in word format or plain text exercises the exercise files used for the 1 day course first web page first javascript program change background color change color in a loop current time grow flowers flower jump guess the number hangman if you want to cheat some older solved exercises are also online some of them might not be up to date they solve older versions of the exercises some assorted javascript examples here are standalone versions of some of the javascript examples used in the courses the examples show you some of the fancy effects javascript can help you create in your web pages tip view page source on any web page not just these will show you the html which produced the page plus any javascript code which is included in the page more tips below change colors demonstrates how javascript can change the text background and link colors on a page and how to prompt the user for input scrolling text demonstrates simple animation by scrolling a block of text upward current time demonstrates a loop getting the current time and updating a text field flowers this is a series of examples where each one builds on the previous one to add another feature flowers 0 a basic html page with a picture of a flower using the css position absolute property flowers 1 the user can move the flower by clicking in different places demonstrates how to capture mouse events flowers 2 each time the user moves the flower the picture changes to a different flower demonstrates how to change an image and how to use random numbers flowers 3 adds a new and different flower each time the user clicks demonstrates how to add a new element to a document flowers 4 lets the flowers grow on their own without requiring clicks from the user combines the techniques in the previous flower examples plus animation similar to what s used in the scrolling text examplesc hangman a hangman game written by sara falamaki at age 16 now a professional programmer here s her original hangman geocities page cool javascript examples on other sites google les paul guitar google pacman repossessed form scuba swap slot machine goat riddle sudoku highcharts graph demo highcharts dynamic graph tip when you re developing javascript use the error console in firefox tools error console in earlier versions it was called the javascript console so you can see your errors and warnings lots of pages on the web give tons of javascript errors so click clear before you start testing your own javascript page you can also type javascript directly in to the error console to try things out if you want to be extra careful about the javascript you write you can also set strict mode browse to about config type that into your browser s address bar and hit return type javascript in the filter field and doubleclick on the javascript options strict line to set it to true then firefox will show you warnings as well as errors in the console linux stuff my software shallow sky home contact akkana
|
