8/31/2024 10:11:45 PM |
| New Course (First Version) |
CATALOG INFORMATION
|
Discipline and Nbr:
CS 50.12 | Title:
HTML5 INTERACTIVE WEB |
|
Full Title:
HTML5: Interactive Websites |
Last Reviewed:10/24/2022 |
Units | Course Hours per Week | | Nbr of Weeks | Course Hours Total |
Maximum | 3.00 | Lecture Scheduled | 3.00 | 17.5 max. | Lecture Scheduled | 52.50 |
Minimum | 3.00 | Lab Scheduled | 0 | 4 min. | Lab Scheduled | 0 |
| Contact DHR | 0 | | Contact DHR | 0 |
| Contact Total | 3.00 | | Contact Total | 52.50 |
|
| Non-contact DHR | 0 | | Non-contact DHR Total | 0 |
| Total Out of Class Hours: 105.00 | Total Student Learning Hours: 157.50 | |
Title 5 Category:
AA Degree Applicable
Grading:
Grade or P/NP
Repeatability:
00 - Two Repeats if Grade was D, F, NC, or NP
Also Listed As:
Formerly:
Catalog Description:
Untitled document
The course covers using HTML (HyperText Markup Language), CSS (Cascading Style Sheets), and Javascript to produce powerful interactive Web content. Topics include the HTML5 structural, semantic and form tags, how to use Canvas to create drawings natively in the browser, how to work with HTML5 audio and video, and how to build web pages that work with mobile devices. Also includes the current state of browser support for HTML5 and the theory behind all the changes that have been made.
Prerequisites/Corequisites:
Course Completion of CS 50.11B
Recommended Preparation:
Eligibility for ENGL 100 or ESL 100
Limits on Enrollment:
Schedule of Classes Information
Description:
Untitled document
The course covers using HTML (HyperText Markup Language), CSS (Cascading Style Sheets), and Javascript to produce powerful interactive Web content. Topics include the HTML5 structural, semantic and form tags, how to use Canvas to create drawings natively in the browser, how to work with HTML5 audio and video, and how to build web pages that work with mobile devices. Also includes the current state of browser support for HTML5 and the theory behind all the changes that have been made.
(Grade or P/NP)
Prerequisites:Course Completion of CS 50.11B
Recommended:Eligibility for ENGL 100 or ESL 100
Limits on Enrollment:
Transfer Credit:CSU;
Repeatability:00 - Two Repeats if Grade was D, F, NC, or NP
ARTICULATION, MAJOR, and CERTIFICATION INFORMATION
Associate Degree: | Effective: | | Inactive: | |
Area: | | |
|
CSU GE: | Transfer Area | | Effective: | Inactive: |
|
IGETC: | Transfer Area | | Effective: | Inactive: |
|
CSU Transfer: | Transferable | Effective: | Fall 2011 | Inactive: | |
|
UC Transfer: | | Effective: | | Inactive: | |
|
C-ID: |
Certificate/Major Applicable:
Not Certificate/Major Applicable
COURSE CONTENT
Outcomes and Objectives:
At the conclusion of this course, the student should be able to:
Untitled document
Upon completion of course, students will be able to:
1. Build web pages using HTML5 code.
2. Explain the major benefits of HTML5.
3. Compare and contrast HTML5 and HTML4.
4. Incorporate HTML5's new elements and attributes into websites.
5. Utilize HTML5 to incorporate audio and video elements into Websites.
6. Develop web pages using HTML5's new Canvas element to create code-based drawings and animations.
7. Analyze and implement code to create Web Storage for offline applications.
8. Use new HTML5 form elements.
9. Evaluate the current state of browser support for HTML5 and create code solutions to enable web sites to degrade gracefully.
Topics and Scope
Untitled document
1. Introducing HTML5 (HyperText Markup Language)
a. Exploring prior standards
b. The need for HTML5
c. Current HTML5 support
2. HTML5 New Features
a. HTML5 vs. HTML4
b. Structural tags
c. Content tags
d. Application-focused tags
e. Deprecated elements
f. API (Application Programming Interface) overview
3. Creating HTML5 Documents
a. Content models
b. Understanding the outline algorithm
c. The role of <div> tags
d. Using ID and class attributes
e. DOCTYPE declarations
f. Character encoding
4. Structuring HTML5 Documents
a. Basic page structure
b. Structuring top-level elements
c. Structuring interior content
d. Building headers
e. Checking document outlines
f. Ensuring cross-browser structure
5. Building Forms in HTML5
a. New input types
b. Setting form autofocus
c. Using placeholder data
d. Marking required fields
e. Working with number inputs
f. Using date pickers
6. HTML5 API Support
a. Canvas overview
b. Adding canvas content
c. Drawing in the canvas environment
d. Drag-and-drop API overview
e. Offline applications overview
f. Video overview
g. Encoding video
h. Adding video
7. Associated Technologies
a. Geolocation API overview
b. Web storage API overview
c. CSS3 (Cascading Style Sheets) overview
d. Enhancing typography with CSS3
e. Using @font-face
f. Styling HTML5 with CSS3
g. Using CSS3 transitions
8. Compatibility testing
a. Current browser
b. Older browsers
c. Mobile devices
Assignments:
Untitled document
1. 25 to 60 pages of textbook reading per week
2. Written analysis and critiques of current browser support for HTML5 elements
3. Three to five objective tests
4. Web pages which incorporate HTML code that produces the following features:
a. semantic HTML
b. the outline model
c. forms
d. audio and video elements
e. canvas elements such as drawings, animations and interactivity
f. storage of information offline
g. graceful degradation
h. functionality on mobile devices
Methods of Evaluation/Basis of Grade.
Writing: Assessment tools that demonstrate writing skill and/or require students to select, organize and explain ideas in writing. | Writing 5 - 20% |
Critiques and reviews | |
Problem solving: Assessment tools, other than exams, that demonstrate competence in computational or non-computational problem solving skills. | Problem Solving 30 - 65% |
Incorporate class concepts into website projects | |
Skill Demonstrations: All skill-based and physical demonstrations used for assessment purposes including skill performance exams. | Skill Demonstrations 0 - 0% |
None | |
Exams: All forms of formal testing, other than skill performance exams. | Exams 20 - 40% |
Exams to include multiple choice, matching items, completion, short answer | |
Other: Includes any assessment tools that do not logically fit into the above categories. | Other Category 0 - 10% |
Attendance and participation | |
Representative Textbooks and Materials:
Untitled document
Introducing HTML5 (Voices That Matter), by Bruce Lawson and Remy Sharp, Publisher New Riders Press, 2010.
HTML5: Up and Running, by Mark Pilgrim, O'Reilly Media, 2010.
Print PDF