n0code.net
  1. Work
  2. Teaching
  3. Courses
  4. CSCI-230
  5. Fall 2022

CSCI-230 Web Scripting
Fall 2022

This course introduces the JavaScript programming language. Students learn how to use JavaScript to dynamically create and manipulate elements within web pages. Advanced JavaScript utilities such as rest operator, generators, destructuring, object literals, arrow functions, modern classes, and promises are also discussed.
Prerequisites: A grade of C or greater in CSCI-100 or a grade of C or greater in CSCI-101

Course Administration
  • Syllabus
  • Course & Classroom Policies

  • Lecture Demonstrations
  • Web Scripting Notes
Assignments
The dates listed below are due dates and are for 10am unless specified otherwise.
  • Aug 26 - Assignment 1
    Getting Started,
    Using VSC For Web Dev
  • Aug 31 - Assignment 2
    JavaScript Basics
  • Sep 5 - Assignment 3
    Using Forms
  • Sep 7 - Assignment 4
    Bootstrap Classes
  • Sep 9 - Assignment 5
    Styling with CSS
  • Sep 12 - Assignment 6
    CSS Positioning and Transforms
  • Sep 16 - Assignment 7
    Modifying the DOM
  • Sep 21 - Assignment 8
    Transitions and Animations
  • Sep 26 - Assignment 9
    Asynchronous Programming and Modules
  • Oct 7 - Assignment 10 *** extended ***
    Keyboard and Custom Events
    Snake starter kit
  • Sep 30 - Assignment 11
    Objects
  • Oct 12 - Assignment 12
    Web Component
  • Oct 14 - Assignment 13
    RapidAPI
  • Oct 21 - Assignment 14 *** extended ***
    SVG
  • Oct 26 - Assignment 15
    D3.js: Bar graphs
  • Oct 31 - Assignment 16
    D3.js: Multidimensional Visualizations
  • Nov 4 - Assignment 17
    Babylon.js - Basic Shapes
  • Nov 9 - Assignment 18
    Babylon.js - Ground and Skybox
  • Nov 14 - Assignment 19
    Babylon.js - Importing Assets
  • Nov 18 - Assignment 20
    Babylon.js - Animations
  • Dec 3 - Assignment 21
    Final Assignment
Development Resources
  • GoDaddy.com Promo Codes
  • Visual Studio Code

Language Documentation
HTML
  • Mozilla HTML Tutorials & Reference
  • Mozilla Introduction to HTML
  • Block Level Elements
  • Inline Elements
  • Embedding Multimedia

  • HTML5 Character Entities
  • Paletton Color Designer
  • Emoji Unicode codes
CSS
  • Mozilla CSS Tutorials & Reference
  • CSS Syntax
  • CSS Selectors

  • CSS Properties, Pseudo-classes, Pseudo-elements

  • Using CSS Transitions
  • Using CSS Transforms
  • Using CSS Animations

  • Animatable CSS Properties
SVG
  • Mozilla SVG Tutorial
  • SVG Element Reference
  • SVG Attribute Reference
  • SVG Interface Reference

  • Mozilla SVG Tutorials and Reference
  • Beyond Mere Shapes
  • Beyond Mere Shapes Presentation
  • Snap.svg
Javascript
  • Mozilla Javascript Guide
  • Mozilla Javascript Tutorials & Reference
  • Javascripting.com

  • Web API
  • Key codes
Libraries and APIs
  • Bootstrap
  • jQuery
  • YouTube API
  • Google Map API
  • Amazon Associates
  • Google AdSense
Snap.svg
  • Snap.svg home
  • A Bucketful of SVG
  • Snap Examples
Animation
  • GSAP
  • Anime
  • Velocity.js
  • SYNFIG
D3.js
  • d3js.org
  • Using D3.js
  • D3 API Reference
  • D3 In Depth Tutorial
  • Scott Murray Tutorials
  • D3.js Essentials Tutorial
  • Block Builder
  • D3.js bl.ocks.org
Tools and Resources
Design
  • Google Icons
  • Subtle Patterns
  • CSS Matic: border radius, gradient, and box shadow generators
  • Favicon Generator
  • CSS Bezier Curve Tool
  • SVG Curve Tool
Other
  • Can I Use __?
  • HTML Validation Tool
  • CSS Validation Tool
  • HTML Obfuscator
  • CodePen.io
  • JSBin.com
  • Lorem Ipsum Generator
  • Random Image Generator
  • Giphy

© 2018 n0code.net