Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo
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 other slice of bread
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
PROBLEM SOLVED!
WEB MASTER
WEB DEVELOPER WEB DESIGNER
VISUAL DESIGNERUSER EXPERIENCEBACK-ENDFRONT-END
User-Interface Information ArchitectureDatabase Expert
Growth HackerSecurity Testing
HTML5 Animation
SEO ExpertUsability
USER-EXPERIENCE
DESIGNER
DEVELOPER
• 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
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 & JavaScript
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 & 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:
Programming For Non-Programmers Social Media Week 2015
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

More Related Content

Programming For Non-Programmers Social Media Week 2015