Slide 1

Slide 1 text

@onishiweb Nurturing the Roots Adam Onishi London Web Standards - November

Slide 2

Slide 2 text

@onishiweb Front End Development

Slide 3

Slide 3 text

@onishiweb - Hitchhikers Guide to the Galaxy “...is big. You just won't believe how vastly, hugely, mind-bogglingly big it is.” Front End

Slide 4

Slide 4 text

@onishiweb HTML CSS HTML5 CSS3 JavaScript jQuery Coffeescript Grids Compass Angular A11y Backbone Ember SVG Canvas APIs Progressive Enhancement Flight React Knockout Web Fonts Performance Sass Stylus LESS RWD Node Meteor Front End

Slide 5

Slide 5 text

@onishiweb Front End

Slide 6

Slide 6 text

@onishiweb HTML CSS HTML5 CSS3 JavaScript jQuery Coffeescript Grids Compass Grunt Gulp Node Ruby Angular Vagrant Git SVN Rails A11y Puppet Meteor Backbone PHP Laravel WordPress Perch Jekyll Composer Ember SVG Canvas APIs RWD JSPM NPM RVM Bower Yeoman Progressive Enhancement Flight React Knockout Web Fonts CLI Vim Capistrano Performance Sass Stylus LESS Front End

Slide 7

Slide 7 text

@onishiweb Users First Content First Mobile First Tests First Offline First Tea First! Front End

Slide 8

Slide 8 text

@onishiweb Pressure?

Slide 9

Slide 9 text

@onishiweb Pressure http://uptodate.frontendrescue.org/

Slide 10

Slide 10 text

@onishiweb 102 people. 60 blogs, Newsletters, podcasts. 48 Conferences/Meetups. Pressure

Slide 11

Slide 11 text

@onishiweb how many unread bookmarks? Pressure

Slide 12

Slide 12 text

@onishiweb Pressure

Slide 13

Slide 13 text

@onishiweb The pusher! Pressure

Slide 14

Slide 14 text

@onishiweb - Stef “The Pusher” Horner “You should try Angular!” Pressure

Slide 15

Slide 15 text

@onishiweb @onishiweb Pressure

Slide 16

Slide 16 text

@onishiweb Barrier to Entry?

Slide 17

Slide 17 text

@onishiweb Complex Barrier

Slide 18

Slide 18 text

@onishiweb Barrier

Slide 19

Slide 19 text

@onishiweb HTML CSS HTML5 CSS3 JavaScript jQuery Coffeescript Grids Compass Grunt Gulp Node Ruby Angular Vagrant Git SVN Rails A11y Puppet Meteor Backbone PHP Laravel WordPress Perch Jekyll Composer Ember SVG Canvas APIs RWD JSPM NPM RVM Bower Yeoman Progressive Enhancement Flight React Knockout Web Fonts CLI Vim Capistrano Performance Sass Stylus LESS Barrier

Slide 20

Slide 20 text

@onishiweb HTML CSS HTML5 CSS3 JavaScript jQuery Coffeescript Grids Compass Grunt Gulp Node Ruby Angular Vagrant Git SVN Rails A11y Puppet Meteor Backbone PHP Laravel WordPress Perch Jekyll Composer Ember SVG Canvas APIs RWD JSPM NPM RVM Bower Yeoman Progressive Enhancement Flight React Knockout Web Fonts CLI Vim Capistrano Performance Sass Stylus LESS Barrier

Slide 21

Slide 21 text

@onishiweb My Experience

Slide 22

Slide 22 text

@onishiweb My first website… My Experience

Slide 23

Slide 23 text

@onishiweb My Experience

Slide 24

Slide 24 text

@onishiweb University My Experience

Slide 25

Slide 25 text

@onishiweb HTML CSS HTML5 CSS3 JavaScript jQuery Coffeescript Grids Compass Grunt Gulp Node Ruby Angular Vagrant Git SVN Rails A11y Puppet Meteor Backbone PHP Laravel WordPress Perch Jekyll Composer Ember SVG Canvas APIs RWD JSPM NPM RVM Bower Yeoman Progressive Enhancement Flight React Knockout Web Fonts CLI Vim Capistrano Performance Sass Stylus LESS My Experience

Slide 26

Slide 26 text

@onishiweb 5 years ago… My Experience

Slide 27

Slide 27 text

@onishiweb The point My Experience

Slide 28

Slide 28 text

@onishiweb How do we keep up?

Slide 29

Slide 29 text

@onishiweb start with the roots… Keeping up

Slide 30

Slide 30 text

@onishiweb - Christian Heilmann “All of these things are power tools used by experts, and power tools in the hands of beginners is sometimes a very bad idea” Keeping up

Slide 31

Slide 31 text

@onishiweb HTML CSS HTML5 CSS3 JavaScript jQuery Coffeescript Grids Compass Grunt Gulp Node Ruby Angular Vagrant Git SVN Rails A11y Puppet Meteor Backbone PHP Laravel WordPress Perch Jekyll Composer Ember SVG Canvas APIs RWD JSPM NPM RVM Bower Yeoman Progressive Enhancement Flight React Knockout Web Fonts CLI Vim Capistrano Performance Sass Stylus LESS Keeping up

Slide 32

Slide 32 text

@onishiweb HTML CSS HTML5 CSS3 JavaScript jQuery Coffeescript Grids Compass Grunt Gulp Node Ruby Angular Vagrant Git SVN Rails A11y Puppet Meteor Backbone PHP Laravel WordPress Perch Jekyll Composer Ember SVG Canvas APIs RWD JSPM NPM RVM Bower Yeoman Progressive Enhancement Flight React Knockout Web Fonts CLI Vim Capistrano Performance Sass Stylus LESS Keeping up

Slide 33

Slide 33 text

@onishiweb What’s required? Keeping up

Slide 34

Slide 34 text

@onishiweb Making the right decision Chris Coyier - http://bit.ly/UbdvIe Keeping up

Slide 35

Slide 35 text

@onishiweb Keeping up

Slide 36

Slide 36 text

@onishiweb Keeping up

Slide 37

Slide 37 text

@onishiweb @onishiweb Keeping up

Slide 38

Slide 38 text

@onishiweb - Mike Chrisp, SMEE Member “Build what it is you want to build and learn as you go” Keeping up

Slide 39

Slide 39 text

@onishiweb Nurturing the roots

Slide 40

Slide 40 text

@onishiweb Responsibility Nurturing

Slide 41

Slide 41 text

@onishiweb View source? Nurturing

Slide 42

Slide 42 text

@onishiweb Nurturing

Slide 43

Slide 43 text

@onishiweb Source Maps Nurturing

Slide 44

Slide 44 text

@onishiweb Open source! Nurturing

Slide 45

Slide 45 text

@onishiweb Nurturing

Slide 46

Slide 46 text

@onishiweb Reading good code Nurturing

Slide 47

Slide 47 text

@onishiweb Be inclusive! Nurturing

Slide 48

Slide 48 text

@onishiweb 12 devs & 12 devs of xmas Nurturing

Slide 49

Slide 49 text

@onishiweb Education Internships Lecturing Workshops Teaching Apprenticeships Nurturing

Slide 50

Slide 50 text

@onishiweb Education Internships Lecturing Workshops Teaching Apprenticeships Mentoring Writing Work Experience Speaking Podcasting Events Code Club YRS Blogging Nurturing

Slide 51

Slide 51 text

@onishiweb I can’t do that! Nurturing

Slide 52

Slide 52 text

@onishiweb - Marc Jenkins, @marcjenkins “It's a misconception that the people who are the best at something, or know the most about something, or have done something for the longest, are the ones who should be teaching us.” Nurturing

Slide 53

Slide 53 text

@onishiweb - Douglas Adams, Dirk Gently’s Holistic Detective Agency “What I mean is that if you really want to understand something, the best way is to try and explain it to someone else. That forces you to sort it out in your own mind.” Nurturing

Slide 54

Slide 54 text

@onishiweb Don’t Panic

Slide 55

Slide 55 text

@onishiweb Thank you Adam Onishi London Web Standards - November