CISC103

• Syllabus: (docx)  (pdf)
• Schedule: (docx)  (pdf)

• CreatingTextFiles (docx)  (pdf)
• Notepad++: Editor for the PC (Link)
  Note: Download the installer
• Text Wrangler: Editor for the MAC (Link)
• Brackets: (both) (Link)

Web Site due Fri, Mar 20

Web Site Requirements (docx)  (pdf)

Web Site Extra Credit (docx)  (pdf)

CSS3 Extra Credit

(Due Fri, Mar 27)

• (docx), (pdf)

Script for swapping css (stylesheets):(docx), (pdf)

Hex Color Charts

Converting YouTube videos to mp4

Syllabus and Schedule update

Note: Please read over the Syllabus and Schedule changes

Note: Please join piazza for this class. The TAs and I will be monitoring piazza and will answer questions as they arise on piazza

• Syllabus: (docx)  (pdf)
• Schedule: (docx)  (pdf)

Video Tutorials

The video tutorials should accompany the tutorials we are doing in class

• Week 9: JS 3

  Note: Each tutorial has a Your Turn at the end that is part of this lab (due next Thursday)

  • (video) GetElementById to Get Info
  • getElementById to get info(docx), (pdf)
    
  
  
  • (video) innerHTML 1
  • innerHTML 1 (docx), (pdf)
    
  
  
  • (video) Joining Strings
  • Joining Strings (docx), (pdf)
    
  
  
  • (video) innerHTML 2
  • innerHTML 2 (docx), (pdf)
    

• Week 8: JS 2

  Note: Each tutorial has a Your Turn at the end that is part of this Friday's lab (due next Thursday)

  • (video) Random Numbers
  • Random Numbers (docx), (pdf)
    
  • (video) getElementById 1
  • getElementById 1 (docx), (pdf)
    
  • (video) getElementById for Style
  • getElementById 2: Style (docx), (pdf)
    

• Week 7: JS 1

  Note: Each tutorial has a Hands-on at the end that is part of this Friday's lab (due next Thursday)

  • (video) Intro to JS: Adding JS
  • Adding JS (docx), (pdf)
    
  • (video) Parameters
  • Parameters (docx), (pdf)
    
  • (video) Variables and Prompt Box
  • Variables and Prompt Box (docx), (pdf)
    
  • (video) If Conditions
  • If Conditions(docx), (pdf)
    

---

Web Site Material

CSS Tutorial 2

• (video)Validating your code
  Everyone must validate their web sites!
• (video)Compressing (zipping)
  Instructions for how to zip your files (e.g., your web site)
• (video) Positioning using Floating Tutorial
• (video) Absolute Positioning versus Fixed Positioning Tutorial
• (video> Positioning using Relative and Z-index Tutorial

HTML Tutorials

• Creating an HTML Template (docx),  (pdf)
• HTMLTags1 (docx)  (pdf)
• HTMLTags2 (docx)  (pdf)

CSS Tutorial:

• CSSTutorial1 (docx)  (pdf)
• CSSTutorial2 (docx)  (pdf)

Note: For security reasons, to upload to the University's web server, you must be at the University. The alternative is to set up a VPN (virtual private network). Doing so will allow you to upload when you are off campus. Instructions for setting up a VPN can be found here:
setting up a VPN
If, however, this is more than you want to tackle, then make sure you upload your files when you are on campus.

1. Homework 1: (docx), (pdf)
   Due Mon, Feb 24 midnight
2. Homework 2:(docx), (pdf)
   Due Mon, Mar 2
3. Homework 3:(docx)  (pdf)
    Due Mon, Mar 9
4. Homework 4:(docx)  (pdf)
   Due Mon, Mar 16

Lab Times:

• 020 F 11:15-12:05
• 021 F 12:20-1:10
• 022 F 1:25-2:15pm

Lab Location:

028 Memorial Hall

JavaScript Labs

Note: Esprima allows you to find out where in your code your mistakes are occurring. It is for debugging. If your code isn't working, try loading it into esprima and running it - it should tell you where your code is invalid, and it will try to give you a hint about what is making your code invalid.

   Esprima, for testing javaScript