Tools of Modern Web Development

juggle many layers of technologies, all with different syntax & behaviors, and understand how they integrate with each other

Other things web developers must be aware of:

• best practices
• security concerns
• browser compatibility
• mobile operating systems

FrontEnd

• Javascript
  • frameworks
    • jquery
    • …
  • MVC
    • backbone.js
    • Ember.js
    • …
  • ajax
  • coffeesript
• HTML
  • erb
  • haml
  • …
• CSS
  • sass
  • …
• mobile
  • responsive

MiddleWare

• APIs
• URLs
• REST
• request/response processing
• security
  • xss, crsf, code injection, etc

BackEnd

• database
  • relational
    • MySql
    • Postgres
  • NoSql
    • document
      • MangoDB
• web services
• REST
• SOAP

MISC

• deployment
• background processing
• git
• bundler
• rvm