HTML5/CSS3/advancedJavascript learning and programming logs
05-13-2011
, 08:31 AM
05-14-2011
, 12:00 AM
Wow, I learned more from that book in the first free pages they show than I learned in months of studying the resources available on the internet.
But...
There is an error on one of the codes.
I agree that there shouldn't be any need for an HTML/CSS book. The resources are good enough that you can figure out what you need on your own, plus the documentation is in plain enough English that there is no reason to clarify it.
Regardless, I can't imagine there is any future in creating CSS pianos.
But...
There is an error on one of the codes.
I agree that there shouldn't be any need for an HTML/CSS book. The resources are good enough that you can figure out what you need on your own, plus the documentation is in plain enough English that there is no reason to clarify it.
Regardless, I can't imagine there is any future in creating CSS pianos.
05-14-2011
, 01:01 AM
05-14-2011
, 08:33 AM
05-14-2011
, 02:59 PM
When I mentioned browser-specific I meant just working with client side JS in general. I haven't read those chapters yet but I'm pretty sure there's more content in there than battling cross browser compatibility issues.
I think if you just dove into jquery without really understanding how JS works and how the DOM is setup you'll wind up being just another hack job coder. That might be good enough to get things done but it's going to be ugly most likely.
At the very least you'll need to understand anon functions, callbacks, closures, and get used to writing asynchronous code since the browser is basically just 1 big event loop.
Btw the calculator is missing the number zero.
I think if you just dove into jquery without really understanding how JS works and how the DOM is setup you'll wind up being just another hack job coder. That might be good enough to get things done but it's going to be ugly most likely.
At the very least you'll need to understand anon functions, callbacks, closures, and get used to writing asynchronous code since the browser is basically just 1 big event loop.
Btw the calculator is missing the number zero.
05-14-2011
, 03:09 PM
Not much like jQuery existed back when my 3rd edition was published 
But really, the book, subtitled "a definitive guide", would be inappropriate to just say "use such and such library and don't worry what it's doing". It teaches you the underlying skills needed to create something like jQuery - or at least did in 1998. Now it can be argued these may not be relevant skills to many of today's developers, but for the purpose of education i think learning to create and understand the entirety of a language >>> learning to use a certain library. And someone has to write these libraries in the first place. jQuery developers obviously need to pay attention to browser differences in JS.
Timely posts from other thread today:
But really, the book, subtitled "a definitive guide", would be inappropriate to just say "use such and such library and don't worry what it's doing". It teaches you the underlying skills needed to create something like jQuery - or at least did in 1998. Now it can be argued these may not be relevant skills to many of today's developers, but for the purpose of education i think learning to create and understand the entirety of a language >>> learning to use a certain library. And someone has to write these libraries in the first place. jQuery developers obviously need to pay attention to browser differences in JS.Timely posts from other thread today:
05-14-2011
, 05:48 PM
Quote:
Not a bad start. The first thing that jumps out at me is the repeated code. Repeated code is bad because if later you have to change X, you have to remember everywhere you do X.
Instead, I wrote two helper functions:
This means all the write methods translate into:
The bug in your code was because you were only running startOne onLoad, so none of the other buttons had callbacks.
Instead, I wrote two helper functions:
Code:
function write(value) {
document.getElementById('display').innerHTML = value;
}
function setOnClick(id, func) {
document.getElementById(id).onclick = func;
}
Code:
function writeOne() {
write(1);
}
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
div
{
width: 100px;
height: 20px;
border-style: solid;
border-color: blue;
}
</style>
<script type="text/javascript">
function write(value) {
document.getElementById('display').innerHTML = value;
}
function writeOne() {
write(1);
}
function writeTwo() {
write(2);
}
function writeThree() {
write(3);
}
function writeFour() {
write(4);
}
function writeFive() {
write(5);
}
function writeSix() {
write(6);
}
function writeSeven() {
write(7);
}
function writeEight() {
write(8);
}
function writeNine() {
write(9);
}
function setOnClick(id, func) {
document.getElementById(id).onclick = func;
}
function init() {
setOnClick('one', writeOne);
setOnClick('two', writeTwo);
setOnClick('three', writeThree);
setOnClick('four', writeFour);
setOnClick('five', writeFive);
setOnClick('six', writeSix);
setOnClick('seven', writeSeven);
setOnClick('eight', writeEight);
setOnClick('nine', writeNine);
}
window.onload = init;
</script>
</head>
<body>
<div><span id="display"></span></div>
<button id="one">1</button>
<button id="two">2</button>
<button id="three">3</button>
<button id="four">4</button>
<button id="five">5</button>
<button id="six">6</button>
<button id="seven">7</button>
<button id="eight">8</button>
<button id="nine">9</button>
<button id="add">+</button>
<button id="subtract">-</button>
<button id="multiply">x</button>
<button id="divide">/</button>
<button id="equals">=</button>
</body>
</html>
I knew why the "bug" existed. I actually tried to do:
window.onload=startOne;
window.onload=startTwo;
As you probably already know, one no longer worked and only two worked, so I figured that I had to create a single function including all of the codes, though my solution probably wouldn't work. I am going to go ahead and create the code and see what happens, post it here and cry.
Good idea.
It's also missing a clear and clear all button.
-----------------
fwiw, that js book has a section dedicated to jQuery.