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
16. WEB MASTER
WEB DEVELOPER WEB DESIGNER
VISUAL DESIGNERUSER EXPERIENCEBACK-ENDFRONT-END
User-Interface Information ArchitectureDatabase Expert
Growth HackerSecurity Testing
HTML5 Animation
SEO ExpertUsability
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
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: