MVC 4.0, Knockout.js, Bootstrap and EF6.0 FAST, FLEXIBLE AND RESPONSIVE QUICK TO MARKET WEBSITES.

Slides:



Advertisements
Similar presentations
AJAX Development By Gary Mandela December 26,
Advertisements

Custom REST services and jQuery AJAX Building your own custom REST services and consuming them with jQuery AJAX.
HTTP Request/Response Process 1.Enter URL ( in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.
Developing HTML5 Application using MVVM pattern Pekka Ylenius.
Web Applications Development Using Coldbox Platform Eddie Johnston.
SharePoint Saturday Sponsors Gold Bronze Custom REST services and jQuery AJAX Building your own custom REST services and consuming them with jQuery AJAX.
It’s always better live. MSDN Events Developing ASP.NET AJAX Controls with Silverlight.
User Group 2015 Version 5 Features & Infrastructure Enhancements.
Learning WebMatrix: Part 1 of 3 Akber Alwani
Microsoft SharePoint 2010 Upgrade Preview FSU SharePoint Users Group Presents: Thursday, December 1 st, 2011.
Kay Herzam Herzam IT Consulting What‘s new in ASP.NET MS TechTalk.
INTRODUCTION TO CLIENT-SIDE WEB PROGRAMMING ACM 511 ACM 262 Course Notes.
Basic Web Design. Technology is a tool  FIRST, understand how people actually interact with each other and with the information in their lives, in all.
Ori Calvo, 2010 “If people want to have maximum reach across *all* devices then HTML will provide the broadest reach” Scott Guthrie,
 ult.htm ult.htm  This website illustrates the use of CCS (style sheets)
CIS 375—Web App Dev II ASP.NET 2 Introducing Web Forms.
Patroklos Patroklou George Antoniou Constantinos Kyprianou.
SDC 2013 SPA Made Breezy Tiberiu Covaci Ward Bell, v.p. of technology, IdeaBlade.
Dreamweaver 8 Introduction What you can do with Dreamweaver 8 What's new in Dreamweaver 8.
Selenium and Selenium on Rails. Agenda  Overview of Selenium Simple Selenium Tests Selenium IDE  Overview of Selenium on Rails  Problems with Selenium.
Microsoft UI Stack Ronnie Saurenmann Technical Evangelist, Microsoft Switzerland
The Web Developer’s Toolbox Steve Fabian e:
JAVASCRIPT WITH A VIEW Jordan Knight Solution Architect Xamling SESSION CODE: WEB305 (c) 2011 Microsoft. All rights reserved.
Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.
Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I
Canopy walk through Single-Page Apps (SPAs) Benjamin Howarth Freelancer, Code Gecko Umbraco UK Festival, Fri 30 th Oct 2015 CODE GECKO.
Kendo Ui Basics.
 An essential supporting structure of any thing  A Software Framework  Has layered structure ▪ What kind of functions and how they interrelate  Has.
AJAX and REST. Slide 2 What is AJAX? It’s an acronym for Asynchronous JavaScript and XML Although requests need not be asynchronous It’s not really a.
Jean-Claude Trachsel Senior Consultant, Trivadis AG The good news.
Overview Web Technologies Computing Science Thompson Rivers University.
Flux & React Web Application Development Mark Repka, Rich McNeary, Steve Mueller.
ASP.NET Core* Shahed Chowdhuri Sr. Technical WakeUpAndCode.com A Quick Overview of ASP.NET Core * aka ASP.NET 5 before.
Modern Development Technologies in SharePoint SHAREPOINT SATURDAY OMAHA APRIL, 2016.
INTRODUCING HYBRID APP KAU with MICT PARK IT COMPANIES Supported by KOICA
ASP.NET Core* Shahed Chowdhuri Sr. Technical WakeUpAndCode.com A Quick Overview of ASP.NET Core RC2 * aka ASP.NET 5 before.
10 Mobile Application Framework Must Know to Launch New App.
Introduction to Silverlight Development Pavel Yosifovich CTO, Matrix Global; Senior Instructor, Hi-Tech College
The HTML5 logo was introduced by W3C in 2010
Web Application Development Process
Jim Fawcett CSE686 – Internet Programming Spring 2014
Develop a Quick and Dirty Web interface to your database:
Web Technologies Computing Science Thompson Rivers University
Jim Fawcett CSE686 – Internet Programming Spring 2012
Client Side Dev.
TechEd /1/2018 7:56 AM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
ASP.NET MVC Introduction
AJAX and REST.
Chapter 4: HTML5 Media - <video> & <audio>
The Internet and HTML Code
ASP.NET developing web applications based on Microsoft.NET Framework.
Microsoft Ajax Taking Ajax to the Next Level
KnockoutJS -Pradeep Shet 31st August 2014.
By Gary Mandela December 26, 2006
AJAX.
User Interface / User Experience Demo
The Cliff Notes Version
Introduction to Internet Programming
Design and Maintenance of Web Applications in J2EE
04 | Web Applications Gerry O’Brien | Technical Content Development Manager Paul Pardi | Senior Content Publishing Manager.
jQuery The Easy JavaScript Nikolay Chochev Technical Trainer
A Quick Overview of ASP.NET Core 1.0
Overview of HTML.
Secure Web Programming
An introduction to jQuery
Web Technologies Computing Science Thompson Rivers University
An introduction to jQuery
Web Client Side Technologies Raneem Qaddoura
WCF Data Services and Silverlight
#01# ASP.NET Core Overview Design by: TEDU Trainer: Bach Ngoc Toan
Presentation transcript:

MVC 4.0, Knockout.js, Bootstrap and EF6.0 FAST, FLEXIBLE AND RESPONSIVE QUICK TO MARKET WEBSITES.

Web Forms to MVC Paradigm Shift  Razor syntax (introduced 3.0)  No page events  No View State  Helpers not Controls  Follows pattern set by W3C for website design  HTML is the main content delivery mechanism  JavaScript is the main client behavior mechanism  CSS is the main client Format Mechanism

Why, that sounds a lot like classic ASP? Not even close, BUD!!!  RESTful (a good example is a library site if this was an actual restful site this would take us to all books by authors with the last name King.  Cleaner HTML on both the client and the designer page.  Easier to implement AJAX callbacks and work with JSON data  No longer tied to the Form  Access to the full.net library from  Strictly follows the MVC (design pattern)

What is Twitter Bootstrap?  It’s not another twitter client (one of the few things left that isn’t)  Has almost all of the css style tags you will ever need  HTML 5 compliant (IE 9 and up, Chrome, Safari, Firefox and Opera)  Technically it is supported in IE 8 but it looks AWFUL  It one of the quickest ways to get a professional looking site off the ground  Well documented

Why Knockout?  Plays nice with MVC  Much cleaner code (very unobtrusive)  Follows a client side MVVM (Model, View, View-Model)  Allows for automatic binding of HTML to the Model.  Almost all events and actions take place client side  Extremely easy to use out of the box  Fairly easy to extend

Entity Framework 6.0  Much more tooling  Native Async support  Code Based Configuration  Interception is much easier  look at what is sent before it gets to SQL, take that DBAs  Better Code first support for stored procedures

Questions?