O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Programming For Non-Programmers Social Media Week 2015

1.748 visualizações

Publicada em

Publicada em: Educação

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

×