The document discusses front-end and back-end web development. It defines front-end development as focusing on how the website looks to users, involving HTML, CSS, and JavaScript. Back-end development focuses on how the website works behind the scenes, using languages like Ruby, PHP, C++, and Java to handle business logic and data. The development process can separate these responsibilities, with front-end developers focusing on content, structure, and design, while back-end developers focus on functionality.
1 of 29
More Related Content
Programming For Non-Programmers Social Media Week 2015
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: