Peter Gfader's brain noise
Some tools that worked well in 1 of our Web Development Teams

Additional to the tools that I use and that are not on Scott Hanselman’s list of tools found here
http://blog.gfader.com/2009/10/tools-that-i-use-and-that-are-not-on.html

TFS - Chained Builds
http://blog.stangroome.com/2014/02/19/queue-a-team-build-from-another-and-pass-parameters/

ab.exe - Apache HTTP server benchmarking tool - not a fan of jMeter
http://httpd.apache.org/docs/2.2/programs/ab.html

Superbenchmarker - ab.exe on steriod
https://github.com/aliostad/SuperBenchmarker

SmokeTests
Written in JavaScript that use http://casperjs.org/ that uses http://phantomjs.org/
   Contact https://twitter.com/mrueedlinger

Firebug on the Server ;-)
http://getglimpse.com/

ELMAH (Error Logging Modules and Handlers)
https://code.google.com/p/elmah/

Asset bundling for .NET web apps
http://getcassette.net/ 

SSIS + BCS
Getting started: http://msdn.microsoft.com/en-us/library/ms169917.aspx

Tools TODO

  1. GremlinJS https://github.com/grmlin/gremlinjs
  2. PhantomCSS https://github.com/Huddle/PhantomCSS

What do we use in the next project?

  • OneNote as Team Wiki
  • Test & Deployment Setup
  • ASP.NET App Framework via custom ControllerFactory and Custom ViewEngine

 

Need some inspiration in your web app hardening session?

Pretty crazy what people come up with!!

Learn some hacking techniques here
https://blog.whitehatsec.com/top-10-web-hacking-techniques-2013/ 

A tool that every web developer needs to know: httpbin.org

Good for tests with HTTP delays like http://httpbin.org/delay/3

Or HTTP Status Codes: http://httpbin.org/status/418 

http://httpbin.org/

Nice tool for prototyping and placing images

A quick and simple image placeholder service.

http://placehold.it/

Do you know where to get inspiration as a frontend web developer?

CodePen is a playground for the front end side of the web. It’s all about inspiration, education, and sharing.

http://codepen.io/

On Hugo Giraudel’s blog you can find a comparison to other CSS Playgrounds like JsFiddle.
http://hugogiraudel.com/2012/11/19/css-playgrounds/ 

What every *mobile* web developer should care about?

Additionally to this list What every web developer should care about?

  • Latency
  • Connectivity
  • Form factors

Thx to Marc Bächinger

I just realized that a mobile web developer life might be harder than others ;-)

What every web developer should care about?
  • Managing State: Session, client or server
  • Managing browser history = challenge (Back button)
  • Speed
  • URLs
  • Search Engine Friendliness and making the web app more accessible
  • Data Privacy in every sense via Patrick
  • And making the end user happy
A SPA adheres to SoC! #web

A SPA “Single Page Application” adheres to the “Separation of Concerns” Design Principle by splitting the template and the data into 2 separate things that happen on the server. Nice!

Why not a Single Page Application (SPA)?

A SinglePageApplication is more than just a fluid user experience with lots of stuff happening in the client (browser). A SPA is about bringing the state from the server to the client.

SPA goal: Stateless Server. Stateful Client. Nothing more.

Don’t create a Single Page Application if:

  • Your team has huge skills in classic web development
  • You want to avoid Javascript like the pest
  • Your team doesn’t follow all the latest and greatest script kiddies
  • You don’t care about HTTP, HTML, CSS and just want to get your job done ASAP
  • You don’t mind ugly URLs and don’t care about the browser history as long as your app works
  • Your application startup time is critical (no progress bars allowed)
  • The view rendered by the server is never touched by the client
  • Your pages need to be crawled (without any tricks)

In these scenarios another Client Architecture might be better for you.

Did I mention that building a SPA is not easy?

Why Sencha Touch might be a great Strategic Platform for your next product
Controlled experiments on the web: Learnings from Microsoft, Amazon

Great presentation with great learnings out of controlled experiments

  • UX principle: “Don’t make me think”
  • Controlled experiments are not the panacea for everything -> see paper
  • If you’re going to experiment, try more variants, especially if they’re easy to implement

Great examples of AB testing for user screens.

The presentation
http://www.exp-platform.com/Documents/2012-09%20ACMRecSysNR.pdf

The related paper
http://www.exp-platform.com/Documents/controlledExperimentDMKD.pdf 

Great tips for Responsive Web Design via @rupertbreheny

by Rupert Breheny

  • All web pages should render legibly on mobile devices
  • We write content once, and can view it on any device
  • We never show a horizontal scrollbar, regardless of device or screen-size

Make sure to check out all the links in this presentation
http://breheny.com/responsive/#1

Hack the web goat!

WebGoat is a deliberately insecure J2EE web application maintained by OWASP designed to teach web application security lessons.

Give it a go web devs!

OWASP WebGoat Project
https://www.owasp.org/index.php/Category:OWASP_WebGoat_Project

Is your web page responsive/mobile friendly?

Great post that shows the basic steps to Simple Responsive Design and some great tools around it.

Don’t forget to charge a Premium for your services! ;-)

Full article
Responsive Web Development as a Standard, Step-by-Step
http://www.onextrapixel.com/2012/09/20/responsive-web-development-as-a-standard-step-by-step/

HTML5 is the future of web