I. Course Title Web Application Development II. Course Description Students develop software solutions by building web apps. Technologies may include a back-end SQL database, web programming in PHP and/or JavaScript, and user-interface design for mobile displays: HTML elements, CSS, tables, the DOM, and cookies. Web server configuration, server-side cookies, Iframes, and sessions may also be covered, as well as page sequencing, including both theory and practice in web services. Development consists of the formal methods of software engineering such as product life-cycle and collaborative organizational structures. Students work in teams and typical activities include both design reviews and code reviews. Emphasis will vary based on projects and industry trends, and accessibility, privacy, security, connectivity, and product audience. III. Performance Indicators TJ Specific Performance Indicators Standard 1 The student will author web pages using the HyperText Markup Language (HTML) Benchmark 1.a The student will investigate and understand the role the Client, Server, and Browser Indicator 1.a.1 Explain the sequence in which data is deployed from the server to the client and interpreted by the browser Indicator 1.a.2 SSH into web server Indicator 1.a.3 Author a web page that is cross-browser compatible Benchmark 1.b The student will investigate and understand the role of Tags in an HTML document Indicator 1.b.1 Differentiate between block and inline tags Indicator 1.b.2 Identify the types and functionality of the different attributes that can be added to a tag Indicator 1.b.3 Add an attribute to a tag Benchmark 1.c The student will investigate and understand the subset of most commonly used HTML tags Indicator 1.c.1 Add a hyperlink Indicator 1.c.2 Add an image
Indicator 1.c.3 Add a paragraph object Benchmark 1.d The student will create and deploy an HTML document to a server. Indicator 1.d.1 Deploy an HMTL document to a server Indicator 1.d.2 Deploy script files to a server, reference and employ script in HTML Indicator 1.d.3 Deploy style sheet files to a server, reference and employ style in HTML Standard 2 The student will apply CSS formatting to a HTML document Benchmark 2.a The student will investigate and understand the uniform set of style attributes Indicator 2.a.1 Identify HTML (pre-css) formatting, and how that drove the necessity for more flexible formatting Indicator 2.a.2 Control the location of an element within the page using CSS Indicator 2.a.3 Identify and explain the differences between tabular based formatting and container based formatting Indicator 2.a.4 Control the color of an element within the page using CSS Indicator 2.a.5 Control the font of an element within the page using CSS Benchmark 2.b The student will investigate and understand the reusability of CSS through the use of class statements Indicator 2.b.2 Apply a class based formatting to an element Benchmark 2.c The student will investigate and understand the inheritance of CSS statements Indicator 2.c.1 Apply formatting from multiple classes to an element
Standard 3 The student will create and develop and implement Client Side scripting in the context of a complete HTML system Benchmark 3.a The student will investigate and understand the basic syntax of Javascript Indicator 3.a.1 Dynamically update elements within a page using client side scripting Indicator 3.a.2 Student will use a global and local variables in Javascript Benchmark 3.b The student will investigate and understand the properties of objects and variables Javascript Indicator 3.a.1 Student will use a global and local variables in Javascript Indicator 3.a.2 Construct JSON data with both numeric and non-numeric fields Benchmark 3.c The student will write functions in Javascript Indicator 3.c.1 Write functions that are called by onload and onclick events Indicator 3.c.2 Write a function that is triggered by a mouse event Indicator 3.c.3 Write a function that is triggered by time based callback Benchmark 3.d Extend Javascript to contexts outside of Web Programming Indicator 3.d.1 Automate an operation in Unity using Javascript Indicator 3.d.2 Define a Javascript object in Max/MSP Standard 4 The student will demonstrate proficiency with the Document Object Model (DOM) Benchmark 4.a The student will find and traverse DOM nodes using Javascript
Indicator 4.a.1 investigate and understand the representation of an HTML document as a tree Indicator 4.a.2 Access the value of an element using javascript Benchmark 4.b The student will change elements or their appearance using the DOM Indicator 4.b.1 Modify the value of a DOM element using javascript Standard 5 The student will develop and implement HTML Forms as a mechanism for User Input. Benchmark 5.a The student will investigate and understand the fundamental HTML elements associated with form submission. Indicator 5.a.1 Validate forms using regular expressions Indicator 5.a.2 Differentiate between a button and submit Benchmark 5.b The student will investigate and understand the difference between GET and POST statements. Indicator 5.b.1 Differentiate between POST and GET statements Indicator 5.b.2 Construct AJAX POST and GET statements Standard 6 The student will develop and implement server side scriptings Benchmark 6.a Essential The student will use server side scripting to dynamically generate HTML code Indicator 6.a.1 Render HTML using PHP Indicator 6.a.2 Deploy a server side script that is called by a GET or POST request Indicator 6.a.3 Dynamically update a page using AJAX calls to server side scripts Benchmark 6.b The student will use server side scripting to develop and implement a Database in a Web Application
Indicator 6.b.1 Create and interact with a SQLite database using a web app Indicator 6.b.2 Employ database create, update, replace and delete operations using a web app Indicator 6.b.3 Create and interact with a MySQL database using a web app Benchmark 6.c The student will use server side scripting to perform background tasks Indicator 6.c.1 Pass and return text data to background server side processing Indicator 6.c.2 Pass and return binary data to background server side processing Standard 7 The student will maximize the capabilities of web applications Benchmark 7.a Maximize multimedia capabilities of HTML5 Indicator 7.a.1 Record and playback audio Indicator 7.a.2 Implement interactivity using the canvas element Benchmark 7.b Maximize capabilities of external interfaces Indicator 7.b.1 Implement a webvr web app Indicator 7.b.2 Implement a web app that incorporates an external interface device, such as leap motion or myo Indicator 7.b.3 Implement a web app that connects with an external microcontroller, such as RPi or Arduino Standard 8 The student will implement standard libraries and frameworks within their web application Benchmark 8.a The student will employ common web programming libraries within their web app Indicator 8.a.1 Construct a web app that uses JQuery
Indicator 8.a.2 Construct a web app that uses Bootstrap Indicator 8.a.3 Construct a web app that uses 3JS Benchmark 8.b The student will employ common web programming cloud services Indicator 8.b.1 Deploy a web app to Heroku Indicator 8.b.2 Store data and authenticate users through Firebase Indicator 8.b.3 Store data and authenticate users through AWS Benchmark 8.c The student will construct a web app using a standard template engine Indicator 8.c.1 Construct a web app using Ruby Indicator 8.c.2 Construct a web app using Django