JS-Links

Our Class Web Site Programming for the Internet CLASS:  https://sites.google.com/site/jilmactraining/internet-programming-js/ip-links

Many times you will not see a CHANGE when testing your code - that is because your browser may CACHE the page
How to FLUSH the Cash in a variety of browsers http://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache

 Running a JavaScript program - Plan "B" when you don't have a server or STWEB available:
    If you are reading the text book - or the On-Line text book for the first few chapters (in case you didn't get the book yet)
    To practice running the code - until we have STWEB available to FTP to
    Use W3Schools test system.  Save your files to a notepad or text editor and copy them to this page
    2.)  Click the TRY IT YOURSELF green button
    3.)  Block the code that they default, and paste your code
    4.)  Click the EDIT AND CLICK ME button
    5.)  Your program will display on the right
    This is a good link to remember ... if you want to test some javascript and you are not at your computer with your FTP program all set up - you can test code here online!!

   
LINKS:

Dummies series - http://Dummies.com
Lynda.com free training videos – 1000’s of subjects! http://www.lynda.com/home/freeTraining.aspx
JavaScript Source:                      http://www.javascriptsource.com
The Mouse Whisperer                 http://www.mousewhisperer.co.uk/ajax_page.html for the whole article. Now just one paragraph:

How does it (Ajax) work? (We have not learned Post or Get, that is more for Intermediate Class)
Instead of a user request being made of the server via, for example, a normal HTTP POST or GET request, such as would be made by submitting a form or clicking a hyperlink, an Ajax script makes a request of a server by using the Javascript XMLHTTPRequest object.
  • NOTE: Phil Ballard operates the Mouse Wisperer web site. See his Amazon author Biography http://www.amazon.com/Phil-Ballard/e/B001IQX9JO/ref=ntt_athr_dp_pel_1
  • Phil’s other site is CrackAjax.net http://www.crackajax.net/xmlhttprequest.php
Here are some YouTube tutorials – a variety, find your type of trainer – search “tutorial ajax xmlhttprequest object”



Once we get into PHP & MySQL tables http://www.youtube.com/user/thornwebdesign

If you want a simple view from a Kids point of view check out Connor http://www.youtube.com/user/ConnorAlves ; Simple Ajax Library - http://www.youtube.com/user/ConnorAlves#p/search/1/zp8sOwIMxnw Note - Connor uses Eclipse editor/framework

There are two types of errors that you will come across:

SYNTAX - you have not closed a tag properly or are not using a tag correctly.

Where can you get help to find errors in your code??  Validator:  http://validator.w3.org/  - you enter your URL and the W3C (WWW Consortium) Validator lists things that you should address.  These may be causing something else further down to not function properly.

 

LOGIC - your program is not working the way you thought you designed it to.

This is a harder type of problem to find - because there is no Automated Validator that you can run it through.  You will have to walk the code and step through the steps to debug this.


TRIALS

     GREAT OFFER FREE -Safari – Books On-Line is available for 10 days FREE or 200 pages. https://ssl.safaribooksonline.com/tryitfree

Debuggers:
PHP:


REFERENCES 

HISTORY

TUTORIALS -
  • http://www.tizag.com/phpT 
  • http://www.4webhelp.net/tutorials/php/basics.php
  • http://us.php.net/manual/en/tutorial.php
  • http://w3schools.com/php/php_syntax.asp
  • http://www.tizag.com/phpT/syntax.php
  • http://www.phpbuilder.com/snippet/
  • http://www.developertutorials.com/category/tutorials/php/
  • http://www.buildwebsite4u.com/advanced/php.shtml



 JavaScript Reference Links:
 JavaScript Tutorials:
        Three parts of JavaScript (Syntax, DOM, Browser)  http://javascript.about.com/od/reference/a/component.htm?nl=1
    Code Generators
        TABLES - http://javascript.about.com/library/bltablegen.htm  Note:  this also generated the CSS


     Hiding an email from the bots:  view-source:http://www.lobstermanspage.net/scripts/stuff.js

JavaScript in the HEAD??? or in the Body??  - It's like LIFE - It Depends, Everyone has an Opinion


CSS
    ADOBE - Teacher Curriculum Series (may have to create an adobe account) http://edexchange.adobe.com/people/d166b4d8a7/posts 
     Web Font Blender - Grab Code for CSS3 http://andreasweis.com/webfontblender/
     Style Tiles - for design layout  http://styletil.es

HTML5
   SitePoint's  Development Center  -  http://www.sitepoint.com/tag/html5-dev-center/

PHP
   Tutorials
       PHP Academy - http:/phpAcademy.org 


Mobile
       Build Mobile -  http://buildmobile.com/
       Flash creating an Android App (may have to create an adobe account) http://tv.adobe.com/watch/mobile-applications-101/setting-up-an-android-file-in-flash/

Graphics

Dreamweaver Tutorials (you may need to set up an Adobe Login - it is well worth it)  Download Easel JS from the GIT repository
      Learn how to animate graphics across HTML5's canvas element using EaselJS a javascript framework that emulates Flash's display list.
            Keywords/Search terms:  HTML5, Canvas, EaselJS, Javascript, Flash, Dreamweaver
      Getting Started with HTML 5 Canvas using Easel JS   http://edexchange.adobe.com/posts/06782e466f
      Working with SpriteSheets in HTML5 Canvas using EaselJS  http://edexchange.adobe.com/posts/ace5dabf8f   <-- uses Flash
      Create a Simple Clicking Game for HTML5 Canvas with EaselJS   http://edexchange.adobe.com/posts/d168cfbc42  <-- uses Flash

WordPress
    QuickStart Guides - now that you have taken a JavaScript course and used a Quick Start Guide to help you with code and understanding what it does - you can apply it to the development of the Web that interests you
        WordPress:  Video QuickStart Guide -  http://www.peachpit.com/store/product.aspx?isbn=0132826267


WORDPRESS



Bootstrap Resources  from the http://JenKramer.com Presentation to NEAUG.org on 12/03/2013

Official Links

Resource Lists

Templates and Themes

Galleries/examples of Bootstrap sites

JavaScript and JavaScript Integration

HTML Snippets

Migration Utilities

Other Responsive Design Frameworks

     
   
Subpages (1): Edge-Flash
Comments