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.

Programming For Non-Programmers Social Media Week 2015

1,740 views

Published on

Published in: Education

Programming For Non-Programmers Social Media Week 2015

  1. 1. With Chris Castiglione Social Media Week | February 27th, 2015
  2. 2. With Chris Castiglione Twitter: @castig castig.org
  3. 3. CHRIS CASTIG
  4. 4. WWW.ONEMONTH.COM
  5. 5. LAST NIGHT… I GOOGLED A DUCK
  6. 6. LAST NIGHT… AND STARTED AN INSTAGRAM FOR MYTINYHAND
  7. 7. WE WEIGHED IN ON THE DRESS
  8. 8. A set of instructions used to solve a problem PROGRAMMING:
  9. 9. A set of instructions used to solve a problem PROGRAMMING:
  10. 10. PEANUT BUTTER & JELLY SANDWICH
  11. 11. PEANUT BUTTER & JELLY SANDWICH find two slices of bread
  12. 12. PEANUT BUTTER & JELLY SANDWICH find two slices of bread spread peanut butter on one slice of bread
  13. 13. PEANUT BUTTER & JELLY SANDWICH find two slices of bread spread peanut butter on one slice of bread spread jelly on the other slice of bread
  14. 14. PEANUT BUTTER & JELLY SANDWICH find two slices of bread spread peanut butter on one slice of bread spread jelly on the other slice of bread put the two slices of bread together
  15. 15. PROBLEM SOLVED!
  16. 16. WEB MASTER WEB DEVELOPER WEB DESIGNER VISUAL DESIGNERUSER EXPERIENCEBACK-ENDFRONT-END User-Interface Information ArchitectureDatabase Expert Growth HackerSecurity Testing HTML5 Animation SEO ExpertUsability
  17. 17. USER-EXPERIENCE DESIGNER DEVELOPER
  18. 18. • Person with the idea • Product Strategist • User Experience • Information Architecture • Content Strategist • Project Manager • Business Analyst • Visual Designer • Front-end developer • Back-end developer • Usability • Web Security • SEO Expert • Analytics Expert • Quality Assurance (QA) Tester • Server Administrator • Growth Hacking WEB DEVELOPMENT PROCESS
  19. 19. A TYPICAL WEB DEVELOPMENT CYCLE USER-EXPERIENCE (UX) INFORMATION ARCHITECTURE (IA) VISUAL DESIGN DEVELOPMENT
  20. 20. FRONT-END DEVELOPMENT (NOUN)
  21. 21. BACK-END DEVELOPMENT (NOUN)
  22. 22. DEVELOPMENT The development process can be broken into two separate responsibilities:
  23. 23. FRONT-END WEB DEVELOPMENT 1. How things look to the user 2. Involves: Images, Content & Structure 3. HTML, CSS & JavaScript DEVELOPMENT The development process can be broken into two separate responsibilities:
  24. 24. FRONT-END WEB DEVELOPMENT 1. How things look to the user 2. Involves: Images, Content & Structure 3. HTML, CSS & JavaScript BACK-END WEB DEVELOPMENT 1. How things work 2. Involves: “business logic” and data 3. Ruby, PHP, C++, Java, etc. DEVELOPMENT The development process can be broken into two separate responsibilities:
  25. 25. ZAPPOS.COM FRONT-END HOMEPAGE CART REGISTRATION BACK-END PROCESS.PHP
  26. 26. LEARN NOW @ ONEMONTH.COM/LEARN
  27. 27. LEARN TO SPEAK GEEK IN 30 DAYS ONEMONTH.COM
  28. 28. GOT QUESTIONS? Twitter: @castig castig.org

×