Colleges and Universities
Digital Technology
Textbook Publishers
HTML Level II CyberAdvantage - Session V
Session Outline:
HTML5 APIs
- AJAX and JSON APIs
- HTML5 Web Storage APIs
- HTML5 Geolocation API
- Introduction to Web Application Vulnerability Testing
Student Exercise
Student Exercise 1
- Link Speaker dropdown selection on main nav bar to image_swaps.html page.
- Make speakers pages for each speaker that links from the Home page speaker links.
- Link the Sampson Video page to the "or play video." link on the Home page.
- Make all the page footers a JavaScript year update.
- Link a working copy of the image swaps page to image_swaps.html page.
- Link a working copy of the accordion page to image_swaps.html page..
- Link a working copy of the tickets page to the home page.
- Make all pages responsive web pages.
- Link a working copy of the tickets page to the home page.
- Students will upload test files to live site.
- Students will preview in browser test files.
Support Links:
MC Web for Students Site: CYB 010 Summer 2017 - CRN:43618
General Web development Links
- Caniuse
- Modernizr
- W3CSchools
- jQuery
- Google HTML5 Code
- HTML5 Array
- Webkit
- CSSTableGenerator
- CSS Layout Generator
- Malsup jQuery Plugins
Web Security Links
- The Open Web Application Security Project (OWASP)
- OWASP Top 10 2013 Vulnerabilities
- Wikipedia - Web Application Security
- Sucuri Blog
Chrome DevTools Link
- Chrome Developer Tools
- Secrets of the Chrome Developer Tools
- Debugging nodejs in Chrome- DevTools
- 12 Tricks to Develop Quicker
- Wait, Chrome Dev Tools could do THAT?
- Advanced performance tooling in Chrome DevTools
- 15 Must-Know Chrome DevTools Tips and Tricks
- Introduction to Chrome Developer Tools(Multi-Part)
- Getting Started With Chrome Developer Tools
- Chrome Dev Tools: Markup and Style
- Chrome Developer Tools: Best Resources For Advanced Features
Best Free DevTools Add-ons
- Marionette Inspector
- SnappySnippet
- Gulp Devtools
- jQuery Debugger
- DevTools Terminal
- AngularJS Batarang
- React Developer Tools
Firebug Developer Links
Vulnerability Scanning Tools
- SECTOOL Market: Price and Feature Comparison of Web Application Scanners
- OWASP: Web Application Vulnerability Scanning Tools
- SecTools.Org: Top 20 Web Vulnerability Scanners
- Profburnett: Web App Vulnerability Scanning Spreadsheet
Other Tools
- How Browsers Work
How Browsers Work
| Session | Chapter | Presentation File | Solution Set (.zip) |
| 1 | Course Introduction Presentation |  |
|
| 1 | DreamWeaver Development Environment | |
|
| 1 | Chapter 10 - How to work with Tables | |
 |
| 1 | Chapter 11 - How to work with Forms | |
|
| 2 | Chapter 12 - How to Add Audio and Video to Your Website | |
|
| 2 | Chapter 13 - How to work with Fonts and Printing | |
|
| 3 | Chapter 15 - How to Use JavaScript and jQuery to Enhance your Web Page | |
|
| 3 | Chapter 16 - How to Use jQuery UI and jQuery Plugins to Enhance Your Web Pages | |
|
| 4 | Chapter 8 - How to Use Responsive Web Design | |
|
| 5 | HTML5 APIs - AJAX and JSON Technologies | |
|
| 5 | HTML5 APIs - Web Storage | |
|
| 5 | HTML5 APIs - HTML5 Geolocation | |
|
| 5 | Introduction to Web Application Vulnerability Testing | |
|
| 5 | Course Review | |