30 Tools for Modern .NET Web Development in 60 Minutes (Jonathan Tower)
-
Upload
itcamp -
Category
Technology
-
view
170 -
download
2
description
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:
@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:
@jtowermi
jtower.com
blog.falafel.com/jtower