The Web Developer’s Toolbox

Steve Fabiane: steve.fabian@gooddogs.com

The Web Developer’s Toolbox

• Writing Web-Based software• Data• Process• User Interface

The Web Developer’s Toolbox

• Web Tools 101• Data• ADO.NET / Data Access Layer

• Process• ASP.NET / Web Forms / MVC

• User Interface• HTML / CSS

The Web Developer’s Toolbox

• Web Tools 201• Data• Entity Framework / WCF Data Service

• Process• ASP.NET / Web Forms / MVC• Javascript Frameworks

• User Interface• HTML / CSS• CSS Framework

The Web Developer’s Toolbox

• Why use these tools?• Dramatically Reduce code you need to

write• Stability (community tested code)• Performance• User Experience (processing on the client)• Shorter development time• Easier maintenance (non-compiled code)

• Coolness factor (seriously)

The Web Developer’s Toolbox

• Open Source Packages• NuGet (nuget.org)• Discovery• Installation / Configuration

DEMO…

The Web Developer’s Toolbox

• Data• Entity Framework• SQL Server• Oracle• others

• WCF Data Service• Custom Entities• Service Operations

DEMO…

The Web Developer’s Toolbox

• Process• Javascript Frameworks• jQuery

• DOM manipulation• jQuery UI

• Javascript-based UI controls• Knockout.js

• Client-side MVVM• Data binding

• Data.js• Ajax service calls

• Dump.js• Debugging

• SignalR• Real time

Communication

DEMO…

The Web Developer’s Toolbox

• User Interface• CSS Frameworks• Blueprint CSS

DEMO…

The Web Developer’s Toolbox

• DotNetNuke Module Development• Gooddogs Technology

Template

• Download• http://dnntechtemplate.codeplex.com

• Blog with Instructional Videos• http://www.dotnetnuke.com/Resources/Blogs/

BlogID/16.aspx

DEMO…

The Web Developer’s Toolbox

• Thank you• Steve Fabian• Email: steve.fabian@gooddogs.com• Web: http://www.gooddogs.com• Twitter: SteveFabian