Resources

JavaScript, jQuery, and React -- ITSE 1311 -- Section 81701

Resources

WebEx Meeting Site

WebEx Meeting

Validators

JavaScript References

jQuery References

Template for creating new HTML5 documents:

HTML5 Template:

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HTML5 Template</title>
  <link rel="stylesheet" href="myStyles.css">
  <script>
    /* <![CDATA[ */
    // Most JavaScript code goes in the head section.
    /* ]]> */
  </script>
</head>

<body>
  <!-- Your HTML content goes inside the body tag, below this comment.  -->
  <script>
    /* <![CDATA[ */
    // But JavaScript code can go wherever it needs to be, including in the body.
    /* ]]> */
  </script>
</body>
</html>

FTP Information

FTP Instructions

Online File Storage

Running Apps from Portable Storage

PortableApps.com

Turning on JavaScript

If you ever need to tell someone how to turn on JavaScript in their browser, here is some information:

Microsoft Internet Explorer (IE):
1. Open the "Tools" menu.
2. Click the "Internet Options" menu item.
3. Click the "Security" tab.
4. Click the "Custom Level..." button in "Security level for this zone" section.
5. Almost at the bottom of the list: "Scripting" section: Check the "Enable" radio button in the item "Active scripting".
6. Click the "OK" button.
Firefox:
1. Open the "Tools" menu.
2. Click the "Options..." menu item.
3. Click the "Content" icon at the top.
4. Check the "Enable JavaScript" checkbox.
5. Click the "OK" button.

Turning on JavaScript Error Messages

Microsoft Internet Explorer (IE) does not, by default, display JavaScript error messages.
Firefox has a nice built-in error display console, but it does not display by default, either.
Chrome also has a nice built-in error display console, but it does not display by default, either.

Here are some instructions on how to turn on JavaScript error messages.

Turning on prompt() in IE

Microsoft Internet Explorer (IE) has a setting that allows the user to prevent the prompt() function from working. If your prompt() window is not displaying, check this setting:

Tools
Internet Options
Security tab
Custom level...
Almost at the bottom of the list, in the "Scripting" section: Enable "Allow websites to prompt for information using scripted windows".
OK and OK

Greeking Source

Lorem Ipsum

Student Discounts on Software:

Journey Software

HTML Editors

Notepad++ is a great full-featured editor with excellent search and tag-matching capabilities. It is a text-only editor but it is FREE.
HTML-Kit is a great full-featured editor with excellent search and tag-matching capabilities. It is a text-only editor but it does have a "browse/preview" mode. It is FREE.
Crimson Editor is a great full-featured editor with excellent search and color-coding capabilities for many different coding languages, of course including HTML. It is a text-only editor. It is FREE. You might see a reference to "Emerald Editor" on the download page; apparently Emerald has taken over Crimson but it is the same editor, and well worth looking at.
Dreamweaver is the best overall WYSIWYG HTML editor. You may use Dreamweaver in "Code" mode for this course, but not in "Design" mode. Cost: About $200 at JourneyEd.com.
UltraEdit is probably the best HTML, CSS, and general text editor available. It is a text-only editor but it does have a "browse/preview" mode. Cost: About $60 at IDMComp.com.
HomeSite was formerly the best HTML and CSS editor available. It is a text-only editor but it does have a "browse/preview" mode. Cost: About $100 at Adobe.com, if you can still get it.
Notepad comes with every Windows installation. It is a very limited editor but it does a good job if you have none of the other text editors available. You can find it in the "All Programs", "Accessories" section of the main Start menu, or you can type Notepad into the "Run" box and press <Enter>.
TextEdit comes with every Macintosh OS installation. It is a limited editor but it does a good job if you have none of the other text editors available. You can find it in the "Applications" folder on your Mac. Make sure you save your file as a "Web Page (.html)" file format.

FTP Clients

Filezilla at cnet.com is an excellent FTP Client, and it is FREE!
CAUTION: DO NOT DOWNLOAD Filezilla from https://sourceforge.net/projects/filezilla/ or https://filezilla-project.org/ !! It is packaged there with MALWARE.
CuteFTP Home is an excellent low-cost FTP client. Cost: About $40 at Globalscape.com.
WS_FTP Home is also an excellent FTP Client. Cost: About $40 at ipswitch.com.
Fetch for Mac supports the FTPES protocol that the school server uses. It is free for students. You will need to apply at their site for an educational license.

Image-Editing Software

Photoshop is a premier, top-of-the-line image editor. The current version, CS3, is available for about $285 at JourneyEd.
Mapedit is a very nice image map (hot-spot) editor. It creates HTML code that validates in the W3C's XHTML validator, even. It is available for $10.00 from http://www.boutell.com/mapedit/.
The GIMP is just as powerful as PhotoShop and it is FREE! It also includes an image map hot-spot editor.
Make sure you download three installation files:
1. The GIMP editor itself.
2. The GTK Runtime Environment (library) files that GIMP needs in order to run.
3. The GIMP Help files.
Unless you are a die-hard geek/programmer, you do not need to download any GIMP source files. We mere mortals will want to go to the section where you can download "binaries", which is the geek word for "programs".
Paint comes with every Windows XP installation. It is limited in much the same way that Notepad is limited as a text editor, but it does a decent job in a pinch! You can find it in the "All Programs", "Accessories" section of the main Start menu, or you can type Pbrush into the "Run" box and press <Enter>.

HTML Information and References

W3Schools -- HTML reference
Blooberry -- HTML and CSS reference
Project Cool -- HTML and CSS reference
JavaScript Color Table
Blooberry's "Colors in HTML and CSS" page
Lorem Ipsum generator

Cascading Style Sheet Information and References

W3Schools -- CSS Reference
Blooberry -- CSS and HTML Reference
Project Cool -- CSS and HTML Reference
CSS Zen Garden -- Lots of style sheets to look at and learn from
Web Designs Group's CSS Info
W3C's Main CSS Page
CSS Editing tools
CSS1 Spec
CSS2 Spec

General Information

Handy Hints

WebEx Recorded Meetings

December 2, 2020 jQuery and AJAX
November 11, 2020 jQuery Events and Effects, and jQuery with HTML and CSS
November 4, 2020 Introduction to jQuery
October 28, 2020 Forms with JavaScript
October 21, 2020 HTML5 Canvas
October 14, 2020 Window, Location, and Navigator Objects (First hour)
October 14, 2020 Window, Location, and Navigator Objects (Second hour)
October 7, 2020 Repetition (Arrays and Loops) (First hour)
October 7, 2020 Repetition (Arrays and Loops) (Second hour)
September 30, 2020 Decision Making (If and Switch)
September 23, 2020 Data Types and Operators (and Arrays)
September 16, 2020 Variables, Functions, Objects, and Events
September 9, 2020 Introduction to JavaScript
September 2, 2020 Class Introduction (Password rSWQQ33k)

Richland College Multimedia Learning Center

JavaScript, jQuery, and React -- ITSE 1311 -- Section 81701

Resources

HTML5 Template: