programming for non-programmers social media week 2015
TRANSCRIPT
With Chris Castiglione
Social Media Week | February 27th, 2015
CHRIS CASTIG
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)
DEVELOPMENTThe 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
DEVELOPMENTThe 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.
DEVELOPMENTThe development process can be broken into two separate responsibilities:
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
