Web Developer's Workflow

122c67ce0fdc3f270e8cd9017dca8068?s=47 Ravi Suhag
September 04, 2014
Technology
1
260

Web Developer's Workflow

Presented at National Informatics Center (NIC), Ministry of Rural Development on 3rd Sept, 2014

Agenda: Modern web developer's workflow and Trending Tools and Tech for Web Dev

122c67ce0fdc3f270e8cd9017dca8068?s=128

Ravi Suhag

September 04, 2014
Tweet

Want more?

122c67ce0fdc3f270e8cd9017dca8068?s=48 ravisuhag
0
150
122c67ce0fdc3f270e8cd9017dca8068?s=48 ravisuhag
0
180
122c67ce0fdc3f270e8cd9017dca8068?s=48 ravisuhag
0
680
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
2
140
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
1
69
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
68
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
5
140
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
4
150
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
2
220
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
2
420
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
110
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
200

Transcript

  1. 1.

    Ravi Suhag Web Developer’s Workflow

  2. 2.

    ✤Web architect, designer, developer, hardware hacker and entrepreneur ✤Founder at

    Inspiration Edge, InfoClot ✤Winner of 5 National and Global Hackathons in last 1 year ! Follow on Twitter: @Ravi_Suhag Website: ravisuhag.com Email: suhag.ravi@gmail.com Ravi Suhag UI/UX and Data Viz Consultant at Harvard University (BCURE) About the Speaker
  3. 3.

    Web Dev’s Workflow Your Workflow defines who you really are.

  4. 4.

    You should know your editor more than yourself • Sublime

    Text • Web Storm • Pycharm • Atom • Vim • Eclipse • Visual Studio That’s my Choice. Hmmmm !
  5. 5.

    Upgrade it like you upgrade your car in Racing Game

    … ! • Plugins • Linters • Highlighters • Code Completors • Snippet Generators • Live Reload • Preprocessor • Build Support ! ! If you don’t like emmet, you like wasting time …!
  6. 6.

    Preprocess it so that you don’t have to overprocess …

    ! • SASS • LESS • Coffee Script • HAML • Slim • Handlebar ! ! $btn_color = #6fa6f6
  7. 7.

    Version control it … ! • Git • SVN •

    Mercurial • Monotone ! ! ! ! back to this, back to that ….. Wohoooooo ……!
  8. 8.

    Be lazy and automate it … ! • Grunt •

    Gulp • bower • Selenium • Sahi ! ! ! ! it will be so COOOOLLLLL if someone else can do this for me ….
  9. 9.

    Don’t start from scratch, Boilerplate it … ! • Bootstrap

    • Foundation • Web Starter Kit • HTML 5 boilerplate ! ! ! !
  10. 10.

    Trending Technologies and Tools Web changes faster than speed of

    light.
  11. 11.

    Languages and Frameworks ! • Python - django, scrapy, Flask

    • Node - Meteor, Express, Sails • Ruby- Rails, Sinatra • GO - Revel • JS- Angular, Backbone, Ember, D3, Processing • R, Scala, • HTML 5 , WebGL, CSS3, Web Components
  12. 12.

    Tools…. ! • Yeoman • Grunt • Bower • Gulp

    • Foreman • Emulators • Live Relaod • Middleman • Ripple • Docker • Chef • Travis • Phantom JS • Firebug • Chrome Dev Tools • Compass • NPM
  13. 13.

    Staying up to Date … ! • http://uptodate.frontendrescue.org/ • CSStricks

    • Codepen • Github Explore • Coderwall • Geeklist • Hackernews • Twitter Lists
  14. 14.

    Agile Development Image Courtesy : IBM

  15. 15.

    Agile Development Image Courtesy : IBM

  16. 16.

    Thanks ! Follow on Twitter: @Ravi_Suhag Website: ravisuhag.com Email: suhag.ravi@gmail.com