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

CSCI-230 Web Scripting
Fall 2024

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
Assignments
The assignments below are due prior to the start of the next lecture unless specified otherwise.
  • Sep 3
    Experiment 1 - HTML and CSS Basics
  • Sep 5
    Experiment 2 - Terrible Form
  • Sep 13
    Experiment 3 - Access Portal
  • Sep 19
    Experiment 4 - Animations and Transitions
  • Sep 26
    Experiment 5 - Carousel
  • Oct 1
    Experiment 6 - Classes
  • Oct 10
    Experiment 7 - Application of Classes
  • Oct 17
    Experiment 8 - Web Components
  • Oct 23
    Experiment 9 - Event Chain Reaction
  • Oct 29
    Experiment 10 - Drag & Drop
  • Nov 6
    Experiment 11 - LocalStorage, Navigation, Forms & Themes
  • Nov 8
    Experiment 12 - IndexedDB
  • Nov 12
    Experiment 13 - Device API
  • Nov 14
    Experiment 14 -Observers
  • Nov 16
    Launch your website on Digital Ocean
  • Nov 26
    Experiment 15 - Dedicated Workers
Development Resources
  • Visual Studio Code

Language Documentation
HTML
  • Mozilla HTML Tutorials & Reference
  • Mozilla Introduction to HTML
  • Block Level Elements
  • Inline Elements
  • Images in HTML

  • HTML5 Character Entities
  • Emoji Unicode codes

  • Paletton Color Designer
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
Javascript
  • Mozilla Javascript Guide
  • Mozilla Javascript Tutorials & Reference

  • Web API
  • Key codes
Libraries and APIs
  • Bootstrap
  • Javascripting.com
  • YouTube API
  • Google Map API
  • Amazon Associates
  • Google AdSense
Animation
  • Snap.svg
  • GSAP
  • Anime
  • Velocity.js
  • SYNFIG
D3.js
  • d3js.org
  • Using D3.js
  • D3 API Reference
  • D3 In Depth Tutorial
  • Scott Murray Tutorials
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

© 2024 n0code.net