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

41
30 Tools for Modern .NET Web Development in 60 Minutes J. Tower, Falafel Software

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)

Page 1: 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

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

Premium community conference on Microsoft technologies itcampro@ itcamp14#

Huge thanks to our sponsors & partners!

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

Hi, I’m J. Tower

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

[email protected]

@jtowermi

jtower.com

blog.falafel.com/jtower

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

Really? 30 Tools in Just 60

Minutes?! Yup.

30 Tools in 7 Categories

HTML

CSS

JavaScript

Visual Studio Extensions

Debugging

Testing Tools

Utilities

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

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

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

HTML

The greatest markup language, besides all the others

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

1. HTML5 Boilerplate

http://html5boilerplate.com/

It’s a template. You know, for

websites.

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

2. (Twitter) Bootstrap

http://getbootstrap.com/

A sleek, intuitive, and

powerful mobile-first

front-end framework for

faster and easier web

development

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

3. html5shim

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

HTML5 IE enabling script

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

4. caniuse.com

http://caniuse.com/

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

CSS

Styling the web since 1996

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

5. LESS and

6. SASS

http://lesscss.org/

http://sass-lang.com/

CSS is dead; long live CSS

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

JavaScript

My favorite language that’s preinstalled in every browser

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

7. JSBin and

8. JSFiddle

http://jsbin.com/

http://jsfiddle.net/

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

9. MV* Frameworks

AngularJS

KnockoutJS

Backbone.js

Ember.js

Kendo UI

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

10. Modularized JavaScipt

Self-executing functions

RequireJS to the rescue

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

11. JSLint and

12. JSHint

http://www.jslint.com/

http://www.jshint.com/

A linter flags suspicious constructs

likely to be bugs

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

13. CoffeeScript and

14. TypeScript

"CoffeeScript is to Ruby

as TypeScript is to

Java/C#/C++.“

- Luke Hoban

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

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; });

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

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);

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

Visual Studio Extensions

Making the greatest IDE greatest-er

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

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

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

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!

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

19. NuGet

http://www.nuget.org/

Package management

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

20. EF Reverse POCO

Generator

http://efreversepoco.codeplex.com/

Generates POCOs for your context and

entity classes from a SQL Server database

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

21. Indent Guides

http://indentguide.codeplex.com/

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

22. GhostDoc

http://submain.com/GhostDoc/

Automatically generates XML documentation

comments for methods and properties

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

23. Resharper

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

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

Debugging

The opposite of what I usually do, en-buggening

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

24. OzCode

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

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

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

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

Testing

I think this trend might catch on

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

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

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

Utilities

Utilities: always useful…by definition

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

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

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

29. BeyondCompare

http://www.scootersoftware.com/

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

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!

Page 38: 30 Tools for Modern .NET Web Development in 60 Minutes (Jonathan Tower)
Page 39: 30 Tools for Modern .NET Web Development in 60 Minutes (Jonathan Tower)

falafel.com/falafel-con-2014

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

Premium community conference on Microsoft technologies itcampro@ itcamp14#

Huge thanks to our sponsors & partners!

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

Thanks for coming. Any

questions?

I’m online at these places:

[email protected]

@jtowermi

jtower.com

blog.falafel.com/jtower