Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Back to the Basics - 1 - Introduction to Web Development

648 views

Published on

A very beginning introduction to web development. User/Developer Viewpoint Disparity, HTTP, and the relationship between server and browsers are just a few topics covered.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Back to the Basics - 1 - Introduction to Web Development

  1. 1. BACK TO THE BASICS: INTRODUCTION TO WEB DEVELOPMENT September 2014
  2. 2. Why are we starting over? • Refresher • Level the “playing field” • Updating skill sets • Changing priorities
  3. 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. 4. How about what we are doing today? • Concepts • Terminology • Tools - Testing
  5. 5. Concepts The Internet: User vs Developer • Focus on the User USER DEVELOPER
  6. 6. Concepts “The Flow” – User Perspective
  7. 7. Concepts “The Flow” – Developer Perspective
  8. 8. Concepts Speed & Optimization 2Mb 20Kb 7sec <1sec
  9. 9. Concepts Responsiveness
  10. 10. Concepts Logging
  11. 11. Terminology Servers • Physical Server • Application Server • Web Server Users
  12. 12. Terminology User Agent & Browser Headers Presentation Header Status –or– Method & URI Order
  13. 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. 14. Terminology CDN (Content Delivery Network) Asynchronous
  15. 15. Tools - Testing Firebug (and competitors)
  16. 16. Tools - Testing Load UI
  17. 17. Final Thoughts • Stay Informed • Experiment • Don’t be afraid
  18. 18. Questions? tsxcom+slidehare@gmail.com
  19. 19. Next Session HTML / CSS
  20. 20. Credits • Icons: http://iconmonstr.com/

×