2. What do to buy
โ
Good News! You need nothing that you don't
already have. If own or have access to a
computer.
โ
Requirement 1 a text editor
โ
Requirement 2 a browser
3. Text Editors For Windows
โ
NotePad
โ
Comes with windows but has very severe limitations
โ
Notepad ++ is a much better option
โ
Crimson Editor
โ
Komodo Edit
โ
UltraEdit( Commercial )
4. Text Editors for Mac
โ
Textwrangler
โ
Sublime Text (commercial )
โ
TextMate ( now open source)
โ
Coda ( Commercial )
โ
BBEdit (Commercial )
5. Text Editors for Linux
โ
Nano
โ
Vi/Vim
โ
Emacs
โ
Gedit
โ
Kate
โ
Tea
8. Devel Tools in your
browser
โ
Microsoft F12 Developer Tools
โ
Chrome Developer Tools
โ
Firefox
โ
Web Console
โ
Firebug (Add on)
โ
Opera Dragonfly
9. Cool But How Do I Get
This On My Web Page?
โ
First our action hero the script tag <script>
โ
Attributes
โ src Tells us where to find files
โ type
โ
text/javascript or application/
โ
application/javascript
10. Split Personality
โ
The Script tag is used in two ways
โ
Load an External File (preferred)
โ <script src=โjs/my.jsโ type=โtext/javascriptโ ></script>
โ
Embedded Script (questionable)
โ <script type=โtext/javascriptโ>alert('Halo Welt');</script>
โ
May be place in either the head or body of your
HTML Document
โ
Commonly seen in the head but page load
performance can be improved by placement just
before closing the body.
11. What not to do
โ
Inline script
โ
<button onclick=โalert('I did a bad thing')>Please Don't
use me</button>
โ
Think about using this through out your site, if you
decide to make a change you will have to find
every instance on every page
โ
Please be kind to the next guy and avoid this.