The Accessibility of Programmingwhy is it so scary to learn?
Chris Dolphin @likethemammalhttp://goo.gl/l1ehqI
...Don't just buy a new video game, make one. Don't just download the latest app, help design it. Don't just play on your phone, program it...No one's born a computer scientist...
Goals of this talk
Why its so scary.
How its not magic.
How easy it can be.
Why is learning so hard?
Its hard to get started
Its hard to practically apply what you've learned
For Android development you need an Android device
For Back-end development you need a server
It doesnt have to be this hard.
Why is the front-end web a good place to start?
You already use it everyday
So you understand how it should work.
Every site can be investigated to learn how things work
Doesn't require knowing the command line
All you need is a browser.
No terminal, editor, or install.
CMSs make it easy to start tweaking things without setting anything up.
Getting into the basics
What does front-end mean? How's it related to back-end?
Media playback (Video/Music)
Dropdowns, sliders, transparency
Real-time (i.e. chat, twitter feed, etc.)
Much scarier things...
I prefer the front-end web because I can easily see that I'm working with something
Theres a thing and I'm positioning it, changing its color, or animating it.
Basics of front-end
HTML is the scaffolding
CSS is layout and colors
How simple things can be
<html> <head> <title>Some Title</title> </head> <body style="background: blue"> <h1 onclick="alert('hey')">Hello World</h1> </body> <html>
What is the DOM?
Investigate how your favorite sites work.
Its a great way to learn ;p
The "programming" side of the web.
needs some clarification...
Where the command line comes in
Required to use some libraries
Serving and Watching files
A bunch more reasons...
Overview of Chrome
Chrome Dev Tools
Chrome Dev Tools
How do you compensate for Photoshop, Terminal, etc.?
Koding (acct required, but its free)
Pixlr Editor (no account)
JS Fiddle (no account)
Codepen (no account)
Stack Overflow (no account)
Building Chrome Extensions
Building Dev Tools Extensions
Activate Dev Mode for Chrome OS
Programming isnt scary
You dont have to dive into command line
Learn by example through your favorite sites
Always looking for freelance work