Corporate javascriptThe good, the bad & the not so ugly
Who’s this dude?Oscar Villarreal @climboid, oscarvillarreal.comUI EngineerViva Mexico! home NYCRock climbing
So what’s the point? What role does javascript play in large non tech corporations, why it is in that state and how can we...
The bad
Approvals
IE is a must  Quantify it Chrome frame
Javascript not enabled                              NotNot                            neededsafe              Que pedo!?
No one knows anyone or          anything                         To To Big                      SegmentedTo Secret
Spaghetti code            Lack of interestJuniors                        Laziness             Bad managers
The good(at least in our case)
You set the standards
Solve real problems
Evangelizing ripples
Always make win - win if you cant make sure the customer                wins
Moving the IE7 world
The not so ugly
Tight deadlines
Very few people know     what you do
Mangers
What its all about
Build for the future support       for the present
Other concerns
Hard to move out of the         stack
App should look/act the same on all browsers or TV Analogy - Nicholas Zakas
ExpectationsManagers don’t know about development   yet they have to give the deadline
Getting the right            requirements   No                                Lack offeedback                          und...
Explain it as if you want your labrador to understand itThis will get you to negotiate with the customer
Code quality
Quality product vs timeFulfill expectation                              Think about performance,Deliver on time            ...
Use the right tools             Window of oportunity Anything that makes you go fast
Backbone jSNon opinionated, leaves the path openSuper lightSuper flexibleHas been around for a few yearsJeremy Ashkenas
EmberJSHeavily opinionatedComplete solutionHeavierGetting traction in the communityYehuda Katz (sproutcore, rails)
Angular JSGoogleSeems like a mid point between backbone and emberSimilar to knockout js ( references to elements intemplat...
Twitter Bootstrap Up and running fast Responsiveness CSS Grid framework + common plugins + form elements + everyone seems ...
Google Dev ToolsBorn out of webkit (safari)Evolved to become better“Better” than Firebug (personal)Real time editing of CS...
Data visualization and JS
jQPlot             A bit static         Good for base charts               Canvas                Free
Highcharts               Licensed             Amazing Docs                  SVG                  IE6               Super f...
Raphael          Layer on top of SVG             Works in IE6               gRaphael
D3     Built by Michale Bostock        Amazing drawing tool     ( if not the best out there               for SVG )       ...
threeJS             its 3d!          experimental            chrome            webGL
Best practices in large scaleJS apps Deliver fast no matter what   Allows for a product to exist, get used, evolve as   bu...
Best practices in large scaleJS apps Decoupled back and front end (web services, client side templates)   JS is your glue ...
Measuring success incorporate web apps
Take-awaysCorporations are starting to catch upUse tools/libraries that bring structure to your codeData visualizations th...
It can always be better.
FIN
Upcoming SlideShare
Loading in …5
×

corporateJavascript

2,678 views
2,141 views

Published on

Presentation showed at utahJS

Published in: Technology, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,678
On SlideShare
0
From Embeds
0
Number of Embeds
87
Actions
Shares
0
Downloads
26
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • corporateJavascript

    1. Corporate javascriptThe good, the bad & the not so ugly
    2. Who’s this dude?Oscar Villarreal @climboid, oscarvillarreal.comUI EngineerViva Mexico! home NYCRock climbing
    3. So what’s the point? What role does javascript play in large non tech corporations, why it is in that state and how can we improve it. How are the latests and greatest js libraries/frameworks applied in corporations. What to expect when building a web app for a large corporation, or how to get your foot in.
    4. The bad
    5. Approvals
    6. IE is a must Quantify it Chrome frame
    7. Javascript not enabled NotNot neededsafe Que pedo!?
    8. No one knows anyone or anything To To Big SegmentedTo Secret
    9. Spaghetti code Lack of interestJuniors Laziness Bad managers
    10. The good(at least in our case)
    11. You set the standards
    12. Solve real problems
    13. Evangelizing ripples
    14. Always make win - win if you cant make sure the customer wins
    15. Moving the IE7 world
    16. The not so ugly
    17. Tight deadlines
    18. Very few people know what you do
    19. Mangers
    20. What its all about
    21. Build for the future support for the present
    22. Other concerns
    23. Hard to move out of the stack
    24. App should look/act the same on all browsers or TV Analogy - Nicholas Zakas
    25. ExpectationsManagers don’t know about development yet they have to give the deadline
    26. Getting the right requirements No Lack offeedback understandingfrom end of Problem users Programming anarchy
    27. Explain it as if you want your labrador to understand itThis will get you to negotiate with the customer
    28. Code quality
    29. Quality product vs timeFulfill expectation Think about performance,Deliver on time cross browser, crossCreate code can evolve platform, reusability,naturally with out rewrites documentationUse latest and greatest Smile during the processtechniques/tools Solution =>
    30. Use the right tools Window of oportunity Anything that makes you go fast
    31. Backbone jSNon opinionated, leaves the path openSuper lightSuper flexibleHas been around for a few yearsJeremy Ashkenas
    32. EmberJSHeavily opinionatedComplete solutionHeavierGetting traction in the communityYehuda Katz (sproutcore, rails)
    33. Angular JSGoogleSeems like a mid point between backbone and emberSimilar to knockout js ( references to elements intemplate )Ability to create your own html mark up
    34. Twitter Bootstrap Up and running fast Responsiveness CSS Grid framework + common plugins + form elements + everyone seems to use it. Don’t just use it out of the box, be creative
    35. Google Dev ToolsBorn out of webkit (safari)Evolved to become better“Better” than Firebug (personal)Real time editing of CSS/JS/HTML Show how to quickly save CSS changes
    36. Data visualization and JS
    37. jQPlot A bit static Good for base charts Canvas Free
    38. Highcharts Licensed Amazing Docs SVG IE6 Super fast to get up and running
    39. Raphael Layer on top of SVG Works in IE6 gRaphael
    40. D3 Built by Michale Bostock Amazing drawing tool ( if not the best out there for SVG ) No ie7 Free
    41. threeJS its 3d! experimental chrome webGL
    42. Best practices in large scaleJS apps Deliver fast no matter what Allows for a product to exist, get used, evolve as business evolves Start Small Proof of concepts can and will get you far Always quantify the solution, then go into the technical side
    43. Best practices in large scaleJS apps Decoupled back and front end (web services, client side templates) JS is your glue Allows for both back and front to evolve independently Open source is good as long as the team can fix it Get through your window of opportunity no matter what
    44. Measuring success incorporate web apps
    45. Take-awaysCorporations are starting to catch upUse tools/libraries that bring structure to your codeData visualizations that are easy to createPush your self and your company forward
    46. It can always be better.
    47. FIN

    ×