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.

Introduction to Web Development: Part 1

793 views

Published on

Internal presentation @fundable for the non-programmers among us.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Introduction to Web Development: Part 1

  1. 1. Intro to Web Development01: Laying the Foundation
  2. 2. A. FOUNDATION / SERVICESUNDERSTANDING THE REQUEST PROCESS
  3. 3. Let’s make a request(1) REQUEST FUNDABLE.COM (2) REQUEST IS ROUTED (3) REQUEST RECEIVED(6) RESPONSE PROCESSED (5) RESPONSE ROUTED (4) RESPONSE SENT CLIENT INTERNET SERVER FRONT-END BACK-END
  4. 4. A look into a web server OS + Web Service Code Data
  5. 5. Today’s Fundable server
  6. 6. Tomorrow’s server
  7. 7. A look into a browser HTML/DOM Parser Javascript Engine CSS Parsing
  8. 8. Looking at a response HTML JAVASCRIPT CSSSTATIC CONTENT DYNAMIC ACTION STYLE RULES
  9. 9. B. FOUNDATION / MARKUPADDING BASIC HTML AS YOUR FIRST TOOL
  10. 10. Basic HTML Tags<p> Paragraph <span> “Weak” Container<a> Anchor (Link) <table> Data Table<br> Line Break <ul> Unordered List<h#> Headings (1-6) <ol> Ordered List<img> Image <form> Form<hr> Horizontal Rule <input> Various Form Fields<div> “Strong” Container <select> Multi-Choice Selection
  11. 11. Basic HTML Structure
  12. 12. Basic HTML Structure
  13. 13. Let’s edit liveHTML + Live Previewhttp://htmledit.squarefree.com
  14. 14. C. QUESTIONS & RESEARCHRECOMMENDED RESOURCES + QUESTION TIME
  15. 15. HTML Resourceslynda.comdeveloper.mozilla.org/en-US/learn/htmlsitepoint.comteamtreehouse.com
  16. 16. Let’s discussHow many people are somewhat comfortable?What are you stuck on?What area would you like to focus on next time?(a) CSS, (b) Javascript, (c) Server Side / PHP

×