wtorek, 2 lipca 2013

BUILD 2013 (7): aplikacje web - co nowego w ASP.NET i w Visual Studio 2013

Dużo nowości dla webdeweloperów w nowym Visual Studio 2013. W samym ASP.NET także mała rewolucja, nowe spojrzenie na dotychczasowe technologie, umiejętne ich połączenie ze sobą. Szczegóły poniżej.

 

What’s New in ASP.NET and Visual Studio 2013

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

http://bootswatch.com/

Przyjazne adresy w ASP.NET

image

Mobilne widoki ASP.NET Web Forms

image

image

image

Web Forms

image

image

Wygenerowany model, data context i formatki dla listy, dodania, edycji i usunięcia.

image

image

Uproszczony code-behind dla nowych formatek Web Forms. Połączenie elementów Web Forms z MVC i Dynamic Data.

image

image

image

Dodanie kontrolera Web API 2 dla wygenerowanego już kontekstu.

image

image

image

image

Mapowanie na procedury

image

image

image

Przeglądarki i emulatory

image

image

Jednoczesne przeglądanie w kilku przeglądarkach

image

image

Po wprowadzeniu zmiany automatyczne odświeżenie we wszystkich!

image

SignalR pracuje wewnątrz Visual Studio.

image

image

Odświeżanie także na przeglądarkach zdalnej usługi Browser Stack.

image

Web Essentials

image

 

Visual Studio 2013 for Web Developers: Deep Dive

image

Intellisense w Web.config dla właściwości samego serwera

Podpięcie Google Analitics nie wymaga już zmian w aplikacji, wystarczy zmienić Web.config.

image

JavaScript

image

Obsługa const z ECMA Script 6

image

Regiony

image

Podświetlanie po identyfikatorze

image

CSS

Intellisense

image

Less

image

image     image

Web Essentials - ustawienia

image

Coffee Script

image

Zbudowany od podstaw nowy edytor HTML

image 

image     image   

Podgląd obrazka w HTML

Smart tags dla statycznych elementów HTML

image

image

image

image

image

Łatwa zamiana kolejności linii

image

image

Formatowanie: Ctrl F albo komendy głosowe!  “Format document” “Yes”

image    image

“Options”, “Error List”

AngularJS

image

image

image

image

image     image     image

image

image      image

image

Sama zmiana stylu CSS powoduje zmianę w przeglądarkach. Bez odświeżania!

image

Rozszerzenie Chrome

image

Synchronizacja przeglądarek: przewiniemy coś w jednej, Ctrl + Enter i pozostałe same się przewijają, zaczniemy coś pisać w jednej, w innych także pojawiają się litery!

image

Web.config: domyślnie włączone debugowanie

image

image

image

Web Essentials 2013 Preview

Brak komentarzy: