30 Tools for Modern .NET Web Development in 60 Minutes (Jonathan Tower)

Post on 08-May-2015

170 views 2 download

description

Are you a .NET developer interested in crafting high-quality, modern web applications? I've got 30 tools I want to show you in just 60 short minutes. I'll introduce you to these 30 tools that I think will help make your software and life better. Buckle your seat belts and come prepared to jot down some notes on the items that will be the most helpful to you. You might want to reference them later, because we'll be moving fast!

Transcript of 30 Tools for Modern .NET Web Development in 60 Minutes (Jonathan Tower)

30 Tools for Modern .NET

Web Development

in 60 Minutes

J. Tower, Falafel Software

Premium community conference on Microsoft technologies itcampro@ itcamp14#

Huge thanks to our sponsors & partners!

Hi, I’m J. Tower

I’m busy giving a presentation right now, but let’s connect later:

jtower@jtower.com

@jtowermi

jtower.com

blog.falafel.com/jtower

Really? 30 Tools in Just 60

Minutes?! Yup.

30 Tools in 7 Categories

HTML

CSS

JavaScript

Visual Studio Extensions

Debugging

Testing Tools

Utilities

0. ASP.NET MVC!

WebForms is to VB.NET as MVC is to C#:

MVC pattern better promotes separation of concerns

MVC give more control over rendered HTML

MVC embraces the stateless nature of HTTP (read: no viewstate)

http://www.asp.net/mvc

HTML

The greatest markup language, besides all the others

1. HTML5 Boilerplate

http://html5boilerplate.com/

It’s a template. You know, for

websites.

2. (Twitter) Bootstrap

http://getbootstrap.com/

A sleek, intuitive, and

powerful mobile-first

front-end framework for

faster and easier web

development

3. html5shim

https://code.google.com/p/html5shim/

HTML5 IE enabling script

4. caniuse.com

http://caniuse.com/

CSS

Styling the web since 1996

5. LESS and

6. SASS

http://lesscss.org/

http://sass-lang.com/

CSS is dead; long live CSS

JavaScript

My favorite language that’s preinstalled in every browser

7. JSBin and

8. JSFiddle

http://jsbin.com/

http://jsfiddle.net/

9. MV* Frameworks

AngularJS

KnockoutJS

Backbone.js

Ember.js

Kendo UI

10. Modularized JavaScipt

Self-executing functions

RequireJS to the rescue

11. JSLint and

12. JSHint

http://www.jslint.com/

http://www.jshint.com/

A linter flags suspicious constructs

likely to be bugs

13. CoffeeScript and

14. TypeScript

"CoffeeScript is to Ruby

as TypeScript is to

Java/C#/C++.“

- Luke Hoban

15. Underscore.js

(and now Lowdash)

Like LINQ?

Try Underscore

(and Lowdash)

var isFound = _(articles).any(function (article) { return article.isRead };

var isFound = articles.Any((article) => { return article.IsRead; });

16. Moment.js

http://momentjs.com/

Like class DateTime

for JavaScript

moment().format('MMMM Do YYYY, h:mm:ss a');moment().format('L');

moment("Dec 25, 1995");moment("2010 13", "YYYY MM").isValid();

moment.utc();

moment().add('days', 7);

Visual Studio Extensions

Making the greatest IDE greatest-er

17. Productivity Power Tools

Peek Help

Solution Explorer Errors

Structure Visualizer

Double click to

maximize windows

Timestamp margin

Quick tasks – Edit

Present On

Ctrl + Click to Peek

Definition

HTML Copy

improvements

Recently Closed

Documents

Match Margin

Power Commands

context menu cleanup

Quick Tasks

Power Commands

Color printing

Middle-Click Scrolling

Organize Imports for

Visual Basic

Custom Document Well

Tools Options Support

HTML Copy

Fix Mixed Tabs

Ctrl + Click Go To

Definition

Align Assignments

Column Guides

Colorized Parameter

Help

18. Web Essentials

Stylesheets

Alphabetize properties

Vendor specific property generation

Embed url() references as base64

strings

Color and font preview on mouse

hover

Support for regions

Brace matching

Code collapsing

Convert between hex, rgb and

named colors

JavaScript

Support for regions

Code collapsing

Brace matching

Same-word-highlighting

Right-click folder to add

Much more!

19. NuGet

http://www.nuget.org/

Package management

20. EF Reverse POCO

Generator

http://efreversepoco.codeplex.com/

Generates POCOs for your context and

entity classes from a SQL Server database

21. Indent Guides

http://indentguide.codeplex.com/

22. GhostDoc

http://submain.com/GhostDoc/

Automatically generates XML documentation

comments for methods and properties

23. Resharper

http://www.jetbrains.com/resharper/

Debugging

The opposite of what I usually do, en-buggening

24. OzCode

http://www.oz-code.com/

25. Fiddler and 26. Postman

http://www.telerik.com/fiddler

A free web debugging tool which logs all HTTP(S)

traffic between your computer and the Internet

https://github.com/a85/POSTMan-Chrome-Extension

A Chrome extension that helps you be more

efficient while working with APIs

Testing

I think this trend might catch on

27. Visual Studio’s Unit Test

Projects

You are just one checkbox

away from being a better

developer: add unit tests!

It’s easy—it’s built-in to

Visual Studio

Start small, build

Utilities

Utilities: always useful…by definition

28. smtp4dev

http://smtp4dev.codeplex.com/

Dummy SMTP server that sits in the system tray.

Does not deliver the received messages, but allows

received messages to be viewed, saved and the

source/structure inspected

29. BeyondCompare

http://www.scootersoftware.com/

30. LinqPad

https://www.linqpad.net

Well, you don't have to! LINQPad lets you interactively

query databases in amodern query language: LINQ.

Kiss goodbye to SQL Management Studio!

falafel.com/falafel-con-2014

Premium community conference on Microsoft technologies itcampro@ itcamp14#

Huge thanks to our sponsors & partners!

Thanks for coming. Any

questions?

I’m online at these places:

jtower@jtower.com

@jtowermi

jtower.com

blog.falafel.com/jtower