This is the slide stack for my YouTube video of the same Name. This video can be found at https://www.youtube.com/watch?v=REZoF-89vpY

1. JavaScript
Tools and
Implementation
Charles Russell
Bennu Bird Media

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

6. Graphical Editors
●
Dreamweaver
●
Bluefish
●
Kompozer
●
Coffecup

7. Integrated Development
Environments
●
NetBeans
●
Eclipse
●
Aptana
●
Visual Studio
●
Komodo IDE

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.

12. Next Variables