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' 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