• Course Home
• Classwork
• Communication
• Student Resources
  • Term FlashCards
  • Programing Steps
  • JavaScript Reference
  • Midterm 1 Review
  • Midterm 2 Review
  • Final Exam Review
  • IT Jeopardy
• Administration

How to write code using JavaScript

Initial Setup

1. Have a copy of the JavaScript reference and/or the W3Schools JavaScript tutorial easily available.
2. 
   
3. Download/Open your favorite JavaScript text editor (JEdit works well : http://www.jedit.org/index.php?page=download)
4. 
   
5. Download/Open your favorite JavaScript enabled web browser (Firefox has a good debugger : http://www.mozilla.com/en-US/firefox/)
6. 
   
7. Open your web browser’s debugger window
8. 
   
9. Write down your programming algorithm in English, expanding the detail as needed. (This is your pseudo code)
10. 
    
11. Break your program down into smaller manageable parts (functions, statements, display, program logic, etc…)
12. 
    
    

    The dirty work – Rinse, Wash, Repeat

    1. Text Editor : write a small section of your program, converting your pseudo code into JavaScript using the references for assistance.
    2. 
       
    3. Text Editor : Save
    4. 
       
    5. Web Browser : Open your .html file and debugger
    6. 
       
    7. Web Browser : Did you get what you were expecting with no errors?
    8. 
       
    9. If no
    10. 
        
        1. Text Editor : Verify correct JavaScript syntax, verify algorithm is correct
        2. 
           
        3. Text Editor : Make ONE change to your code and hit save
        4. 
           
        5. Web Browser : Clear your debugger and reload your page
        6. 
           
        7. Web Browser : Did you remove the errors? : If no – repeat A – C
        
        
    11. Save a backup of your work to your dante account.
    12. 
        
    13. Figure out what logical piece must be written next (often times this “plugs in” to the previous section)
    14. 
        
    15. Repeat 1 – 7 until finished