Colleges and Universities
Digital Technology
Textbook Publishers
ITI 238 HTML5 Level II - Overview
Course Outline:
Enhance and optimize your website using HTML5, CSS, JavaScript and the jQuery libraries. Topics include advanced HTML5 elements and attributes for forms. JavaScript functions and the jQuery libraries are also covered. The jQuery Core library and jQuery UI library is also covered. Advanced jQuery techniques and JavaScript Plugins to effectively use Slideshows, Multimedia Views, Accordions, and advanced HTML5 Application Programming Interfaces (APIs) will also be covered. Responsive Web Design (RWD) is also covered. The Dreamweaver Integrated Development Environment (IDE) will be used for all website design and development.
Prerequisites:
ITI-239 HTML5 Level I or equivalent experience.
Required Textbook & Materials
REQUIRED
- Title: MURACH'S HTML5+CSS3
- Author: Zak Ruvalcaba and Anne Boehm
- ISBN: 978-1-890774-66-0
- Edition/Copyright: 5th
- Publisher: MURACH
- Published Date: December 2011
- Website: murach.com
Materials:
Please bring a Flash Drive/Memory Stick 512MB or larger to class which will enable you to save your class work.
Meeting Information:
- Days: Tuesday, Thursday, Saturday (03/04/2017 Only)
- Dates: 02/28/2017 - 03/09/2017
- Number of Sessions: 5
- Time: Monday & Wednesday - 06:30 PM - 09:30 PM
- Time: Saturday - 09:30 AM - 12:30 PM
- Location: HU 321
Lesson Plan:
Session I - Tuesday, February 28, 2017
- Course Overview Presentation
- Chapter 10 - How to work with Tables
- Chapter 11 - How to work with forms
Session II - Thursday, March 2, 2017
- Chapter 12 - How to Add Audio and Video to your Web Site
- Chapter 13 - How to Work with Fonts and Printing
Session III - Saturday, March 4, 2017
- Chapter 15 - How to Use JavaScript and jQuery to Enhance your Web Page
- Chapter 16 - JavaScript and jQuery for the Non-Programmer
Session IV - Tuesday, March 7, 2017
- Chapter 17 - How to Use jQuery Mobile to Build Mobile Web Sites
Session V - Thursday, March 9, 2017
- Chapter 8 - How to Use Responsive Web Design (RWD)
- Open Lab
Web Support:
Profburnett's Students Site: ITI 238 Spring 2017 - CRN:35286
General Computer Files & Windows Skills
- CMP 226 - File Management Skills (5 hrs)
- CMP 628 - Introduction to Keyboarding (18 hrs)
- CMP 073 - Working with Windows (8hrs)
- ITI 338 - Networking Basics (6 hrs)
Keyboard Shorcuts
- Windows Keyboard Shortcut Keys
- MAC Keyboard Shortcut Keys
- Adobe Dreamweaver Windows Shortcut Keys
- Adobe Dreamweaver MAC Shortcut Keys
General Web Development Links
- Caniuse
- Normalizer
- modernizr
- w3schools
- Google HTML5 Code
- HTML5 Array
- Webkit
- CSSTableGenerator
- CSS Layout Generator
- How Browsers Work
Wireframe Design Apps
Free Cloud Based
- frame box
- Gliffy
- Mockflow
- Mockingbird
- Proto
- Wireframe
- iPhone Mockup (iPhone)
- Mokk.me (iPhone)
- Sketch Design Resources
- UI8 Design Resources
IDE's
Free Web Design IDEs
- Sublime Text
- Brackets
- CoffeeCup Free HTML Editor
- Webuilder
- ICEcoder
- BBEdit
- Code Writer
- Google Web Designer
Free Web Development IDEs
- Visual Studio Code
- Atom by Github
- Komodo Edit
- Netbeans
- Light Table
- RJ TextEd
- CodeLobster
- Bluefish
- Coda
- Aptana (JAVA Required)
- Eclipse (JAVA Required)
Downloadable DesktopWeb Development Apps
- Justinmind
- Craft by InVision LABS
- Bolt 2.0 ($)
- Flair Builder ($)
- Indigo Studio ($$$)
- Omnigraffle (iOS)($)
- TETHR (iOS)
- iPlotz (iPhone & Android)
- Mockups.me - (Web & Desktop)
- Balsamiq ($ - Web & Desktop)
Cloud Based Web Development
Cloud-Based Web Development Sites
- Axure ($)
- Fluid ($)
- HotGloo ($)
- Moqups ($)
- Invision ($$$)
- Pidoco ($)
- Protoshare ($)
- Solidify ($)
- UXPin ($)
- Codepen
- Cloud9
- Codeanywhere
- CodeEnvy
- Kodingen
Online Website Builder Sites
Learning Management Systems (LMS)
- PC Magazine - The Best (LMS) Learning Management Systems for 2018
- Absorb LMS
- Schoology LMS
- Instructure Canvas LMS
- Moodle LMS
- Blackboard Learn LMS
- Google Classroom
- Office 365 Education
CSS Links
CSS Minifiers
- HTML Minifier
- CSSTidy
- Minify
- YUICompressor (also does JS)
- AjaxMin (also does JS)
- CSSCompressor
CSS Precompilers
CSS Postprocessors
CSS Tools
- CodeKit (Paid)
- Compass.app (Paid, Open Source)
- Ghostlab (Paid)
- Hammer (Paid)(Mac)
- Koala (Open Source)
- LiveReload (Paid, Open Source)
- Prepros (Paid)
- Scout-App (Free, Open Source)
jQuery Links
jQuery Forms
Slideshows, Carousels, Graphic Plugins & Components
- Malsup jQuery Plugins
- Web Designer Depot
- JSSOR
- Wow Slider
- Smashing Apps
- PixelzDesign
- Tiny Carousel
- FlowType
- Adaptive Images
- FitVids.js
Calendar & Datepicker jQuery Plugins
JavaScript Minifiers
- HTML Minifier
- JSCompress
- Packer
- JSMin
- Closure compiler
- YUICompressor (also does CSS)
- AjaxMin (also does CSS)
RWD Testing Emulators
- Google Chrome Dev Tools
- Firefox Firebug
- The Responsinator
- StudioPress Responsive Emulator
- ProtoFluid
- ResponsivePx
- Responsive Web Design Testing Tool
- ReView
- Screenfly
- Screenqueri.es
Browser Plugin Apps
- Wireframe Sketcher (Plugin for Eclipse IDE)
- Pencil Project (Firefox Extension)
Imaging Programs
WSDL, SOAP, REST, & ODATA Introduction and Resources
| Session | Chapter | Presentation | Exercise Zip File | Solution Set Zip File |
| 1 | Course Introduction Presentation |  |
||
| 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 Web Site | |
|
|
| 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 - JavaScript and jQuery for the Non-Programmer | |
|
|
| 4 | Chapter 8 - RWD | |
|
|
| 5 | HTML5 APIs - AJAX and JSON Technologies |  |
||
| 5 | HTML5 APIs - Web Storage | |
||
| 5 | HTML5 APIs - HTML5 Geolocation | |
||
| 5 | Final Site | |
||
| 5 | Course Review | |