Microsoft Techdays 2015 - Etat de lieux JavaScript

/* By Dylan SUN*/

This is a great introduction session about mostly used JavaScript libraries in the market.

Each library is presented in three parts:

- History

- Usage

- Demo

Firstly, it’s the leading library jQuery which makes javascript modern and easy-to-use. This library has changed a lot of people’s view about JavaScript.

It was created by John Resig on Janurary 2006. It has improved developer’s productivity a lot and it supports multiple browsers.

You can access the DOM elements with $ and specify the behavior to selected element(s).

Here are some examples:

$("div#idName").text("helloworld");
$("div.className").text("helloworld");
$("a").click(function(){ alert("hello world");});

When you need to install different javascript or css libraries, you could use Bower to download and install them. Bower is a package manager for client side packages. Just like Nuget for server side packages in visual studio.

BootStrap is a javascript and css library created by Twitter on 2011. It’s a mobile-first library because twitter is oriented to mobile phones. It can adapt your websites to all kinds of different screens like PC screen and mobile screen.

A screen is divided by 12 columns and you can design the web pages using columns.

Knockout is a MVVM framework created by Steve Sanderson at Microsoft on 2010. It’s using binding on declarative DOM. It can work with any web framework.

I’ve completed a simple introduction on this site. And it’s quite impressive. You have JavaScript intellisense if you use visual studio.

http://learn.knockoutjs.com/#/?tutorial=intro

AngularJS is a JavaScript library created by Google on 2009. It’s a MVC framework to create Single Page Applications (SPA).

It supports two-way data binding, templates. You can use MVC, Ioc patterns. You can even create unit tests and integration tests.

TypeScript is a programming language created by Microsoft on 2012. It can be transformed and compiled in JavaScript. And the generated JavaScript code supports multiple browsers. It can use interfaces and generics.

Cordova is create by Apache on 2011.

Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript. Combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript.

You can develop an application for multiple platform as Windows phone, IOS and Android without using CSharp, Objective-C, or Java.

The resume ends here. And you could choose appropriate technologies to build your web or mobile application.

I hope you find this article helps!

时间: 2024-10-11 07:14:20

Microsoft Techdays 2015 - Etat de lieux JavaScript的相关文章

Microsoft Techdays Paris 2015

/* By Dylan SUN */ It's the third year I've participated the Microsoft Techdays at Paris. There are always a lot of people who come from all over the France. And I've also heared people speaking english in one session I've participated today. It's al

Microsoft Build 2015

Microsoft Build 2015 汇总 简要概括(GitHub 完成约 45%): Visual Studio Code Preview Visual Studio 2015 RC Visual Studio 2013 Update 5 Open Sourcing Visual Studio’s GDB/LLDB Debug Engine Entity Framework 7 Beta 4 ASP.NET 4.6 – Web Forms/ MVC 5/ Web API 2 ASP.NET

Dynamices CRM JS 类库 神器 XrmServiceToolkit - A Microsoft Dynamics CRM 2011 & CRM 2013 JavaScript Library

XrmServiceToolkit - A Microsoft Dynamics CRM 2011 & CRM 2013 JavaScript Library http://xrmservicetoolkit.codeplex.com/documentation 特殊用法Create 和 Update { id: Id, logicalName: "new_entityname", type: "EntityReference" };       //Loo

2015第37周五javascript函数arguments对象巧用一

Javascript函数的一个巧妙利用:假定action中有一个JSONObject类型的对象data,其值有可能为空,则前台JSP页面的JS代码中想直接通过EL表达式,即${data}的形式访问对象的值,则可能会因为data对象为空导致JS预处理错误,如JSP中有这样的代码,var obj=${data};,则当后台data为null时前台页面会变成var obj=;进而页面报错终止运行.有人想通过类似 var obj=('${data}'==''?{}:${data})来解决,但该代码依旧编

2015第35周五JavaScript变量

java语言里有一句很经典的话:在java的世界里,一切皆是对象. Javascript虽然跟java没有半点毛关系,但是很多会使用javascript的朋友同样认为:在javascript的世界里,一切也皆是对象. 其实javascript语言和java语言一样变量是分为两种类型:基本数据类型和引用类型. 基本类型是指:Undefined.Null.Boolean.Number和String:而引用类型是指多个指构成的对象,所以javascript的对象指的是引用类型.在java里能说一切是对

2015/12/13 --高级javascript实例和部分javascript对象实例

<html> <head> <script type = "text/javascript"> //替换字符串中的字符--replace()方法 var str = "Do you love me?"; document.write(str.replace (/me/who)); //查找字符串中指定的字符,若找到,返回该字符.---match()方法 var str = "hello kitty"; docu

Microsoft Build 2016

Microsoft Build 2016 Day 1 记录 去年今日:Microsoft Build 2015 汇总 今年的 Bulid 时间是 3.30-4.1,第一天的主角主要是 Windows 10.人工智能.HoloLens.小娜等,详细介绍:3 分钟看完 Build2016 Day 1 Keynote,对于 .NET 开发者来说,内容相对较少,但也有一些透露出来的内容,值得我们关注,下面介绍我搜刮到的一些. 1. Visual Studio “15” Preview and VS 20

两个示例介绍JavaScript的闭包

JavaScript的闭包有两个用途:一个是访问函数内部的变量:另一个是让变量的值在作用域内保持不变.函数是JavaScript 中唯一有作用域的对象,因此JavaScript的闭包依赖于函数实现,下面结合两则示例对JavaScript的闭包做简单说明. 1. 访问函数内部的变量 JavaScript中没有严格意义上的类,所以我们常用函数来模拟类.我们可以像下面这样模拟一个Counter类,并在其中定义一个count私有变量: 在JavaScript中,函数可以访问其外部定义的变量,而外部不能访

每个Javascript开发者都应当知道的那些事

每个Javascript开发者都应当知道的那些事 2015-06-07 前端大全 (点击上方蓝字,可快速关注我们) Javascript是一种日益增长的语言,特别是现在ECMAScript规范按照每年的发布时间表发布.伴随着这门语言的规模化和快速发展,掌握JS(不仅仅是jQuery)的重要性,变得更加重要. 这不是一篇自称是 JS 开发者知识圣杯的权威指南.不过里面绝对有一些我曾经错过的,有一些我可能是错用的,还有一些你可能不同意每个JS开发者应该知道的东西. 如何FizzBuzz 译者注:Fi