0
PROGRAMMING FOR        NON-PROGRAMMERS         FUNDAMENTALS        Chris Castiglione        @castig | www.pfnp.meWednesday...
DevelopmentWednesday, February 20, 13
PROGRAMMING FOR NON-PROGRAMMERS       [ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]       A TYPICAL WEB DEVELOPMENT CYCLE      ...
PROGRAMMING FOR NON-PROGRAMMERS       [ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]       A TYPICAL WEB DEVELOPMENT CYCLE      ...
PROGRAMMING FOR NON-PROGRAMMERS       [ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]       DEVELOPMENT       Comps become graphi...
PROGRAMMING FOR NON-PROGRAMMERS       [ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]       DEVELOPMENT       Comps become graphi...
PROGRAMMING FOR NON-PROGRAMMERS       FRONT-END       DEVELOPMENT (noun)        the client-side structure and behavior    ...
PROGRAMMING FOR NON-PROGRAMMERS       BACK-END       DEVELOPMENT (noun)        the server-side programming that        pro...
PROGRAMMING FOR NON-PROGRAMMERS       [ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]       DEVELOPMENT       The development pro...
PROGRAMMING FOR NON-PROGRAMMERS       [ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]       DEVELOPMENT       The development pro...
PROGRAMMING FOR NON-PROGRAMMERS       [ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]       DEVELOPMENT       The development pro...
PROGRAMMING FOR NON-PROGRAMMERS       ZAPPOS.COM        FRONT-END                             homepage    cartWednesday, F...
PROGRAMMING FOR NON-PROGRAMMERS       ZAPPOS.COM                           process.php                                 BAC...
PROGRAMMING FOR NON-PROGRAMMERS       ZAPPOS.COM                           process.php                                 BAC...
PROGRAMMING FOR NON-PROGRAMMERS       ZAPPOS.COM                           process.php                                 BAC...
PROGRAMMING FOR NON-PROGRAMMERS       WEB DEVELOPMENT PROCESS                                         ‣ Product Developmen...
Upcoming SlideShare
Loading in...5
×

Programming For Non-Programmers

933

Published on

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.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
933
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
24
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Programming For Non-Programmers"

  1. 1. PROGRAMMING FOR NON-PROGRAMMERS FUNDAMENTALS Chris Castiglione @castig | www.pfnp.meWednesday, February 20, 13
  2. 2. DevelopmentWednesday, February 20, 13
  3. 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. 4. PROGRAMMING FOR NON-PROGRAMMERS [ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ] A TYPICAL WEB DEVELOPMENT CYCLE User-Experience Information Visual Design (UX) Architecture (IA) DevelopmentWednesday, February 20, 13
  5. 5. PROGRAMMING FOR NON-PROGRAMMERS [ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ] DEVELOPMENT Comps become graphics & real text 5Wednesday, February 20, 13
  6. 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 6Wednesday, February 20, 13
  7. 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 pageWednesday, February 20, 13
  8. 8. PROGRAMMING FOR NON-PROGRAMMERS BACK-END DEVELOPMENT (noun) the server-side programming that processes the “business logic”, database, web services and other utilitiesWednesday, February 20, 13
  9. 9. PROGRAMMING FOR NON-PROGRAMMERS [ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ] DEVELOPMENT The development process can be broken into two separate responsibilities: 9Wednesday, February 20, 13
  10. 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 10Wednesday, February 20, 13
  11. 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 , 11Wednesday, February 20, 13
  12. 12. PROGRAMMING FOR NON-PROGRAMMERS ZAPPOS.COM FRONT-END homepage cartWednesday, February 20, 13
  13. 13. PROGRAMMING FOR NON-PROGRAMMERS ZAPPOS.COM process.php BACK-END FRONT-END homepage cartWednesday, February 20, 13
  14. 14. PROGRAMMING FOR NON-PROGRAMMERS ZAPPOS.COM process.php BACK-END FRONT-END homepage cartWednesday, February 20, 13
  15. 15. PROGRAMMING FOR NON-PROGRAMMERS ZAPPOS.COM process.php BACK-END FRONT-END homepage cart registrationWednesday, February 20, 13
  16. 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 HackingWednesday, February 20, 13
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×