You are here: Home | teaching | Spring 2012 | Course Details

PopUp MP3 Player (New Window)

CMP 342-Internet Programming

Course Details

course description: The purpose of this course is to learn the technics needed to hand-coding HTML5 and CSS3, as well as gain familiarity in JavaScript and current trends in JavaScript frameworks and server-side scripting. Topics covered will include: HTML tags, Cascading Style Sheets (CSS) and tricks, JavaScript/JQuery and possibly PHP/MySQL.

Topics Covered

  1. HTML: Hyper Text Mark-up Language
    • history
    • basic tags
  2. CSS: Cascading Style Sheets

    What is CSS?

    • CSS stands for Cascading Style Sheets
    • Styles define how to display HTML elements
    • Styles are normally stored in inline style tags, embedded styles or external style sheets 
    • Styles were added to HTML 4.0 to solve layout problems caused by tables
    • External Style Sheets can save you a lot of work
    • External Style Sheets are stored in CSS files
    • Multiple style definitions will cascade into one
  3. Styles sheets define HOW HTML elements are to be displayed, just like the font tag and the color attribute in HTML 3.2. Styles are normally saved in external .css files. External style sheets enable you to change the appearance and layout of all the pages in your Web, just by editing one single CSS document!

    CSS is a breakthrough in Web design because it allows developers to control the style and layout of multiple Web pages all at once. As a Web developer you can define a style for each HTML element and apply it to as many Web pages as you want. To make a global change, simply change the style, and all elements in the Web are updated automatically.

  4. HTML5: as of 2012, the new specification for the HTML standard
  5. What is an HTML File?

    • HTML stands for Hyper Text Markup Language
    • An HTML file is a text file containing data surrounded by small markup tags
    • The markup tags tell the device viewing it how to display the page
    • An HTML file must have an .htm or .html file extension. However, .html is the officially accepted standard.
    • An HTML file can be created using a simple text editor
  6. XHTML: What Is XHTML?
    • XHTML stands for EXtensible HyperText Markup Language
    • XHTML was begun in 2003 to replace HTML
    • XHTML is almost identical to HTML 4.01
    • XHTML is a stricter and cleaner version of HTML
    • XHTML is HTML defined as an XML application or extension
    • Oh yeah: XHTML is dead! The W3Consortium has stopped work on it altogether in favor of HTML5.
  7.  

    [XML (Extensible Markup Language) is a markup language where everything has to be marked up correctly, which results in "well-formed" documents. XML was designed to describe data and HTML was designed to display data. Therefore - by combining HTML and XML, and their strengths, we got a markup language that is useful now and in the future - XHTML. All new browsers have support for XHTML, but newer browsers are moving to support HTML5. HTML5 renders well on Safari 5, Chrome 5, Opera 10 and Firefox 9.

     

  8. JavaScript: What is JavaScript?
    • The most popular scripting language for the web
    • Scripting makes web pages dynamic
    • JavaScript is a client-side scripting language, meaning the code is interpreted and processed by the end user’s browser.
    • JavaScript adds interactivity to web sites, in addition to form validation, browser detection, cookie creation and implementation of many things that HTML5 promises, but many modern browsers don’t support.

     Though the name implies that it is somehow based on the well-known Object Oriented Programming language Java, nothing could be further from the truth. JavaScript was developed and implemented by Netscape, licensed by Sun Microsystems (developer of Java) and now currently being developed further by Mozilla (the developers of Firefox) and many other 3rd party developers. The copyright is currently held by the Oracle Corporation.

    Because it is a client-side script, the interpretation of the code is done on each user's computer. Therefore, a developer doesn't need to worry about installing an interpreter on the host server, as is the case with Perl and PHP. However, this also means that a browser must support, and have enabled, JavaScript in order to view JavaScript-driven sites properly.

    You are here: Home | teaching | Spring 2012 | Course Details