Your SlideShare is downloading. ×
Introduction to Web Development: Part 1
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Introduction to Web Development: Part 1

504

Published on

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

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
504
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Intro to Web Development01: Laying the Foundation
  • 2. A. FOUNDATION / SERVICESUNDERSTANDING 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 CSSSTATIC CONTENT DYNAMIC ACTION STYLE RULES
  • 9. B. FOUNDATION / MARKUPADDING 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 liveHTML + Live Previewhttp://htmledit.squarefree.com
  • 14. C. QUESTIONS & RESEARCHRECOMMENDED RESOURCES + QUESTION TIME
  • 15. HTML Resourceslynda.comdeveloper.mozilla.org/en-US/learn/htmlsitepoint.comteamtreehouse.com
  • 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

×