1. With Chris Castiglione
Social Media Week | February 27th, 2015

2. With Chris Castiglione
Twitter: @castig
castig.org

3. CHRIS CASTIG

4. WWW.ONEMONTH.COM

5. LAST NIGHT… I GOOGLED A DUCK

6. LAST NIGHT… AND STARTED AN
INSTAGRAM FOR MYTINYHAND

7. WE WEIGHED IN ON THE DRESS

8. A set of instructions used to solve a problem
PROGRAMMING:

9. A set of instructions used to solve a problem
PROGRAMMING:

10. PEANUT BUTTER
& JELLY SANDWICH

11. PEANUT BUTTER
& JELLY SANDWICH
find two slices of bread

12. PEANUT BUTTER
& JELLY SANDWICH
find two slices of bread
spread peanut butter on one slice of bread

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. 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. PROBLEM SOLVED!

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. USER-EXPERIENCE
DESIGNER
DEVELOPER

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. A TYPICAL WEB
DEVELOPMENT CYCLE
USER-EXPERIENCE
(UX)
INFORMATION
ARCHITECTURE (IA)
VISUAL DESIGN DEVELOPMENT

20. FRONT-END DEVELOPMENT
(NOUN)

21. BACK-END DEVELOPMENT
(NOUN)

22. DEVELOPMENT
The development process can be broken into two separate responsibilities:

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. 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:

26. ZAPPOS.COM
FRONT-END
HOMEPAGE CART REGISTRATION
BACK-END
PROCESS.PHP

27. LEARN NOW @
ONEMONTH.COM/LEARN

28. LEARN TO SPEAK GEEK IN 30 DAYS
ONEMONTH.COM

29. GOT QUESTIONS?
Twitter: @castig
castig.org