Western Technical College

10152144 Web Programming Course Outcome Summary Course Information Description

This course covers advanced topics related to HTML and JavaScript. Topics covered will include the reasons for using JavaScript, JavaScript objects, forms, and programming the browser.

Career Cluster

Information Technology

Instructional Level

Associate Degree Courses

Total Credits

3.00

Total Hours

72.00

Types of Instruction Instruction Type

Credits/Hours

Lecture

2 CR / 36 HR

Lab

1 CR / 36 HR

Course History Last Approval Date

5/26/2015

Purpose/Goals To learn HTML/XHTML and the JavaScript programming language to create and enhance web pages. Target Population This course is designed for first semester students enrolled in the IT Web & Software Developer program. Pre/Corequisites Pre/Corequis 10152118 Applied SQL ite Textbooks HTML, CSS and JavaScript All in One, Sams Teach Yourself: Covering HTML5, CSS3, and jQuery. 2nd Edition. Copyright 2015. Meloni, Julie C. Publisher: Pearson. ISBN-13:978-0-672-33714-7. Required. Course Outcome Summary - Page 1 of 6 Wednesday, May 18, 2016 11:10 AM

Learner Supplies Fee for online subscription approximately $60. Vendor: To be discussed in class. Required.

Core Abilities 1.

Apply mathematical concepts. Status

2.

Demonstrate ability to think critically. Status

3.

Active

Use effective communication skills. Status

6.

Active

Make decisions that incorporate the importance of sustainability. Status

5.

Active

Demonstrate ability to value self and work ethically with others in a diverse population. Status

4.

Active

Active

Use technology effectively. Status

Active

Program Outcomes 1.

Apply a creative, logical approach to software design. Status

2.

Utilize traditional and object-oriented methodologies incorporating various programming languages on multiple platforms to create a variety of software applications. Status

3.

Active

Analyze and debug program code using modern debugging tools. Status

6.

Active

Utilize principles of networking to support database and web services. Status

5.

Active

Design normalized databases that can be used within various programming languages. Status

4.

Active

Active

Demonstrate a strong work ethic, utilize time management skills, display initiative and work cooperatively as part of an effective team. Status

Active

Course Competencies 1.

Explore the HTML language. Domain

Cognitive

Level

Applying

Status

Active

Assessment Strategies 1.1. Written Product Course Outcome Summary - Page 2 of 6 Wednesday, May 18, 2016 11:10 AM

Criteria Your performance will be successful when: 1.1. learner creates a web page containing a definition list, ordered list, unordered list, and nested list 1.2. learner creates a web page with headings, paragraphs, horizontal rules, and character entities 1.3. learner creates a web page with a background image 1.4. learner creates a web page with images correctly aligned within text, and within a table 1.5. learner creates a web page with internal and external links 1.6. learner creates a web page a table that includes headers 1.7. learner formats tables with column and row spanning 1.8. learner utilizes inline styles to control text alignment, text appearance, text color, page color, paragraph alignment, and image alignment 1.9. learn uses HTML semantic elements in creating a web page 1.10. learner creates a web page that utilizes each of the standard form elements, including input, select, checkbox, radio buttons, and textareas. Learning Objectives 1.a. Utilize block level and inline elements to create a web page 1.b. Incorporate images and other types of media into web pages 1.c. Use hyperlinks to relate pages within a website. 1.d. Use lists and tables within a web page 1.e. Explore basic HTML tags 1.f. Explore HTML structural, semantic, and metadata elements.

2.

Explore the fundamentals of CSS. Domain

Cognitive

Level

Applying

Status

Active

Assessment Strategies 2.1. Written Product Criteria Your performance will be successful when: 2.1. learner creates a web page that uses all methods of incorporating CSS styles into it, including in-line, internal and external style sheets. 2.2. learner creates a web page that uses tag, id, and class selectors 2.3. learner creates a web page that demonstrates the CSS box model, including padding, margin, and borders 2.4. learner creates a web page that demonstrate the use of 'floated' elements for building page layout 2.5. learner creates a web page that demonstrates specificity of style rules 2.6. learner creates a web page that uses media queries to adjust the layout based on the end user's screen size Learning Objectives 2.a. Examine methods of incorporating CSS styles into an HTML document. 2.b. Examine CSS selectors 2.c. Explore CSS rules 2.d. Explore CSS properties 2.e. Examine specificity in CSS 2.f. Utilize media queries to create responsive layouts

3.

Examine the JavaScript language. Domain

Cognitive

Level

Analyzing

Status

Active

Assessment Strategies 3.1. Written Product Criteria 3.1. learner creates a web page that demonstrates inline, internal, and embedded JavaScript 3.2. learner creates a web page that makes use of various events, such as onload, onunload, onerror 3.3. learner creates a web page that handles user events, including button clicks, keyboard presses, and form submissions Course Outcome Summary - Page 3 of 6 Wednesday, May 18, 2016 11:10 AM

3.4. 3.5. 3.6. 3.7. 3.8.

learner creates a web page that uses JavaScript to dynamically add and alter content that is displayed learner creates a web page that uses AJAX to add content learner creates a code sample that demonstrates the use of JSON to add content to a page learner creates a code sample that demonstrates the functional properties of JavaScript learner understands the Document Object Model, including the following objects: document, event, location, history, navigator, window.

Learning Objectives 3.a. Identify various methods of incorporating JavaScript code into an HTML document 3.b. Use event-driven features of JavaScript 3.c. Use JavaScript to enhance the navigation of a website 3.d. Use JavaScript to dynamically add content to a web page 3.e. Utilize AJAX to add content to a web page 3.f. Explore the Document Object Model

4.

Apply industry standard best practices. Domain

Cognitive

Level

Applying

Status

Active

Assessment Strategies 4.1. Written Product Criteria Your performance will be successful when: 4.1. learner creates a form that uses JavaScript to validate user input 4.2. learner can describe methods for optimizing the performance of a web page, including image size, number of requests, and minification of code 4.3. learner demonstrates knowledge of image formats that are available for use in web pages, including .png, .jpg, and .gif. 4.4. learner sets up a environment for developing and testing code 4.5. learner demonstrates knowledge of standard web development design principles Learning Objectives 4.a. Use validation techniques to verify user input 4.b. Explore methods of optimizing the performance of web pages 4.c. Explore methods of optimizing media for websites 4.d. Create a development environment 4.e. Utilize conventional design principles

5.

Explore various tools used in web development. Domain

Cognitive

Level

Applying

Status

Active

Assessment Strategies 5.1. Demonstration Criteria Your performance will be successful when: 5.1. learner demonstrates using a validation tool for CSS and HTML code 5.2. learner demonstrates ability to use basic features of a browser-based developer tool 5.3. learner uses a version control system to manage code 5.4. learner demonstrates proficiency in using a IDE 5.5. learner sets up a development platform 5.6. learner uses and FTP tool to transfer files to a web server Learning Objectives 5.a. Use browser-based web developer tools 5.b. Utilize HTML and CSS code validators 5.c. Explore version control systems 5.d. Explore integrated development environments 5.e. Use a development platform 5.f. Use an FTP client to transfer files to a web server Course Outcome Summary - Page 4 of 6 Wednesday, May 18, 2016 11:10 AM

6.

Investigate the web platform and architecture. Domain

Cognitive

Level

Analyzing

Status

Active

Assessment Strategies 6.1. Demonstration 6.2. Written Product Criteria Your performance will be successful when: 6.1. learner can explain the role of a web server 6.2. learner can describe various devices and browsers that may be used to view a website 6.3. learner explains the basics of the HTTP protocol, including requests, responses, and headers 6.4. learner can explain the use of JSON and XML for data exchange 6.5. learner creates a web page that utilizes a web service Learning Objectives 6.a. Examine the role of web servers 6.b. Explore various web browsers and client devices 6.c. Express the basics of the HTTP protocol 6.d. Investigate data exchange formats 6.e. Utilize a web service

7.

Analyze, debug, and test code. Domain

Cognitive

Level

Analyzing

Status

Active

Assessment Strategies 7.1. Written Product 7.2. Demonstration Criteria Your performance will be successful when: 7.1. learner demonstrates the use of a browser-based debugging tool to step through code 7.2. learner demonstrates the use of a browser-based development tool to alter the markup and CSS styles of a web page 7.3. learner uses a validation tool to check for errors in HTML and CSS code 7.4. learner creates a web page that looks and behaves consistently in various browsers 7.5. learner writes an application that returns the code name, platform and version of the browser 7.6. learner creates a web page that adapts its layout for various screen sizes Learning Objectives 7.a. Utilize web developer tools for troubleshooting 7.b. Utilize code validators 7.c. Investigate cross-browser quality assurance testing

8.

Explore user interface design. Domain

Cognitive

Level

Applying

Status

Active

Assessment Strategies 8.1. Written Product 8.2. Demonstration Criteria Your performance will be successful when: 8.1. learner understands considerations for designing the navigation of a web site 8.2. learner builds a web site that alters it's presentation for mobile devices 8.3. learner creates a website that uses the ALT attribute for all images 8.4. learner understands ease-of-use design considerations 8.5. learner understands how screen readers render content Learning Objectives Course Outcome Summary - Page 5 of 6 Wednesday, May 18, 2016 11:10 AM

8.a. 8.b. 8.c.

9.

Explore various methods of designing website navigation Differentiate approaches of designing for various devices Investigate ease-of-use considerations

Produce a simple web site. Domain

Cognitive

Level

Applying

Status

Active

Assessment Strategies 9.1. Written Product Criteria Your performance will be successful when: 9.1. learner designs and builds navigation for the website 9.2. learner creates a 'contact us' form that incorporates JavaScript validation of user input 9.3. learner utilizes media queries to adapt the layout for mobile devices and desktop browsers 9.4. learner uses HTML semantic elements in the website 9.5. learner designs a header and footer for each page of the website 9.6. learner uses a single CSS style sheet that is shared by all pages in the website Learning Objectives 9.a. Explain the purpose and content of a website 9.b. Create a navigation scheme for a website 9.c. Embed media into the pages of a website 9.d. Create a contact page that includes user input validation and confirmation of success 9.e. Utilize media queries to create a responsive layout

10.

Identify, evaluate, and present current technologies available to the web programmer Domain

Cognitive

Level

Analyzing

Status

Active

Assessment Strategies 10.1. Written Product 10.2. Demonstration Criteria Your performance will be successful when: 10.1. learner explains what a single-page web application is, and how it differs from a traditional website 10.2. learner explores a JavaScript framework, such as jQuery 10.3. learner researches a content management system for websites, such as WordPress 10.4. learner chooses a specific topic to explore in detail Learning Objectives 10.a. Explore approaches to implementing website designs 10.b. Explore JavaScript libraries and frameworks 10.c. Investigate content management tools for websites

Course Learning Plans and Performance Assessment Tasks Type LP

Title Skill Demonstration

Source Course

Status Active

Course Outcome Summary - Page 6 of 6 Wednesday, May 18, 2016 11:10 AM