Home
About Us
Missing/Vision
Teacher Information
Lab Information
Advisory Board
Courses
PLTW:Intro to Engineering Design
Residential Architecture
PLTW:Digital Electronics
PLTW:Civil Engineering and Architecture
PLTW:Principles of Engineering
PLTW:Engineering Design & Development
Print Media
Web Development
Audio/Video Design
Game Development
Media Arts Design & Development
Project Lead the Way
Competitions
Clubs
VEX Robotics Club
Graphic Media Club
College/Careers
COURSES
WEB DEVELOPMENT
WD Home
Calendar
Student Work
Links
WD1 Unit #1
WD1 Unit #2
WD1 Unit #3
WD1 Unit #4
WD1 Unit #5
WD2 Unit #1
WD2 Unit #2
WD2 Unit #3
WD2 Unit #4
WD2 Unit #5
WD2 Unit #6
Unit 4: Javascript & jQuery
Learning Targets
Design sites for optimal user experience on mobile devices.
Use mobile specific HTML and CSS features on a mobile website.
Use jQuery Mobile for optimal user interaction on mobile websites.
Design and package html, css, and javascript content for mobile apps.
Resources
Intro to Javascript
User Centered Approach to Mobile Web Design
Using Mobile specific HTML, CSS, and Javascript
jQuery Mobile
Phone Gap Build
Assessments
March 13th -Javascript Tutorial
Javascript Exercises
Exercise 1
Exercise 2
Exercise 3
Exercise 4
Exercise 5
Exercise 6
Exercise 7
Exercise 8
Challenge:
Soundboard
Challenge: Tic Tac Toe
Challenge: Memory
Challenge: 2048
Mobile Site Design
Mobile Specific HTML and CSS features
jQuery Mobile
Challenge: Mobile Site/App