Before learning JavaScript, it's important to learn how it fits into the larger picture of the Browser and DOM (and your web app).
To start, lets walk through a very basic "Hello World" web page. Assume that the server at helloworld.com has this HTML file:
<html>
<head>
<script type='text/javascript'>
alert('Hello JS');
CanJS has an extremely confusing website that gave me a "WHY CAN'T I DO" headache. All I wanted was to see the To-Do source code!
In the learn section, it says:
Learn Our goal is to make learning CanJS as easy as possible. There are a number of resources to use:
This Page - Walks through the basics of CanJS by building a small todo app with CanJS and jQuery. Here’s the app in action.
The "here's the app in action' part links to: http://canjs.us/recipes.html#everything_together-basic_todo. Which has the fiddle I think you are talking about.
JavaScript Code
var str = "hi";Memory allocation:
| Address | Value | Description |
|---|---|---|
...... |
... |
| title | tags | author | lead | layout |
|---|---|---|---|---|
Weekly Widget 4 - Paginated Grid |
open-source jquerypp |
justinbmeyer |
Learn to use jQuery++'s $.Range to create content aware show / hide buttons. |
post |
This week's widget demonstrates the awesome power of
jQuery++'s range helper. $.Range
| [ | |
| { name: "JS.Chi", createdBy: "Moschel, Brian", date: new Date(new Date() - 0.1 * day) }, | |
| { name: "Conquer CanJS", createdBy: "Cummings, Curtis", date: new Date(new Date() - 0.3 * day) }, | |
| { name: "Weekly Scrum", createdBy: "Meyer, Justin", date: new Date(new Date() - 0.5 * day) }, | |
| { name: "Secret StealJS", createdBy: "Abril, Alexis", date: new Date(new Date() - 1.4 * day) }, | |
| { name: "Mustache Party", createdBy: "McDaniel, Austin", date: new Date(new Date() - 1.4 * day) }, | |
| { name: "JudoScript", createdBy: "Konjevic, Mihael", date: new Date(new Date() - 2* day) }, | |
| { name: "Canvas Carnival", createdBy: "Kant, Andy", date: new Date(new Date() - 5* day) } | |
| ] |
| title | tags | author | lead | layout |
|---|---|---|---|---|
Weekly Widget 4 - Chat |
open-source can.Model Socket.io |
fara82 |
Sending and receiving messages using Socket.io and can.Model. |
post |
This week's widget is a real-time chat application that demonstrates sending and receiving messages using Socket.io and can.Model. This article shows how to integrate Socket.io to can.Model's events system.
| <article class="content docs"> | |
| <section class='title'> | |
| <div class='pullright'> | |
| <ul class='tags'><li>function</li><li>static</li></ul> | |
| <ul class='links'> | |
| <li><a>source</a></li> | |
| <li><a>download</a></li> | |
| <li><a>tests</a></li> | |
| </ul> | |
| </div> |
| <article class="content docs"> | |
| <section class='title'> | |
| <div class='pullright'> | |
| <ul class='tags'><li>function</li><li>static</li></ul> | |
| <ul class='links'> | |
| <li><a>source</a></li> | |
| <li><a>download</a></li> | |
| <li><a>tests</a></li> | |
| </ul> | |
| </div> |
| steal('can',function(){ | |
| Stat = can.Model({ | |
| id: "name", | |
| findAll: function(){ | |
| var def = $.Deferred(); | |
| setTimeout(function(){ | |
| def.resolve([ |
---
title: Weekly Widget 7 - Computes and Sliders
tags: open-source canjs
author: justinbmeyer
lead: Learn why can.compute is the last API you will ever need as we explore using it
in a slider.
layout: post
---
Computes are amazing, especially when