how i got started in javascript
Post on 09-May-2015
1.667 Views
Preview:
DESCRIPTION
TRANSCRIPT
How I got started in JavaScript.
http://ajaxian.com/archives/bacon-a-sizzling-new-yui-utility
Hello, I’m @cheeaun.I do lots of awesome web stuff.
In the old days, JavaScript is (sort of) known as DHTML.
Or at least, that’s how I know it.
But, I wasn’t really that interested in it.
Later I was inspired by this guy.Shaun Inman.
It was so cool,I just got to view source.
I had totally no idea what it does. Still I try to learn
JavaScript anyway.
My first attempt is to fix a small, simple problem on my
own web site.
The scenario.
I have a float-ed image here with variable width.
I don’t want this to happen.
The solution.
Display image this way if its width is roughly 90% of the container width.
The code.Please pardon my noobness.
The code evolves.
The code may look simple(?) but it took me weeks to figure it
out. I didn’t touch JavaScript for a period of time since then.
Until I got inspired, again.
One day, I saw this.
http://wiki.github.com/madrobby/scriptaculous/effect-fade
I realize the existence of JavaScript frameworks and
decided to learn one of them.
Why MooTools?
Because I like the MooTools code, syntax style, and
documentation.
http://keetology.com/blog/2009/07/00-up-the-moo-herd-mootools-tips-and-tricks
Also, MooTools developers are seriously awesome.
http://twitter.com/davidwalshblog/status/26109921796
http://engineering.twitter.com/2010/09/tool-legit.html
The best part is the more I learn about MooTools, the more I learn about JavaScript itself.
Remember my imageFloat() function? It evolves, again.
Not the prettiest code in the world but oh well.
I dive in deeper. I’ve coded some JavaScript-intensive apps
and MooTools plugins.
One of the most interesting is Mooj, which provides jQuery-
like syntax for MooTools.
http://github.com/cheeaun/mooj
Though the most exciting of all is MooEditable, a simple web-
based WYSIWYG editor.
http://github.com/cheeaun/mooeditable
But then, here’s my advice; Don’t even think of writing your
own WYSIWYG editor. It’s a living hell.
After all this, I’m still learning. One step at a time.
So does everyone else.Even you.
That’s all, folks. Thanks!
Tools used during the production of these slides:http://pastie.org/ http://placehold.it/ http://jsfiddle.net/ http://jsconsole.com/
top related