microsoft web technology stack

16
Microsoft Web Technology Stack By Sivaneasharajah Lushanthan

Upload: lushanthan-sivaneasharajah

Post on 15-Apr-2017

515 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Microsoft Web Technology Stack

Microsoft Web Technology

StackBy Sivaneasharajah Lushanthan

Page 2: Microsoft Web Technology Stack

Agenda Introduction Web Application Development

Trending Technologies Client Side Development (HTML, CSS, JavaScript) ASP.NET MVC MS SQL Server

Microsoft Azure Playing with your Data – Power BI

Page 3: Microsoft Web Technology Stack

Introduction : HTTP, Browsers and Servers HTTP Just like people communicate with each other following certain protocols, HTTP is

the protocol between the client (your computer using web browsers) and the server (web server serving web pages and similar online resources).

HTTP stands for HyperText Transfer Protocol. It’s what browsers and web servers rely on for exchanging data so that you can surf the web, browse web pages, search Google, download pictures, and viewing YouTube.

BrowserApplication that translates web code into rendered web pages. Firefox Chrome Internet Explorer Safari Opera

Page 4: Microsoft Web Technology Stack

What is a server? Term is “overloaded” – can mean many things

Physical hardware (will refer to as “machine”) Virtual instance (will refer to as “Virtual Machine” or “VM”) Software package (will refer to as “server”)

A server will… Accept requests Process (compile, parse, etc.) request Prepare response Deliver response

Web Servers IIS (Internet Information System) Apache etc.

Page 5: Microsoft Web Technology Stack

What happens when you request a web page/ resource?

How it seems to work…

User

User requests website

User receives website

Server

Page 6: Microsoft Web Technology Stack

Introduction

Page 7: Microsoft Web Technology Stack

Application Development Trending Technologies

Page 8: Microsoft Web Technology Stack

Client Side Development (HTML) Hyper Text Mark-Up Language

Page 9: Microsoft Web Technology Stack

CSS (Cascading Style Sheets), JQUERY CSS describes how HTML elements are to be displayed on screen,

paper, or in other media.

JQUERY: light-weight Javascript library which simplifies the tasks of coding java script

What is a Responsive Application? Heard of Twitter BootStrap?

Page 10: Microsoft Web Technology Stack
Page 11: Microsoft Web Technology Stack

Server Side Development- ASP.NET MVC What does MVC stand for? Model- View – Controller Why MVC?

Build applications faster Scale easily Test better Separation of Concerns- Each component has its own responsibility

DEMO (using Entity Framework)

Page 12: Microsoft Web Technology Stack
Page 13: Microsoft Web Technology Stack

MS SQL SERVER Relational Database Management System developed by Microsoft Free version available- SQL Server Express! DEMO

Page 14: Microsoft Web Technology Stack

Microsoft Azure Azure is Microsoft’s Cloud Platform. You can build, deploy, and manage

applications and services through a global network of Microsoft-managed datacenters.

DEMO

Page 15: Microsoft Web Technology Stack

Playing with your Data – Power BI

Page 16: Microsoft Web Technology Stack

Thank you!

“Start building today!”