Programming For Non-Programmers @SXSW 2013

•

74 recomendaciones•7,982 vistas

The document provides an overview of programming for non-programmers. It introduces HTML as providing structure, CSS as defining style, and JavaScript as enabling behavior on webpages. It defines programming as a set of instructions to solve problems, and provides an example of instructions for making a peanut butter and jelly sandwich. The document outlines the typical development process and different roles involved, including user experience design, information architecture, visual design, and development. It distinguishes between front-end development, which deals with how the site appears to users, and back-end development, which processes business logic and data. The document encourages learning to "think like a developer" and introduces some programming tools and frameworks.

Tecnología

PROGRAMMING FOR
NON-PROGRAMMERS
#SXSW Chris Castiglione
@castig | pfnp.me

THE QUESTION
How do I communicate an idea
from my head… to a computer?

PROGRAMMING FOR NON-PROGRAMMERS

HTML
CSS
JS

PROGRAMMING FOR NON-PROGRAMMERS

HTML -structure
CSS - style
JS - behavior

What is Programming?
(...and why do I care?)

PROGRAMMING
‣ a set of instructions
‣ used to solve a problem

PEANUT BUTTER & JELLY SANDWICH
‣ find two slices of bread

PEANUT BUTTER & JELLY SANDWICH
‣ find two slices of bread
‣ spread peanut butter on one slice of bread

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

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

WHY ARE WE HERE?
‣ to learn to think like a developer

WHY ARE WE HERE?
‣ to learn to think like a developer
‣ to understand the tools (aka. Programming Languages)

WHY ARE WE HERE?
‣ to learn to think like a developer
‣ to understand the tools (aka. Programming Languages)
‣ and to understand the constraints

PROGRAMMING FOR NON-PROGRAMMERS

“If we don’t learn to program, we
risk being programmed ourselves...
Program or be programmed!”

-Douglas Rushkoff
“Program or be Programmed”

PROGRAMMING FOR NON-PROGRAMMERS

“If we don’t learn to plumb, we
risk being plumbed ourselves...
Plumb or be plumbed!”

-Jeff Atwood
codinghorror.com

PROGRAMMING FOR NON-PROGRAMMERS

VOCABULARY

THE WEB WEB SITES
NATIVE APPS
WEB APPS OTHER
MOBILE WEB
‣ DECODE THE ‣ OTHER
Directly on your Operating System GENOME HARDWARE
‣ XBOX ‣ ANYTHING
‣ IPHONE ‣ OSX ELSE I MAY
In a browser ‣ ANDROID ‣ WINDOWS
‣ VIDEO GAMES
HAVE MISSED
‣ CHROME ‣ FIREFOX ‣ INTERNET
‣ SAFARI ‣ OPERA EXPLORER

Web Master

Web Developer Web Designer

Front-end Back-end User Experience Visual Designer

Database Expert HTML5 Animation User-Interface Information Architecture

SEO Expert Usability Security Testing Growth Hacker

PROGRAMMING FOR NON-PROGRAMMERS

User-Experience Developer
Designer

PROGRAMMING FOR NON-PROGRAMMERS
[ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]

A TYPICAL WEB DEVELOPMENT CYCLE

User-Experience Information Visual Design Development
(UX) Architecture (IA)

PROGRAMMING FOR NON-PROGRAMMERS
[ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]

A TYPICAL WEB DEVELOPMENT CYCLE

User-Experience Information Visual Design
(UX) Architecture (IA)
Development

PROGRAMMING FOR NON-PROGRAMMERS
[ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]

DEVELOPMENT
Comps become graphics & real text

29

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

PROGRAMMING FOR NON-PROGRAMMERS

BACK-END
DEVELOPMENT (noun)
the server-side programming that
processes the “business logic”, database,
web services and other utilities

PROGRAMMING FOR NON-PROGRAMMERS
[ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ]

DEVELOPMENT
The development process can be broken into two separate responsibilities:

33

PROGRAMMING FOR NON-PROGRAMMERS

ZAPPOS.COM process.php

BACK-END

FRONT-END

homepage cart registration

PROGRAMMING FOR NON-PROGRAMMERS

FRAMEWORKS DJANGO
TWITTER
EXTJS
BOOTSTRAP
BLUEPRINT JQUERY

Coffee Script

Ember.js
SASS
AJAX PROTOTYPE

PROGRAMMING FOR NON-PROGRAMMERS

WHAT IS HTML5?

PROGRAMMING FOR NON-PROGRAMMERS

HTML (noun)
CSS (adjective)
JS (verb)

PROGRAMMING FOR NON-PROGRAMMERS

HEY CHRIS, CAN YOU...

make that grey heading fadein?

PROGRAMMING FOR NON-PROGRAMMERS

HEY CHRIS, CAN YOU...
HTML

make that grey heading fadein?
CSS JAVASCRIPT

PFNP.ME Twitter

http://www.pfnp.me @castig

Más contenido relacionado

La actualidad más candente

Responsive Design Workflow

Intergen

Podcasting w200 module 3

adragic

457 WWDC08 Student Welcome

rentzsch

Fmb2

simonrudkin

Turning a community into evangelism helpers - Devrelconf 2016

Christian Heilmann

Work with Raul Colon

Raul Colon

Web is now visible everywhere. It's highest time to learn webdevelopment! Know why it's great branch of IT, what it's made of and what tasks are waiting the for today's web developers. Learn the HTML, JS and CSS from basics. Do not read HTML courses written 10 years ago. Want to do backend, but still wondering whether to choose PHP, Ruby, Python, nodeJS ? No fear! We'll try to show pros & cons of every language AND also give a short guide how to learn them quickly. Original presentation: http://akai.org.pl/slides/webstarter/

Become a webdeveloper - AKAICamp Beginner #1

Jacek Tomaszewski

Question 6

izzywatsonmedia

Web development

Himanshu Agrawal

La actualidad más candente (9)

Responsive Design Workflow

Podcasting w200 module 3

457 WWDC08 Student Welcome

Fmb2

Turning a community into evangelism helpers - Devrelconf 2016

Work with Raul Colon

Become a webdeveloper - AKAICamp Beginner #1

Question 6

Web development

Destacado

Up & Running Web Hosting

Chris Castiglione

Have you ever found yourself examining your website and wondering which design variation of your site is attracting the most sales? Or if your email signup button is in the correct place? A/B testing is a simple way to test a new website design and allows you to test variations live on your site with your actual users. Optimizely is a tool for A/B testing that takes the guesswork out of website optimization. In this livestream, you’ll set up the Optimizely editor, run experiments, and learn how to get started testing text, images, colors, and new arrangements of content. Check out General Assembly to watch this video, and others like it: https://generalassemb.ly/

Optimizely

Chris Castiglione

ICT across the curriculum - Mathematics

mrpeddle

If you're running a tech start-up, it's essential that you familiarize yourself with the fundamentals of web development. Ultimately knowing how to "talk to the talk" will help you communicate better with developers, and overall just look really cool. In this hour and a half long workshop, Chris Castiglione, experienced developer and founder of One Month Rails, will tackle some development principles and answer questions to get you on the right path, such as, "Front-end vs. Back-end?", "Is UX necessary for my project?", "What is this Javascript function thingy, and why am I passing it strange math equations to it?" He will also have you coding a bit yourself! Leading a development team (without being a developer yourself) can sometimes feels like talking about dancing, and so this is an interactive and friendly environment in which to learn the basics. Come with questions, and a desire to have fun! OneMonth.com OneMonthHtml.com OneMonthRails.com

Programming for Non-Programmers - SXSW Vegas 2014

Chris Castiglione

Computer science class 1

Holly Akers

WHAT IS COMPUTER SCIENCE?

FARAZ QURESHI(BLACK HAT)

Food is confusing: One day milk “does a body good”, the next day it causes cancer. One day we hear that eating meat will help us lose weight, the next day it’s the cause of obesity. How in the world can anyone make sense all the conflicting ideas, theories and studies? (You’d need a PhD in Biochemistry just to eat dinner!) Over the past few years I’ve been pouring over nutritional science research from the top diets: Paleo, Atkins, Vegan, Forks Over Knives (Plant-Based), the Mediterranean Diet, etc. Where did these diets come from? How do they differ? And which is best for long-lasting health? I was surprised to find that – amidst all chaos – there seems to be a common set of principles that all of these diets agree upon. And that’s what I’d like to share with you at Alive Berlin. If you’re the kind of person that doesn’t necessarily like to follow a strict diet, but you want to feel confident in your eating choices, then this workshop is for you. In addition, we’ll talk about how to integrate these principles in a holistic, and positive way. This is a judgment-free zone: so if you’re brand-new, love pizza, or have your own beliefs about food, don’t fear! We welcome all opinions and eating styles in the quest for understanding. I guarantee that when you leave you’ll feel a sense of clarity, and will have the ability to talk more intelligently about food and nutrition.

Food is confusing: Plant vs. Paleo

Chris Castiglione

Introduction to Computer Science

Kalpit Jain

An Introduction to Python Programming

Morteza Zakeri

Basics of computer science

Paul Schmidt

WEKA: Algorithms The Basic Methods

DataminingTools Inc

0. Course Introduction

Intro C# Book

Computer Science & Information Systems

Luis Borges Gouveia

Introduction to computer science

derekoei

Destacado (14)

Up & Running Web Hosting

Optimizely

ICT across the curriculum - Mathematics

Programming for Non-Programmers - SXSW Vegas 2014

Computer science class 1

WHAT IS COMPUTER SCIENCE?

Food is confusing: Plant vs. Paleo

Introduction to Computer Science

An Introduction to Python Programming

Basics of computer science

WEKA: Algorithms The Basic Methods

0. Course Introduction

Computer Science & Information Systems

Introduction to computer science

Similar a Programming For Non-Programmers @SXSW 2013

Programming for non-programmers

Pancho Goldaracena

Programming for non-Programmers

Evgeny Tsarkov

Overboard.js - where are we going with with jsconfasia / devfestasia

Christian Heilmann

Quo vadis, JavaScript? Devday.pl keynote

Dmeeker Finala

designertoday0809

designertoday0809

Week 12 mm_dev_model

Hajah Norasiken Bakar

Serverless application development is fabulous…but, if you can’t automate your delivery pipeline, you’ll likely fail. In this session, MongoDB Developer Advocate Lauren Schaefer will walk you through the process of crafting test automation and DevOps pipelines for serverless apps that are built on the MongoDB Data Platform. Then, she’ll jump in to the always-terrifying-for-the-presenter live demo so you can see how this all works in a very practical way. She’ll make some changes to her code base, update her automated tests, and push her code changes. You’ll watch as the various pieces of the pipeline fail and (hopefully) succeed. If you’re a DevOps engineer or a developer responsible for creating your own Continuous Integration/Continuous Delivery automation, you won’t want to miss this talk! You’ll walk away from this session equipped to build DevOps pipelines for your serverless apps. Register for the webinar at https://www.mongodb.com/webinar/devops-with-mongodb-serverless

DevOps + MongoDB Serverless = 

Lauren Hayward Schaefer

2017 03 25 Microsoft Hacks, How to code efficiently

Bruno Capuano

Class 4: Introduction to web technology entrepreneurship

allanchao

20140207 xamarin-red fabriq-microsoft-techdays-nativemobileappdevelopmentwith...

RedFabriQ

Stapling and patching the web of now - ForwardJS3, San Francisco

Christian Heilmann

Progressive Enhancement & Mobile [Funka 2012]

Aaron Gustafson

This webinar discusses technology frameworks recommended approach for building Single Page web applications. In this Webinar, we will explore what goes into building a Single Page Application and the ecosystem around it. We will be looking at different aspects of Single Page Applications and how they fit together. Read more at https://www.synerzip.com/webinar/building-single-page-applications-know-the-ecosystem-webinar-february-2014/

Single Page Applications – Know The Ecosystem system

Synerzip

The client (or presentation) tier of our applications is taking on an increasingly important role. Users are expecting more compelling user interfaces, but they also want more functionality from their applications. In this ArcReady we examine how to design and deliver well architected client applications that will be easy to maintain and extend. Session 1: Trends and patterns on the client tier In our first session we will take a vendor and platform neutral look at some of the trends and emerging technologies that can be used on the client tier. We will look at techniques like Mashups, technologies like Natural User Interfaces (NUI) and the increasing importance of the mobile platform. We will also look at some common patterns that can be used in the architecture of the client tier. Session 2: Applying Microsoft technology on the client tier In our second session we will take some look at how we can use Microsoft technologies to create well architected and compelling client applications. We will look at technologies like Silverlight and WPF that can be used to create compelling clients. We will also look at technologies that can be used to make your applications more extensible for future development. We will also examine some architectural guidance developed by the Microsoft Patterns and Practices group.

ArcReady - Architecting For The Client Tier

Microsoft ArcReady

The demo and resrouces are available at http://bit.ly/Wins8DevHTML5Pres. This session outlines some of what you can do with new HTML5 and CSS3 features introduced in Internet Explorer 10. Internet Explorer 10 is the browser for rendering modern (HTML5/CSS3) standards-compliant websites. It is also one of the foundations for Windows 8 style app development on Windows 8. Get started writing Windows 8 style apps using your HTML5, JavaScript, and CSS skills today! You already have a Web app on the Internet and want to reach customers with a new, targeted experience on Windows 8. Come get practical guidance and best practices on how to reuse your Web assets. Come dive into the specifics of this exciting platform and see how you can use your Web skills to build deeply-integrated Windows apps. ◦You’ll discover how this mirrors or differs from traditional Web programming and how to harness the rich capabilities of Windows 8 through JavaScript and the Windows Runtime. ◦You'll learn techniques for turning your HTML5, CSS and JavaScript into a great Windows app including touch-enablement, adopting the Windows look and feel, and system integration. This session will arm you with everything you need to know to start building Windows 8 style apps with the skills you already have.

Building Beautiful and Interactive Windows 8 apps with JavaScript, HTML5 & CSS3

Doris Chen

Flash Catalyst at Flex Camp Orange County

Juan Sanchez

Serverless application development is fabulous…but if you don’t have a CI/CD pipeline with a strong foundation of test automation, you’ll likely fail. In this session, MongoDB Developer Advocate Lauren Schaefer will walk you through the process of crafting test automation and DevOps pipelines for serverless apps that are built on MongoDB Realm. Then, she’ll jump into the always-terrifying-for-the-presenter live demo so you can see how this all works in a very practical way. She’ll make some changes to her codebase, update her automated tests, and push her code changes. You’ll watch as the various pieces of the pipeline fail and (hopefully) succeed. You’ll walk away from this session equipped to build test automation and DevOps pipelines for your serverless apps.

DevOps + MongoDB Realm Serverless Functions = 🤩

Lauren Hayward Schaefer

How to Become a Front-End Developer? Step-by-Step Guide by Careervira

Careervira

Similar a Programming For Non-Programmers @SXSW 2013 (20)

Programming for non-programmers

Programming for non-Programmers

Overboard.js - where are we going with with jsconfasia / devfestasia

Quo vadis, JavaScript? Devday.pl keynote

Dmeeker Finala

designertoday0809

Week 12 mm_dev_model

DevOps + MongoDB Serverless = 

2017 03 25 Microsoft Hacks, How to code efficiently

Class 4: Introduction to web technology entrepreneurship

20140207 xamarin-red fabriq-microsoft-techdays-nativemobileappdevelopmentwith...

Stapling and patching the web of now - ForwardJS3, San Francisco

Progressive Enhancement & Mobile [Funka 2012]

Single Page Applications – Know The Ecosystem system

ArcReady - Architecting For The Client Tier

Building Beautiful and Interactive Windows 8 apps with JavaScript, HTML5 & CSS3

Flash Catalyst at Flex Camp Orange County

DevOps + MongoDB Realm Serverless Functions = 🤩

How to Become a Front-End Developer? Step-by-Step Guide by Careervira

Último

DBX First Quarter 2024 Investor Presentation

Dropbox

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

apidays

When you’re building (micro)services, you have lots of framework options. Spring Boot is no doubt a popular choice. But there’s more! Take Quarkus, a framework that’s considered the rising star for Kubernetes-native Java. It always depends on what's best for your situation, but how to choose the best solution if you're comparing 2 frameworks? Both Spring Boot and Quarkus have their positives and negatives. Let us compare the two by live coding a couple of common use cases in Spring Boot and Quarkus. After this talk, you’ll be ready to get started with Quarkus yourself, and know when to select Quarkus or Spring Boot.

Spring Boot vs Quarkus the ultimate battle - DevoxxUK

Jago de Vreede

The action of the next cyber saga takes place in the mystical lands of the Asia-Pacific region, where the main characters began their digital activities in the middle of 2021 and qualitatively strengthened it in 2022. Corporate espionage, document theft, audio recordings, and data leaks from messaging platforms were all a matter of one day for Dark Pink. Their geographical focus may have started in the Asia-Pacific region, but their ambitions knew no bounds, targeting a European government ministry in a bold move to expand their portfolio. Their victim profile was as diverse as a UN meeting, targeting military organizations, government agencies, and even a religious organization. Because discrimination is not a fashionable agenda. In the world of cybercrime, they serve as a reminder that sometimes the most serious threats come in the most unassuming packages with a pink bow.

Cyberprint. Dark Pink Apt Group [EN].pdf

Overkill Security

Dubai, often portrayed as a shimmering oasis in the desert, faces its own set of challenges, including the occasional threat of flooding. Despite its reputation for opulence and modernity, the emirate is not immune to the forces of nature. In recent years, Dubai has experienced sporadic but significant floods, testing the resilience of its infrastructure and communities. Among the critical lifelines in this bustling metropolis is the Dubai International Airport, a bustling hub that connects the city to the world. This article explores the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Orbitshub

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

apidays

Architecting Cloud Native Applications

WSO2

In the thrilling conclusion to 2023, ransomware groups had a banner year, really outdoing themselves in the "make everyone's life miserable" department. LockBit 3.0 took gold in the hacking olympics, followed by the plucky upstarts Clop and ALPHV/BlackCat. Apparently, 48% of organizations were feeling left out and decided to get in on the cyber attack action. Business services won the "most likely to get digitally mugged" award, with education and retail nipping at their heels. Hackers expanded their repertoire beyond boring old encryption to the much more exciting world of extortion. The US, UK and Canada took top honors in the "countries most likely to pay up" category. Bitcoins were the currency of choice for discerning hackers, because who doesn't love untraceable money?

Ransomware_Q4_2023. The report. [EN].pdf

Overkill Security

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

debabhi2

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

Artificial Intelligence Chap.5 : Uncertainty

Khushali Kathiriya

Keynote 2: APIs in 2030: The Risk of Technological Sleepwalk Paolo Malinverno, Growth Advisor - The Business of Technology Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

apidays

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

Exploring Multimodal Embeddings with Milvus

Zilliz

Dubai, known for its towering skyscrapers, luxurious lifestyle, and relentless pursuit of innovation, often finds itself in the global spotlight. However, amidst the glitz and glamour, the emirate faces its own set of challenges, including the occasional threat of flooding. In recent years, Dubai has experienced sporadic but significant floods, disrupting normalcy and posing unique challenges to its infrastructure. Among the critical nodes in this bustling metropolis is the Dubai International Airport, a vital hub connecting the world. This article delves into the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Orbitshub

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

Effective data discovery is crucial for maintaining compliance and mitigating risks in today's rapidly evolving privacy landscape. However, traditional manual approaches often struggle to keep pace with the growing volume and complexity of data. Join us for an insightful webinar where industry leaders from TrustArc and Privya will share their expertise on leveraging AI-powered solutions to revolutionize data discovery. You'll learn how to: - Effortlessly maintain a comprehensive, up-to-date data inventory - Harness code scanning insights to gain complete visibility into data flows leveraging the advantages of code scanning over DB scanning - Simplify compliance by leveraging Privya's integration with TrustArc - Implement proven strategies to mitigate third-party risks Our panel of experts will discuss real-world case studies and share practical strategies for overcoming common data discovery challenges. They'll also explore the latest trends and innovations in AI-driven data management, and how these technologies can help organizations stay ahead of the curve in an ever-changing privacy landscape.

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc

Programming For Non-Programmers @SXSW 2013

1. PROGRAMMING FOR NON-PROGRAMMERS #SXSW Chris Castiglione @castig | pfnp.me

2. MY TWITTER @castig

3. RESOURCES pfnp.me/sxsw

4. THE QUESTION How do I communicate an idea from my head… to a computer?

5. PROGRAMMING FOR NON-PROGRAMMERS HTML CSS JS

6. PROGRAMMING FOR NON-PROGRAMMERS HTML -structure CSS - style JS - behavior

7. What is Programming? (...and why do I care?)

8. PROGRAMMING ‣ a set of instructions ‣ used to solve a problem

9. PEANUT BUTTER & JELLY SANDWICH

10. PEANUT BUTTER & JELLY SANDWICH ‣ find two slices of bread

11. PEANUT BUTTER & JELLY SANDWICH ‣ find two slices of bread ‣ spread peanut butter on one slice of bread

12. 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

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 ‣ put the two slices of bread together

14. PROBLEM SOLVED!

15. PROGRAMMING ‣ a set of instructions ‣ used to solve a problem

16. WHY ARE WE HERE? ‣ to learn to think like a developer

17. WHY ARE WE HERE? ‣ to learn to think like a developer ‣ to understand the tools (aka. Programming Languages)

18. WHY ARE WE HERE? ‣ to learn to think like a developer ‣ to understand the tools (aka. Programming Languages) ‣ and to understand the constraints

19. PROGRAMMING FOR NON-PROGRAMMERS

20. PROGRAMMING FOR NON-PROGRAMMERS “If we don’t learn to program, we risk being programmed ourselves... Program or be programmed!” -Douglas Rushkoff “Program or be Programmed”

21. PROGRAMMING FOR NON-PROGRAMMERS “If we don’t learn to plumb, we risk being plumbed ourselves... Plumb or be plumbed!” -Jeff Atwood codinghorror.com

22. Vocabulary

23. PROGRAMMING FOR NON-PROGRAMMERS VOCABULARY THE WEB WEB SITES NATIVE APPS WEB APPS OTHER MOBILE WEB ‣ DECODE THE ‣ OTHER Directly on your Operating System GENOME HARDWARE ‣ XBOX ‣ ANYTHING ‣ IPHONE ‣ OSX ELSE I MAY In a browser ‣ ANDROID ‣ WINDOWS ‣ VIDEO GAMES HAVE MISSED ‣ CHROME ‣ FIREFOX ‣ INTERNET ‣ SAFARI ‣ OPERA EXPLORER

24. Web Master Web Developer Web Designer Front-end Back-end User Experience Visual Designer Database Expert HTML5 Animation User-Interface Information Architecture SEO Expert Usability Security Testing Growth Hacker

25. PROGRAMMING FOR NON-PROGRAMMERS User-Experience Developer Designer

26. PROGRAMMING FOR NON-PROGRAMMERS User-Experience Developer Designer

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

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

29. PROGRAMMING FOR NON-PROGRAMMERS [ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ] DEVELOPMENT Comps become graphics & real text 29

30. 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 30

31. 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

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

33. PROGRAMMING FOR NON-PROGRAMMERS [ 1. PLAN ] [ 2. DESIGN ] [ 3. DEVELOP ] DEVELOPMENT The development process can be broken into two separate responsibilities: 33

34. 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 34

35. 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 , 35

36. PROGRAMMING FOR NON-PROGRAMMERS ZAPPOS.COM process.php BACK-END FRONT-END homepage cart registration

37. CODE! Use the Tools

38. PROGRAMMING FOR NON-PROGRAMMERS HTML -structure CSS - style JS - behavior

39. PROGRAMMING FOR NON-PROGRAMMERS FRAMEWORKS DJANGO TWITTER EXTJS BOOTSTRAP BLUEPRINT JQUERY Coffee Script Ember.js SASS AJAX PROTOTYPE

40. PROGRAMMING FOR NON-PROGRAMMERS WHAT IS HTML5?

41. WHAT IS MICROSOFT WORD 2011? 1995 2011

42. 1991 <HTML>

43. 1991 <HTML> Tim Berners-Lee

44. Tim Berners-Lee

45. <blink>

46. <blink> </blink>

47. <blink> Buy Me! </blink>