8/31/2024 4:33:35 PM |
| Changed Course |
CATALOG INFORMATION
|
Discipline and Nbr:
CS 50C | Title:
WEB DEVELOPMENT 3 |
|
Full Title:
Web Development 3 |
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:
CS 50.12
Catalog Description:
Untitled document
Students will use HTML, CSS, & JavaScript to produce powerful interactive web content. Topics include semantic elements, forms, canvas, audio, video, geolocation. Students will create responsive websites using a grid-based Bootstrap framework.
Prerequisites/Corequisites:
Course Completion of CS 50B
Recommended Preparation:
Eligibility for ENGL 1A or equivalent
Limits on Enrollment:
Schedule of Classes Information
Description:
Untitled document
Students will use HTML, CSS, & JavaScript to produce powerful interactive web content. Topics include semantic elements, forms, canvas, audio, video, geolocation. Students will create responsive websites using a grid-based Bootstrap framework.
(Grade or P/NP)
Prerequisites:Course Completion of CS 50B
Recommended:Eligibility for ENGL 1A or equivalent
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:
Both Certificate and 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 semantic elements.
6. Develop web pages using HTML5's new, audio, video elements.
7. Produce code which uses the canvas element to create code-based drawings and animations.
8. Analyze and implement code to create Web Storage for offline applications.
9. Use new HTML5 form elements.
10. Develop web content that utilizes the geo-location elements in HTML5.
11. Discuss web site accessibility issues and implementations.
12. Utilize Bootstrap to style forms, tables, and navigational elements.
13. Utilize Bootstrap to create responsive designs which work well with mobile devices.
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
g. New pseudo classes
h. Styling forms
i. Validating and processing forms
6. HTML5 API Support
a. Canvas overview
b. Adding canvas content
c. Drawing in the canvas environment
d. Charts with canvas
e. Drag-and-drop API overview
f. Offline applications overview
g. Video overview
h. Encoding video
i. Adding video
j. Utilizing a jQuery media player
7. Associated Technologies
a. Geolocation API overview
b. Web storage API overview
c. History API
d. CSS3 (Cascading Style Sheets) overview
e. Enhancing typography with CSS3
f. Using @font-face
g. Styling HTML5 with CSS3
h. Using CSS3 transitions
i. Scalable Vector Graphics (SVG)
j. Image strategiees, image sprites, pixel density for retina images
k. Microdata
8. Compatibility Testing
a. Current browser
b. Older browsers
c. Mobile devices
9. Responsive Web Design
a. Responsive vs. adaptive web design
b. Media queries
c. Introduction to grid-based frameworks
d. Bootstrap
e. Progressive enhancement vs. graceful degradation
10. Accessibility
a. Accessible Rich Internet Applications (ARIA)
b. Accessible forms
c. Accessible tables
d. Testing for accessibility
e. Features and considerations for making accessible web sites
Assignments:
Untitled document
1. 25 to 60 pages of textbook reading per week
2. One written analysis and critique of current browser support for HTML5 elements
3. Three to five tests
4. Develop 5-20 webpages that 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% |
Critique and analysis | |
Problem solving: Assessment tools, other than exams, that demonstrate competence in computational or non-computational problem solving skills. | Problem Solving 30 - 65% |
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 | |
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