PROGRAMMING FOR NON-PROGRAMMERS

WILL SENTANCECTO @ CODESMITH

10 WEEK IMMERSIVE ACADEMY

YOUENTREPRENEURIAL DRIVE

BUSINESS KNOWLEDGELEADERSHIP

YOU + CODINGA PROTOTYPER AND BUILDERSPOTS NEW OPPORTUNITIES

PART OF THE DEVELOPER COMMUNITY

SO WHY ISN'T EVERYONE CODING?

CODESMITH10 WEEK FULL STACK IMMERSIVE ACADEMY

BUT THERE ARE THINGS YOU CAN DO TODAY

SPECIFIC TECHNIQUES TO RAPIDLY IMPROVE

WHAT IS PROGRAMMING?COMPUTER TAKES INSTRUCTIONS

PROGRAMMING IS WRITING THESE INSTRUCTIONSDIFFERENT PARTS USE DIFFERENT LANGUAGES

WHAT DO WE MEAN BY THAT?

THE STACK:▸ Frontend▸ Backend▸ Mobile

JAVASCRIPT IS THE ONLY LANGUAGE YOU CAN USE AT ALL POINTS OF THE STACK

BUILDING APPS IN THE BROWSER

(LET'S HOLD MOBILE SEPARATE FOR A SECOND)

GMAIL AND A WALL

HTML, CSS, JAVASCRIPT

CORE COMPUTER SCIENCE CONCEPTS

VARIABLESARRAYS

FUNCTIONS

MOBILEREACT NATIVE

THE DEVELOPER WATERING HOLES▸ Stackoverflow

stackoverflow.com ▸ Quora

quora.com

WHAT DO DEVELOPERS CARE ABOUT

LEARNING - AND BEING PAID TO LEARN (EVEN SOMETIMES NOT, IF THE LEARNING

OPPORTUNITY IS BIG ENOUGH)

BIGGEST PITFALLS TO AVOID

LEARNING ALONE

'LEARNING' TO CODEYOU DO NOT 'LEARN TO CODE' YOU BUILD TO

LEARN

"I'M NEVER GOING TO BE A SOFTWARE ENGINEER"

BONUSJAVA V JAVASCRIPT

WHAT DOES BEING A PROGRAMMER MEAN?

A BASIC MAP OF THE WORLD OF CODE1. BUILD THINGS YOU CARE ABOUT

2. NOT KNOWING HOW IS RIGHT

LET'S PUT THIS INTO PRACTICE AND BUILD

SOMETHING TOGETHERWE'LL BE USING JAVASCRIPT - THAT MEANS WE CAN DO POWERFUL LOGIC IN CHROME/FIREFOX

A VIDEO CHAT APPWE'LL BE WRITING JUST 8 LINES OF

INSTRUCTIONSJSFIDDLE.NET/TAWNYOWL/J228HOPD

WE'RE GOING TO USE A PLATFORM CALLED JSFIDDLE

JSFIDDLE.NET

OUR FIRST PROGRAMalert('hello UCLA')

THERE ARE 3 SETS OF INSTRUCTIONS IN OUR APP: HTML, CSS, JAVASCRIPT

PUT A VIDEO PLAYER HERE<video id="localvideo" autoplay></video>

1) WE CREATE A NEW ICECOMM INSTANCEvar comm - new Iecomm('uhiuasdaejaskeja73jwknawj23anwjaknse323kj');

2) NOW IT GETS REALLY INTERESTING - WE WRITE CODE TO LISTEN FOR WHEN OUR COMPUTER'S

WEBCAM IS AVAILABLEcomm.on('local', function(peer){ localVideo.src = peer.stream;});

3) THEN WE DO THE SAME THING FOR WHEN ANOTHER PERSON CONNECTS TO THIS ROOM

(REMEMBER A ROOM IS DEFINED BY YOUR UNIQUE PASSWORD)

comm.on('connected', function(){ document.body.appendChild(peer.getVideo());});

4) FINALLY WE CONNECT!comm.connect('room', {audio: false})

NOW LET'S RUN THE CODE

AND SHARE THE LINK WITH A FRIEND!

@WILLSENTANCE@CODESMITHIO

CODESMITH.IO@ICECOMMIO