CISC103

Intro to Computer Science with Web Applications

 
 

Student Info:

Software Installation-Getting Set Up:

Misc Info:

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

Hex Color Charts

Converting YouTube videos to mp4

Videos and PPTs:



Tutorials/lessons for final project






HTML & CSS Tutorials:

HTML Tutorials

CSS Tutorial:

Class Challenges!:

Challenges Explained (docx) , (pdf) ,

  1. Web Term Challenge: This challenge can be found on Canvas under Challenges
  2. Tables Challenge: (docx), (pdf)

Lab Info:

Labs:

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

Final JavaScript Lab and Project:

Final JavaScript Lab

  • (docx), (pdf) (Due May 17)
  • Basics of Final
  • Note: If you get this done, you've got the guts of your final project done!!!! Congratulations!!!!

Final Project (woo woo!)


JavaScript Lab 3


JavaScript Lab 2


JavaScript Lab 1


Lab 5: See Web Site Requirements, below


Lab 4: CSS Intro


Lab 3: HTML (pt 2)


Lab 2: HTML


Lab 1: Uploading:

  • Uploading Instructions(docx), (pdf)
  • Files to be uploaded:
    1. basic1.html: This is the file you will edit with notepad++ or Textwrangler.
      Note: to download this file for editing, right click on it, choose "save file as" and save it to your computer or flash drive.
    2. basic.css
    3. binnumtunnel.jpg
    4. url.jpg

Web Site Requirements:

Web Site due Monday, Mar 29

Web Site Requirements (docx)  (pdf)

Web Site Extra Credit (docx)  (pdf)