CIS 119 Chapter 1

• Find and use the syllabus
• Find and use the CIS 119 website
• Find and use the Desire2Learn website for CIS 119
• Discuss the history of JavaScript
• Create a basic web page using standard HTML and CSS
• Add basic JavaScript code to a web page
• Discuss cross-browser compatibility

• CIS 119 Website
• Backup CIS 119 Website
• CIS 119 Syllabus    PDF version    Word .docx version
• Desire2Learn

• Introduction to course
• JavaScript history and overview
• HTML and CSS basics
• Adding JavaScript to a web page
• Cascading Style Sheets [CSS]

• Components of a web application: HTML, CSS, JavaScript
• Static vs. dynamic web pages
• Basic HTML skills needed
• Primary HTML5 semantic elements: header, main, footer, article, section, aside, nav, figure, div, span
• Primary HTML attributes: id, class, name, for, title
• Basic HTML template
• Three ways of including JS: linked, embedded, inline
• Basic CSS skills needed and selectors: tag name, id, class
• Three ways of including CSS: linked, embedded, inline
• Brief ECMAScript history
• How to load, run, and test a JS application
• Components of a URL: protocol, domain, path, filename, fragment (hash), query string
• Debugging with Chrome: F12, or Ctrl+Shift+I, or Menu, More Tools, Developer Tools
• Debugging with Firefox: F12, or Ctrl+Shift+I, or Tools, Web Developer, specific tool
• Compatibility:
  • JS shiv: provides HTML5 for older browsers (https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js)
  • normalize.css: selectively sets styles to same across browsers (http://necolas.github.io/normalize.css/)
  • reset.css: removes all styling (https://meyerweb.com/eric/tools/css/reset/reset.css)
  • shim.js: contains ES5 features that can be implemented using ES3 (https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.1.10/es5-shim.min.js)
  • sham.js: contains ES5 features that can't be implemented using ES3 (needs shim.js) (https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.1.10/es5-sham.min.js)
• Avoid Aptana
• Terms to know: HTML, CS, HTTP, static page, dynamic page, ECMA