Programming For Non-Programmers Social Media Week 2015

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)

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

GOT QUESTIONS?

Twitter: @castig

castig.org