Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
With Chris Castiglione
Social Media Week | February 27th, 2015
With Chris Castiglione
Twitter: @castig
castig.org
CHRIS CASTIG
WWW.ONEMONTH.COM
LAST NIGHT… I GOOGLED A DUCK
LAST NIGHT… AND STARTED AN
INSTAGRAM FOR MYTINYHAND
WE WEIGHED IN ON THE DRESS
A set of instructions used to solve a problem
PROGRAMMING:
A set of instructions used to solve a problem
PROGRAMMING:
PEANUT BUTTER
& JELLY SANDWICH
PEANUT BUTTER
& JELLY SANDWICH
find two slices of bread
PEANUT BUTTER
& JELLY SANDWICH
find two slices of bread
spread peanut butter on one slice of bread
PEANUT BUTTER
& JELLY SANDWICH
find two slices of bread
spread peanut butter on one slice of bread
spread jelly on the oth...
PEANUT BUTTER
& JELLY SANDWICH
find two slices of bread
spread peanut butter on one slice of bread
spread jelly on the oth...
PROBLEM SOLVED!
WEB MASTER
WEB DEVELOPER WEB DESIGNER
VISUAL DESIGNERUSER EXPERIENCEBACK-ENDFRONT-END
User-Interface Information Architect...
USER-EXPERIENCE
DESIGNER
DEVELOPER
• Person with the idea
• Product Strategist
• User Experience
• Information Architecture
• Content Strategist
• Project Ma...
A TYPICAL WEB
DEVELOPMENT CYCLE
USER-EXPERIENCE
(UX)
INFORMATION
ARCHITECTURE (IA)
VISUAL DESIGN DEVELOPMENT
FRONT-END DEVELOPMENT
(NOUN)
BACK-END DEVELOPMENT
(NOUN)
DEVELOPMENT
The development process can be broken into two separate responsibilities:
FRONT-END WEB DEVELOPMENT
1. How things look to the user
2. Involves: Images, Content & Structure
3. HTML, CSS & JavaScrip...
FRONT-END WEB DEVELOPMENT
1. How things look to the user
2. Involves: Images, Content & Structure
3. HTML, CSS & JavaScrip...
ZAPPOS.COM
FRONT-END
HOMEPAGE CART REGISTRATION
BACK-END
PROCESS.PHP
LEARN NOW @
ONEMONTH.COM/LEARN
LEARN TO SPEAK GEEK IN 30 DAYS
ONEMONTH.COM
GOT QUESTIONS?
Twitter: @castig
castig.org
Programming For Non-Programmers Social Media Week 2015
Nächste SlideShare
Wird geladen in …5
×
Nächste SlideShare
Programming for Non-Programmers - SXSW Vegas 2014
Weiter
Herunterladen, um offline zu lesen und im Vollbildmodus anzuzeigen.

5

Teilen

Herunterladen, um offline zu lesen

Programming For Non-Programmers Social Media Week 2015

Herunterladen, um offline zu lesen

Ähnliche Bücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

Ähnliche Hörbücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

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
  • BrianCliette

    Oct. 5, 2016
  • ramirces

    Oct. 30, 2015
  • thinkx90

    Aug. 16, 2015
  • JenniferGonzalez41

    May. 3, 2015
  • HadiWahyuGirsang

    Mar. 16, 2015

Aufrufe

Aufrufe insgesamt

1.988

Auf Slideshare

0

Aus Einbettungen

0

Anzahl der Einbettungen

8

Befehle

Downloads

15

Geteilt

0

Kommentare

0

Likes

5

×