Web Developer's Workflow

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

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

Transcript

  1. 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
  2. 4.

    You should know your editor more than yourself • Sublime

    Text • Web Storm • Pycharm • Atom • Vim • Eclipse • Visual Studio That’s my Choice. Hmmmm !
  3. 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 …!
  4. 6.

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

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

    Version control it … ! • Git • SVN •

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

    Be lazy and automate it … ! • Grunt •

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

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

    • Foundation • Web Starter Kit • HTML 5 boilerplate ! ! ! !
  8. 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
  9. 12.

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

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

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

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