Programming For Non-Programmers Social Media Week 2015
5 likes2,129 views
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.
Programming For Non-Programmers Social Media Week 2015
- 1. With Chris Castiglione Social Media Week | February 27th, 2015
- 2. With Chris Castiglione Twitter: @castig castig.org
- 3. CHRIS CASTIG
- 5. LAST NIGHT… I GOOGLED A DUCK
- 6. LAST NIGHT… AND STARTED AN INSTAGRAM FOR MYTINYHAND
- 7. WE WEIGHED IN ON THE DRESS
- 8. A set of instructions used to solve a problem PROGRAMMING:
- 9. A set of instructions used to solve a problem PROGRAMMING:
- 10. PEANUT BUTTER & JELLY SANDWICH
- 11. PEANUT BUTTER & JELLY SANDWICH find two slices of bread
- 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
- 15. PROBLEM SOLVED!
- 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
- 22. DEVELOPMENT The development process can be broken into two separate responsibilities:
- 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:
- 28. LEARN TO SPEAK GEEK IN 30 DAYS ONEMONTH.COM