This document outlines an introductory web development course that will cover important concepts, terminology, and tools over eight sessions. The first session provides an overview and introduces fundamental terms like servers, users, GET and POST requests, and content delivery networks. It also discusses concepts such as optimizing for speed and responsiveness. Testing tools like Firebug and load testing interfaces are presented. The goal is to refresh skills and level knowledge for all participants in the course.

1. BACK TO THE BASICS:
INTRODUCTION TO WEB
DEVELOPMENT
September 2014

2. Why are we starting over?
• Refresher
• Level the “playing field”
• Updating skill sets
• Changing priorities

3. What will we cover?
• This Session – Introduction to terms and tools
• Next Session – HTML / CSS
• Third Session – HTML Forms
• Fourth Session – Javascript / JQuery
• Fifth Session – Bootstrap
• Sixth Session – AJAX / JSON
• Seventh Session – Security
• Eight Session – Accessibility

4. How about what we are doing today?
• Concepts
• Terminology
• Tools - Testing

5. Concepts
The Internet: User vs Developer
• Focus on the User
USER DEVELOPER

6. Concepts
“The Flow” – User Perspective

7. Concepts
“The Flow” – Developer Perspective

8. Concepts
Speed & Optimization
2Mb
20Kb
7sec
<1sec

9. Concepts
Responsiveness

10. Concepts
Logging

11. Terminology
Servers
• Physical Server
• Application Server
• Web Server
Users

12. Terminology
User Agent & Browser Headers
Presentation
Header
Status –or–
Method & URI
Order

13. Terminology
GET POST
Parameter=This is a Value
Attribute=30
Variable[]=String
URL?Parameter=This%20is%20a%20
Value&Attribute=30&Variable=St
ring

14. Terminology
CDN
(Content Delivery Network)
Asynchronous

15. Tools - Testing
Firebug (and competitors)

16. Tools - Testing
Load UI

17. Final Thoughts
• Stay Informed
• Experiment
• Don’t be afraid

18. Questions?
tsxcom+slidehare@gmail.com

19. Next Session
HTML / CSS

20. Credits
• Icons: http://iconmonstr.com/