Are you a creative or entrepreneur that wishes you could speak tech with your web development team? Maybe you wish you could code a bit yourself? Programming for Non-Programmers is online course designed to help non-programmers communicate more efficiently with developers. If you're looking to become a developer, think of this as the first 4 hours to kickstart your programming career.

1. PROGRAMMING FOR
NON-PROGRAMMERS FUNDAMENTALS
Chris Castiglione
@castig | www.pfnp.me
Wednesday, February 20, 13

2. Development
Wednesday, February 20, 13

3. PROGRAMMING FOR NON-PROGRAMMERS
[ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]
A TYPICAL WEB DEVELOPMENT CYCLE
User-Experience Information Visual Design Development
(UX) Architecture (IA)
Wednesday, February 20, 13

4. PROGRAMMING FOR NON-PROGRAMMERS
[ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]
A TYPICAL WEB DEVELOPMENT CYCLE
User-Experience Information Visual Design
(UX) Architecture (IA)
Development
Wednesday, February 20, 13

5. PROGRAMMING FOR NON-PROGRAMMERS
[ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]
DEVELOPMENT
Comps become graphics & real text
5
Wednesday, February 20, 13

6. PROGRAMMING FOR NON-PROGRAMMERS
[ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]
DEVELOPMENT
Comps become graphics & real text
general-assembly-logo.png
social-media.png
mailer.png
Real Text:
General Assembly offers classes, and events at the intersection of
technology, design, and entrepreneurship. Together with our members,
thought leaders, and seasoned practitioners, we offer a robust
curriculum focused on
6
Wednesday, February 20, 13

7. PROGRAMMING FOR NON-PROGRAMMERS
FRONT-END
DEVELOPMENT (noun)
the client-side structure and behavior
of a web site; put simply it mostly concerns
how things look on the page
Wednesday, February 20, 13

8. PROGRAMMING FOR NON-PROGRAMMERS
BACK-END
DEVELOPMENT (noun)
the server-side programming that
processes the “business logic”, database,
web services and other utilities
Wednesday, February 20, 13

9. PROGRAMMING FOR NON-PROGRAMMERS
[ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]
DEVELOPMENT
The development process can be broken into two separate responsibilities:
9
Wednesday, February 20, 13

10. PROGRAMMING FOR NON-PROGRAMMERS
[ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]
DEVELOPMENT
The development process can be broken into two separate responsibilities:
FRONT-END WEB DEVELOPMENT
1.Client Side
2.How things look to the user
3.Involves: Images, content, structure
4.HTML, CSS, JavaScript
10
Wednesday, February 20, 13

11. PROGRAMMING FOR NON-PROGRAMMERS
[ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]
DEVELOPMENT
The development process can be broken into two separate responsibilities:
FRONT-END WEB DEVELOPMENT BACK-END WEB DEVELOPMENT
1.Client Side 1.Server Side
2.How things look to the user 2.How things works
3.Involves: Images, content, structure 3.Involves: “business logic” and data
4.HTML, CSS, JavaScript 4.Ruby, PHP C++, Java, etc
,
11
Wednesday, February 20, 13

12. PROGRAMMING FOR NON-PROGRAMMERS
ZAPPOS.COM
FRONT-END
homepage cart
Wednesday, February 20, 13

13. PROGRAMMING FOR NON-PROGRAMMERS
ZAPPOS.COM process.php
BACK-END
FRONT-END
homepage cart
Wednesday, February 20, 13

14. PROGRAMMING FOR NON-PROGRAMMERS
ZAPPOS.COM process.php
BACK-END
FRONT-END
homepage cart
Wednesday, February 20, 13

15. PROGRAMMING FOR NON-PROGRAMMERS
ZAPPOS.COM process.php
BACK-END
FRONT-END
homepage cart registration
Wednesday, February 20, 13

16. PROGRAMMING FOR NON-PROGRAMMERS
WEB DEVELOPMENT PROCESS
‣ Product Development
‣ User Experience
‣ Information Architecture
‣ Content Strategy
‣ Project Manager
‣ Business Analyst
‣ Visual Designer
‣ Front-end developer
‣ Back-end developer
‣ Usability
‣ Security
‣ SEO Expert
‣ Analytics Expert
‣ Quality Assurance (QA) Tester
‣ Server Administrator
‣ Growth Hacking
Wednesday, February 20, 13