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

1. Intro to Web Development
01: Laying the Foundation

2. A. FOUNDATION / SERVICES
UNDERSTANDING THE REQUEST PROCESS

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. A look into a web server
OS + Web Service
Code Data

5. Today’s Fundable server

6. Tomorrow’s server

7. A look into a browser
HTML/DOM Parser
Javascript Engine
CSS Parsing

8. Looking at a response
HTML JAVASCRIPT CSS
STATIC CONTENT DYNAMIC ACTION STYLE RULES

9. B. FOUNDATION / MARKUP
ADDING BASIC HTML AS YOUR FIRST TOOL

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. Basic HTML Structure

12. Basic HTML Structure

13. Let’s edit live
HTML + Live Preview
http://htmledit.squarefree.com

14. C. QUESTIONS & RESEARCH
RECOMMENDED RESOURCES + QUESTION TIME

15. HTML Resources
lynda.com
developer.mozilla.org/en-US/learn/html
sitepoint.com
teamtreehouse.com

16. Let’s discuss
How 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