SRJC Course Outlines

10/14/2024 1:38:47 PMCS 50C Course Outline as of Fall 2014

Changed Course
CATALOG INFORMATION

Discipline and Nbr:  CS 50CTitle:  WEB DEVELOPMENT 3  
Full Title:  Web Development 3
Last Reviewed:10/24/2022

UnitsCourse Hours per Week Nbr of WeeksCourse Hours Total
Maximum3.00Lecture Scheduled3.0017.5 max.Lecture Scheduled52.50
Minimum3.00Lab Scheduled04 min.Lab Scheduled0
 Contact DHR0 Contact DHR0
 Contact Total3.00 Contact Total52.50
 
 Non-contact DHR0 Non-contact DHR Total0

 Total Out of Class Hours:  105.00Total 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:TransferableEffective:Fall 2011Inactive:
 
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