WTF Web?

Tired of techies throwing around so many acronyms it makes your head spin?
Want to build a cool website, but can't decide whether to use RoR, PHP, MySQL, WTF, or BBQ?
Maybe you bridged the gap and heard about a great new tool that makes building websites easy, but keep running into an internet radio site when you try to Google it? (Tricked you! That's Jango, but you're looking for Django.)

This deck provides the visuals to go over the basics of a web technology stack (teaching all the acronyms that power a website, for example) and help answer questions about those technologies and mysterious terms heard in tech circles.

Transcript

1. WTF Web Lecture Vanessa Hurst
2. Courses   HTML & CSS   JavaScript   Intro to Programming in Ruby   Intro to Web Development in Ruby on Rails Principles   Accessible   Low cost   No judgment   All questions are welcome Girl Develop It
3. Operating Systems   Mac OS X   Windows 7   Windows XP   Ubuntu (Linux)   Android   iOS   Symbian   Blackberry   Windows Mobile   Debian (Linux)   Fedora (Linux)   Gentoo (Linux)   Solaris   Windows Server Images by Icons Land, Icon Shack, HP, and Social Peel
4. What is the Web? Image by Everaldo Caldeho
5. Computers Talking to Each Other Images by Icons Land, Icon Shack, HP, Social Peel, and Everaldo Caldeho
6. Everyone Gets a Unique Address IP Address IP Address IP Address IP Address Images by Icons Land, Icon Shack, HP, Social Peel, and Everaldo Caldeho
7. How They Talk: Domains Etsy’s Web Server IP Address: 123.1.2.123 ???? Show me www.Etsy.com Images by Icons Land, Icon Shack, HP, and Everaldo Caldeho
8. How They Talk: DNS Etsy’s Web Server DNS: Domain Name Server IP Address: 123.1.2.123 www.Etsy.com ? Right now, that means 123.1.2.123 Show me www.Etsy.com Images by Icons Land, Icon Shack, and HP
9. Where They Live: Hosting   Fully Hosted   Virtual Private Server   Collocated   Self-Hosted Thanks for visiting 123.1.2.123! Image by MyDocs
10. Client vs. Server Client Application Database Web Server Images by Icons Land, Social Peel, and HP
11. Talking Client Application Database Web Server Images by Icons Land, Social Peel, and HP
12. DNS: How Client finds Server Etsy’s Web Server DNS: Domain Name Server IP Address: 123.1.2.123 www.Etsy.com ? For now, that means 123.1.2.123 Show me www.Etsy.com Images by Icons Land, Icon Shack, and HP
13. Talking Client Application Database Web Server Images by Icons Land, Social Peel, and HP
14. Working Client Application Database Web Server Images by Icons Land, Social Peel, and HP
15. Talking Back Client Application Database Web Server Images by Icons Land, Social Peel, and HP
16. The “Stack” •  HTML JavaScript Flex •  CSS ActionScript Flash Client Application Database Web Server Images by Icons Land, Social Peel, and HP
17. The “Stack” Client •  Ruby Java Scala C •  Python PHP C++ C#/.NET Application Database Web Server Images by Icons Land, Social Peel, and HP
18. The “Stack” Client •  Rails (Ruby) MVC (.Net) CakePHP •  Django (Python) Drupal, Zend (PHP) Application Frameworks Database Web Server Images by Icons Land, Social Peel, and HP
19. The “Stack” Client Application •  MySQL PostgreSQL SQL Server Oracle •  MongoDB CouchDB SimpleDB Database Web Server Images by Icons Land, Social Peel, and HP
20. The “Stack” Client Application Database •  Apache nginx •  IIS (Internet Information Services) Web Server Images by Icons Land, Social Peel, and HP
21. Jobs Client Application Database Web Server Web Designer Front-End Developer Back-End Developer Database Developer DBA Operations, System Admin Network Admin Images by Icons Land, Social Peel, and HP
22.   Determine what you want   Find or Build it   Get a Domain and Host   GoDaddy, NameSheep, Google, etc. (~$10/year)   DreamHost, Heroku   or not (e.g. yourmom.tumblr.com)   Copy it to a host web server   Spread the word! There’s a lot of content out there already How can I get a website?
23. The “Stack” for Paperless Post • JavaScript Flash • HAML (HTML) SASS (CSS) Client • Ruby on Rails Adobe AIR Application • PostgreSQL Redis Database • Nginx • CentOS (Linux) Web Server Images by Icons Land, Social Peel, HP, and Paperless Post
24. The “Stack” for Facebook •  HTML CSS •  JavaScript Client •  PHP Application •  MySQL Cassandra Database •  Apache •  Linux Web Server Images by Icons Land, Social Peel, HP, and Facebook
25. •  Consider   Your Knowledge & Experience   Target Medium   Industry   Your Data   Your Team & Need to Grow (are experts too hard to find?) Which languages should I use?
26. WTF??