The State of Front End Web Development 2011
Upcoming SlideShare
Loading in...5
×
 

The State of Front End Web Development 2011

on

  • 13,981 views

The state of Front End Web Development presented at the first monthly Boston Front End Web Development meetup.

The state of Front End Web Development presented at the first monthly Boston Front End Web Development meetup.

Statistics

Views

Total Views
13,981
Views on SlideShare
8,907
Embed Views
5,074

Actions

Likes
21
Downloads
160
Comments
7

26 Embeds 5,074

http://cykod.com 4870
http://www.thegosspel.com 167
url_unknown 9
http://elsy-usodelastics.blogspot.com 2
http://translate.googleusercontent.com 2
http://ranksit.com 2
http://cykod.beta.com 2
http://drizzlin.com 2
http://andrewrgoss.wordpress.com 1
http://www.cykod.com 1
http://www.newsblur.com 1
http://207.46.192.232 1
http://www.ranksit.com 1
http://www.webcihoca.com 1
http://test.cykod.com 1
http://webcache.googleusercontent.com 1
http://twitter.com 1
http://perfectphoneim.blogspot.com 1
http://www.mongodb.org 1
http://paper.li 1
http://localhost:8082 1
http://valerio-in.zabibu.com:8000 1
http://www.slideshare.net 1
http://www.medinfo.bg 1
http://infoeducatie.ro 1
http://cykod.com. 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • @Pascal I see. Would you say Javascript is to Java what jQuery is to Javascript? Also what do you recommend as the best online resources/tutorials/books for learning jQuery for someone who is starting out?
    Are you sure you want to
    Your message goes here
    Processing…
  • @Designer21 - No jQuery is built in Javascript, but you don't necessarily need to know the ins and outs of the language to get a lot of cool stuff done in it. If you're not a programmer and If you are going to start with some scripting, you'll get more value learning some basics of jQuery than trying to learn Javascript first (but at some point you will need to become proficient in both)
    Are you sure you want to
    Your message goes here
    Processing…
  • @Pascal Retting I did look up on Indeed doesn't seem to provide an explanation on what the numbers represent, yet the salary index is very helpful. So why do you say to learn JQuery before Javascript, and are they that much different?
    Are you sure you want to
    Your message goes here
    Processing…
  • Awesome
    Are you sure you want to
    Your message goes here
    Processing…
  • @Designer21 Check out the salary tab on indeed.com - it's a 'Salary Index'
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

The State of Front End Web Development 2011 The State of Front End Web Development 2011 Presentation Transcript

  • Pascal Rettig On twitter @cykodWednesday, May 25, 2011
  • AGENDA • Pizza & Beer • The State of Front-End Web Development 2011 ~20 min • Break ~10 min • A Semantic Chop 101 ~30 min • Announcements ~10 minWednesday, May 25, 2011
  • THE STATE OF FRONT END WEB DEVELOPMENT 2011Wednesday, May 25, 2011
  • IN THE WORDS OF MONK: Both a Gift and CurseWednesday, May 25, 2011
  • WE HAVE LO TS OF NEW TOYS TO PLAY WITHWednesday, May 25, 2011
  • BUT THE LEARNING CURVE IS STEEP AND CONTINUOUSWednesday, May 25, 2011
  • THAT’S (HOPEFULLY) WHY YOU’RE HERE.Wednesday, May 25, 2011
  • BEST PRACTICES ...those keep changing too LIKE SEO RULE #1 Only 1 <h1> tag per page.Wednesday, May 25, 2011
  • WHAT IS FRONT END DEVELOPMENT?Wednesday, May 25, 2011
  • MY DEFINITION: Technical implementation and best practices for user facing page elements.Wednesday, May 25, 2011
  • WHAT IS IT NOT? • Server side development • SEO from a content strategy sandpoint • Marketing, SEM • Social-media douchbaggeryWednesday, May 25, 2011
  • BUT IT IS.... • Interacting with server side code and writing server side views. • SEO from a technical practices standpoint • Landing page best practices. • Implementing social widgets and required meta-dataWednesday, May 25, 2011
  • Content Design Front-end Backend BSITE DEV ELOPMENT PLAYERS IN WEWednesday, May 25, 2011
  • IS FRONT-END DEVELOPMENT A CARE ER PATH?Wednesday, May 25, 2011
  • YES! Not quite Java, Ruby or Python - but comparable to PHP, but...Wednesday, May 25, 2011
  • “JAVASCRIPT” JO BS HAVE OVERTA KEN PHPWednesday, May 25, 2011
  • TOP TEN JOB TRENDS 1. HTML5 6. Facebook 2. Mobile app 7. Social Media 3. Android 8. iPhone 4. Twitter 9. Cloud Computing 5. jQuery 10.Virtualization source: http://www.indeed.com/jobtrendsWednesday, May 25, 2011
  • WE AR E ENTER ING THE “JAVASCR IPT AGE” • I. 1991-1999: The HTML Age. • II. 2000-2009: The LAMP Age. • III. 2010-??: The Javascript Age. • The Javascript age is about event streams. Modern web pages are not pages, they are event-driven applications through which information moves. • “The Javascript age brings us closer to a web that is not a global digital library, but a global digital nervous system, whose implications we are only beginning to apprehend.” • -http://metamarketsgroup.com/blog/node-js-and-the-javascript- age/Wednesday, May 25, 2011
  • AS A FRONT-END DEVELOPER... • It’s no longer static • It’s not just writing views and CSS • More is being pushed onto your plate. • It’s pulling data dynamically, and redrawing the pieces of the page as necessary. • E.g.: New twitter, GizmodoWednesday, May 25, 2011
  • (WE’RE NOT DONE) • It’s not longer a single format • It’s not longer limited to the desktop browser. • Mobile (Almost tripled for 3 years running) • Tablets • Other Internet-connected-devicesWednesday, May 25, 2011
  • THE BASIC TOOLBOX HASN’T CHANGED • HTML • CSS • Javascript • (Flash, if you swing that way)Wednesday, May 25, 2011
  • BUT IT’S GOTTEN A LOT MORE POWERFUL (And complicated)Wednesday, May 25, 2011
  • HT ML5 • Semantic Chop, Sectioning • RDFa, open-graph • Microdata • Native Audio, Video • New Form elements • New attributes (autofocus, placeholder, aria)Wednesday, May 25, 2011
  • CSS3 • Media-queries • Web typography via @font-face • Rounded corners, Shadows, Transforms, multiple backgrounds • Animation • New selectors • New layout options (columns, tables)Wednesday, May 25, 2011
  • JAVASC RIPT • jQuery has become the defacto-standard • 1001 jQuery plugins • Canvas 2D + WebGL • WebSockets • Local Storage • Offline Storage • SVG • New Events (touch, orientation, accel) • GeolocationWednesday, May 25, 2011
  • 5 TENENTS OF MODERN FRONT END DEVELOPMENTWednesday, May 25, 2011
  • #1 SEMANTICS Give your code meaning and the Google will reward you.Wednesday, May 25, 2011
  • #2PROGRESSIVE ENHANCEMENT Start with a workable baseline, add features as supported. http://dowebsitesneedtolookexactly thesameineverybrowser.com/Wednesday, May 25, 2011
  • #3IN JQUERY WE TRUST (This kills me, but...) Learn jQuery first, then Javascript. Understand your selectors and how to use plugins and you can fake it for a long time.Wednesday, May 25, 2011
  • #4CAPABILITIES, NOT BROWSERS Don’t look at the user agent, this stuff changes way too quickly. Use modernizr or the like and make decisions base on capabilities.Wednesday, May 25, 2011
  • #5 IT’S NO LONGER JUST THE DESKTOP Mobile and Tablet browsers are taking over. This year double digits, in a couple years 50%Wednesday, May 25, 2011
  • THANKS! QUESTIONS? Pascal Rettig cykod.com Twitter @cykodWednesday, May 25, 2011