n0code.net

CSCI-230 Web Scripting

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

  • Notes
  • Assignments

Demos
  • Demo Site
  • No Markup
  • w/ HTML
  • Inline CSS
  • Internal CSS
  • Box Model
  • External CSS
  • Bootstrap
  • Internal JS
  • External JS
  • Scratchpad
Art
  • Asskee
  • Beautiful Programming
  • Butterfly
  • n0code logo
Development Tools
  • WebStorm IDE
  • Opera Browser
  • Git for Windows including Git BASH

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
  • 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
  • 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
  • HTML5 and CSS3, Illustrated Complete 2nd Edition
  • CSS-Tricks.com

© 2018 n0code.net