WEBVTT

00:00:00.200 --> 00:00:04.200
[La seguente traduzione è fornita da Bing Translator]


00:00:09.100 --> 00:00:13.700
Salve, mi chiamo Pranav Rastogi e lavoro per il team ASP.NET in Microsoft.

00:00:14.440 --> 00:00:20.290
Oggi mostro il nuovo ASP.NET
modelli in Visual Studio 2013.

00:00:21.040 --> 00:00:24.710
Come l'esplorazione di più persone
i siti Web mediante i telefoni,

00:00:24.760 --> 00:00:28.600
Tablet PC e dispositivi diversi, è
più importanti per gli sviluppatori web

00:00:28.650 --> 00:00:31.740
creazione di siti che possono essere diretti
diversi fattori di forma.

00:00:32.410 --> 00:00:35.530
Nei modelli abbiamo iniziato
Per utilizzare un framework denominato

00:00:35.580 --> 00:00:38.260
Bootstrap che costituisce un notevole miglioramento
l'esperienza che

00:00:38.310 --> 00:00:41.110
abbiamo fornito nella Visual negli ultimi
Studio rilascia.

00:00:42.050 --> 00:00:44.860
Bootstrap rende veramente semplice
Per creare siti Web che possono

00:00:44.910 --> 00:00:49.340
diversi fattori di forma, di destinazione e
In questo video introduttivo che ci sarà

00:00:49.390 --> 00:00:53.990
è sufficiente vedere come creare i modelli
Utilizzare del Bootstrap e configurare un

00:00:54.040 --> 00:00:57.190
progetto che è possibile compilare il
applicazioni in. Pertanto, verrà

00:00:57.240 --> 00:01:01.210
sia visibile l'integrazione di Bootstrap
nei modelli di ASP.NET

00:01:01.260 --> 00:01:03.380
per Visual Studio 2013.

00:01:03.900 --> 00:01:08.040
Come può sapere come gli sviluppatori web
ora maggiore di persone

00:01:08.090 --> 00:01:11.430
accede a siti Web tramite
i dispositivi diversi.

00:01:11.480 --> 00:01:14.240
Si accede tramite la
telefoni cellulari, tramite le tavolette

00:01:14.590 --> 00:01:19.250
tramite il PC tramite i
phablets, in modo che sta diventando la maggior parte

00:01:19.300 --> 00:01:22.760
più importanti sviluppatori web
per tutti questi di destinazione

00:01:22.810 --> 00:01:25.790
diversi fattori di forma in tutte le
Questi dispositivi diversi.

00:01:26.520 --> 00:01:31.390
E specie di prossimo futuro
sviluppo di applicazioni web mobili diventa

00:01:31.440 --> 00:01:35.180
critica una parte dello sviluppo del
flusso di lavoro. E mentre

00:01:35.730 --> 00:01:38.430
scrittura di questi tipi di applicazioni
stato disco rigido. Era

00:01:38.480 --> 00:01:43.810
per scrivere il CSS personalizzato. Era necessario
portare una notevole quantità di logica in

00:01:43.860 --> 00:01:46.650
l'applicazione che
è basato sulla logica dell'interfaccia utente.

00:01:47.270 --> 00:01:51.030
Pertanto ciò che abbiamo adottato nella Visual
Intervallo temporale di Studio 2013 per

00:01:51.080 --> 00:01:55.920
gli sviluppatori web ASP.NET è tutto
il nostro default sono modelli

00:01:55.970 --> 00:01:58.210
ora si basa su Bootstrap.

00:01:58.730 --> 00:02:03.940
Così Bootstrap è un framework CSS
che sorta di semplifica

00:02:03.990 --> 00:02:05.480
Web lo sviluppo.

00:02:06.210 --> 00:02:08.960
Quindi, se si pensa tutte le pratiche
attività che è necessario

00:02:09.010 --> 00:02:12.540
come gli sviluppatori web come applicazione di stili
un'immagine, le tabelle di stili

00:02:12.590 --> 00:02:16.420
moduli di stili e per assicurarsi che
tutti questi stili di aspetto e

00:02:16.470 --> 00:02:20.560
lo stesso ritiene su diversi browser,
tra i diversi dispositivi.

00:02:20.610 --> 00:02:23.520
Esiste una grande quantità di codice che si
necessità di scrivere. A questo punto con il

00:02:23.570 --> 00:02:27.880
introduzione di Bootstrap ha
più semplice creare i siti Web

00:02:27.930 --> 00:02:32.810
in tale quadro che accetta
all'attenzione di tutti questi problemi

00:02:32.860 --> 00:02:37.180
per l'utente. In Visual Studio 2013
tutti i modelli ASP.NET

00:02:37.230 --> 00:02:42.630
per MVC like, Web Form, applicazioni di Spar,
Applicazioni Web API.

00:02:43.120 --> 00:02:45.810
tutti i modelli sono ora basati
nel programma di avvio in modo che quando

00:02:45.860 --> 00:02:48.990
creazione di un'applicazione e quando
iniziare con esso, è possibile

00:02:49.040 --> 00:02:52.580
sorta di Guida l'utente verso un ottimizzato
esperienza che verrà

00:02:52.630 --> 00:02:55.820
creare applicazioni che
possibile diversi dispositivi di destinazione.

00:02:56.890 --> 00:02:59.150
Qual è Bootstrap realmente?

00:02:59.890 --> 00:03:05.840
Bootstrap è fondamentalmente un framework CSS
che consente di web lo sviluppo.

00:03:05.890 --> 00:03:09.050
In modo da programma di avvio si occupa del
parti più importanti del web

00:03:09.100 --> 00:03:11.310
lo sviluppo di spazio. È reattiva.

00:03:11.890 --> 00:03:17.370
Esso è mobile primo approccio. Ha
una progettazione metropolitana come front-end

00:03:18.220 --> 00:03:21.990
Dopo che le attività di sviluppo è
avviare la creazione di applicazioni web

00:03:22.040 --> 00:03:23.600
si possono ottenere tutti questi vantaggi.

00:03:24.510 --> 00:03:27.330
E penso che sono molto orgoglioso di dire
una delle innovazioni più interessanti

00:03:27.380 --> 00:03:29.880
che abbiamo adottato con il programma di avvio
si è l'integrazione con Visual Studio

00:03:29.930 --> 00:03:34.500
hanno integrato Bootstrap 3 con
Visual Studio 2013 RTM.

00:03:34.550 --> 00:03:38.830
E 3 di Bootstrap costituisce un notevole miglioramento
su Bootstrap 2 perché

00:03:38.880 --> 00:03:42.780
è messa anteriore lo sviluppo mobile
e centro. È ottimizzato

00:03:42.830 --> 00:03:46.460
per la prima pagina mobile. E iniziare
con un dispositivo di piccole dimensioni e quindi

00:03:46.510 --> 00:03:51.500
scalabilità verticale e il sito ordinare di
scalabilità molto bene su questa piattaforma.

00:03:52.270 --> 00:03:55.280
Quindi, uno dei principali vantaggi di
Questa versione è come è possibile ordinare

00:03:55.330 --> 00:03:57.910
offrono i più recenti e il maggiore
che accade nel web

00:03:57.960 --> 00:04:01.030
lo sviluppo in modo che quando si avvia
lo sviluppo di applicazioni con

00:04:01.080 --> 00:04:05.320
ASP.NET in Visual Studio, iniziare
con le più recenti disponibili.

00:04:05.370 --> 00:04:08.220
In modo che mostro si pochi modi
specie di abbiamo integrato

00:04:08.610 --> 00:04:11.710
Bootstrap nei nostri modelli, e
Verrà fornita una rapida panoramica

00:04:11.760 --> 00:04:15.780
dell'integrazione Bootstrap
è in modo da poter rapidamente

00:04:15.830 --> 00:04:22.380
Per iniziare. Se si crea un progetto
in ASP.NET... Nel mio caso

00:04:22.430 --> 00:04:25.160
Ho creato un'applicazione ASP.NET MVC.

00:04:25.810 --> 00:04:30.420
E se avvia l'applicazione in
il browser si vedrà che

00:04:30.470 --> 00:04:35.310
il sito è sorta di una progettazione metropolitana
su di esso. L'aspetto più interessante e

00:04:35.360 --> 00:04:39.500
è se è possibile avviare questa applicazione
Per ridimensionare la mia applicazione,

00:04:39.550 --> 00:04:46.220
quindi se larghezza intera che sarà disponibile
il sito accetta tutto lo spazio.

00:04:46.270 --> 00:04:50.080
Ma se avvia lo scorrimento indietro, è
verrà visualizzato come normalmente tutti

00:04:50.130 --> 00:04:54.160
la caduta di elementi di e tempi di risposta
il sito è. Se lo scorrimento

00:04:54.210 --> 00:04:57.010
oltre un determinato valore, verrà
vedere che viene visualizzato un elenco a discesa per

00:04:57.060 --> 00:05:00.860
l'applicazione che fornisce a me
tutti i collegamenti di navigazione.

00:05:01.580 --> 00:05:05.770
Dunque Immaginate tutte queste funzionalità
che si sta ottenendo, e

00:05:05.820 --> 00:05:09.670
Se si guarda la quantità di CSS che
Ho avuto di scrittura per la mia applicazione,

00:05:10.270 --> 00:05:15.150
era abbastanza minima. Pertanto, se si
Aprire il mio sito con estensione cs, che si vedrà

00:05:15.200 --> 00:05:20.140
che è il CSS a livello di applicazione
circa 30-40 righe di codice

00:05:20.190 --> 00:05:23.990
che è principalmente intorno a convalida
e inserire un contenuto intorno

00:05:24.040 --> 00:05:25.320
il CSS.

00:05:25.990 --> 00:05:29.370
Anche in questo caso con poca CSS che
era necessario scrivere, è possibile ordinare

00:05:29.420 --> 00:05:32.830
di ha ricevuto un'incredibile funzionalità
all'esterno della casella. E se trattasse di

00:05:33.400 --> 00:05:37.310
Osservare come hai avrebbe il sito
Cerca nell'archivio di Windows nella

00:05:37.360 --> 00:05:42.810
Superficie di Windows, si vedrà che
il sito Cerca nuovamente vivacizzando.

00:05:42.860 --> 00:05:47.290
Ha un aspetto interessante. I
specie di può avere diverse modalità

00:05:47.340 --> 00:05:50.200
per il sito. È questa la verticale
modalità. Si vedrà come

00:05:50.250 --> 00:05:54.140
il sito si trova normalmente. Se si
raggiunto il collegamento del registratore di cassa, è ancora

00:05:54.190 --> 00:05:57.610
ottenere gli errori di convalida
di seguito. È possibile bloccare nuovamente.

00:05:58.460 --> 00:06:01.830
In modo che tutti i diversi
modalità che è necessario, il sito personale

00:06:01.880 --> 00:06:07.490
sorta di aspetto piuttosto bene in my
Tablet PC. In modo che sia il più interessante

00:06:07.540 --> 00:06:12.880
aspetto di Bootstrap è il recupero
strumenti e modalità

00:06:12.930 --> 00:06:16.200
facilità è possibile ordinare di destinazione diverso
fattori di forma senza

00:06:16.250 --> 00:06:22.100
per scrivere molto codice CSS. Un altro
aspetto interessante il programma di avvio

00:06:22.150 --> 00:06:26.420
l'integrazione è l'ecosistema di Bootstrap.
Dunque Immaginate con uno scenario

00:06:26.470 --> 00:06:28.470
che era necessario tema del sito.

00:06:29.100 --> 00:06:32.130
E storicamente themeing ha sempre
stato uno dei principali problemi

00:06:32.180 --> 00:06:33.680
punti per gli sviluppatori web.

00:06:34.220 --> 00:06:37.900
Con l'integrazione di Bootstrap
è abbastanza facile iniziare

00:06:37.950 --> 00:06:41.820
da un modello e il tema è. Così
Passare al sito di chiamata

00:06:41.870 --> 00:06:46.040
Bootswatch.com che è un'aggregazione
dei diversi temi che

00:06:46.090 --> 00:06:49.650
sono gratuito, alcuni vengono pagati e quindi
è possibile installarli facilmente

00:06:49.700 --> 00:06:54.630
Nell'applicazione. In questa demo
Utilizzerò questo tema.

00:06:55.220 --> 00:06:59.450
Voglio dire solo download
CSS Bootstrap. A questo punto aprire

00:07:00.530 --> 00:07:01.120
il file.

00:07:02.050 --> 00:07:03.260
Copiare il contenuto.

00:07:03.920 --> 00:07:07.880
E specie di tornare al mio progetto
e scelgo di eseguire l'override

00:07:07.930 --> 00:07:12.170
il framework di Bootstrap con il
tema appena scaricato.

00:07:12.220 --> 00:07:15.990
E se avvia il sito è nuovo
verrà visualizzato il sito personale è

00:07:16.040 --> 00:07:21.650
nuovo ha l'aspetto del nuovo
tema è stato scelto da Bootswatch.

00:07:21.700 --> 00:07:26.720
Ha lo stesso tema blu che
Ho scelto e tutti i

00:07:26.770 --> 00:07:30.530
collegamenti modificano, tutti i pulsanti,
Se la registrazione viene visualizzato

00:07:30.580 --> 00:07:33.370
gli stessi errori di convalida
che operazioni prima.

00:07:33.980 --> 00:07:38.560
In una questione di pochi secondi
Sono riuscito a modificare il tema

00:07:38.610 --> 00:07:41.550
del mio sito abbastanza facilmente.

00:07:42.170 --> 00:07:45.140
Per coloro che sono chiedendo
come ottenere il programma di avvio in

00:07:45.190 --> 00:07:51.300
il progetto, è sorta di ridistribuire
Eseguire l'avvio come pacchetto NuGet.

00:07:51.350 --> 00:07:56.190
In modo che i modelli di progetto già presente
pacchetto chiamato Bootstrap installato.

00:07:56.790 --> 00:08:00.590
E chi non inizia un nuovo
Progetto ASP.NET, è sufficiente

00:08:00.640 --> 00:08:04.010
scaricare questo pacchetto di avvio
nel progetto.

00:08:04.820 --> 00:08:09.020
E riporta questo pacchetto NuGet
nei seguenti file: offre

00:08:09.070 --> 00:08:13.500
nella cartella del modulo, che introduce
tutti i CSS per il programma di avvio

00:08:13.550 --> 00:08:18.450
Framework che viene visualizzata in JavaScript
per il framework di Bootstrap.

00:08:19.200 --> 00:08:23.120
E il tipo di modelli di ottimizzazione
un'esperienza di cui di aggregazione

00:08:23.170 --> 00:08:28.010
tutti i file CSS e JavaScript
in un raggruppamento separato in modo che

00:08:28.060 --> 00:08:32.590
sorta di effettuare richieste minime
alla rete e quindi,

00:08:32.640 --> 00:08:35.930
ottimizzare il sito per la rete
anche le prestazioni. Sufficiente

00:08:35.980 --> 00:08:39.070
apportare un tutte informazioni come il
impostare i modelli di progetto

00:08:39.120 --> 00:08:42.480
ottimizzazione per l'avvio e
quindi ottimizzato per il caricamento netto

00:08:42.530 --> 00:08:42.940
anche.

00:08:42.990 --> 00:08:50.810
Bootstrap così come un tema, quello a cui
richiama un sistema di griglia. In modo che il

00:08:50.860 --> 00:08:54.760
modo il framework completamente Bootstrap
è stato progettato sia in termini di

00:08:54.810 --> 00:09:00.020
una griglia. E renderà il sistema di Bootstrap
l'esperienza intera griglia reattiva.

00:09:00.490 --> 00:09:03.200
In modo che in questo modello vengono visualizzati
dispone di tre colonne,

00:09:03.450 --> 00:09:06.500
e se si guarda come è possibile classificare
utilizzo della griglia che verrà

00:09:06.550 --> 00:09:08.330
essere qualcosa di simile.

00:09:09.090 --> 00:09:13.080
In modo che l'intera pagina è suddiviso in
un insieme di 12 colonne e si può

00:09:13.130 --> 00:09:19.750
specificare la larghezza di ciascuna colonna
è. E nel mio esempio

00:09:19.800 --> 00:09:23.580
la colonna è di larghezza di 4, in modo da
3 colonne, quindi sommare

00:09:23.630 --> 00:09:28.500
12. Pertanto, si supponga che volevo
ridimensionare un po' ultima colonna

00:09:28.550 --> 00:09:31.660
in modo diverso dalla colonna centrale.
È sufficiente è fondamentalmente

00:09:31.710 --> 00:09:36.520
modificare le dimensioni della griglia in modo che
sommare tutte le dimensioni della griglia

00:09:36.570 --> 00:09:37.490
12.

00:09:38.100 --> 00:09:41.000
In modo da 6 a 8 a 10 e

00:09:42.960 --> 00:09:47.170
Posso fare che 4, inserito nella
la disponibilità dei backup Vai e applicazione.

00:09:47.220 --> 00:09:50.980
Pronunciare CTRL F5. In modo che si vedrà come
le colonne di ordinamento della divisione di.

00:09:51.030 --> 00:09:54.420
Questo è diventato 2 colonne. In questo
uno è diventato 6 colonne e questo

00:09:54.470 --> 00:09:55.490
uno è diventato 4.

00:09:56.050 --> 00:10:00.200
E anche se si dovesse ridimensionare questa
modello, si vedrà come

00:10:00.250 --> 00:10:05.790
normalmente il sito ordinare delle cadute così
È possibile avere una risoluzione differente.

00:10:06.680 --> 00:10:09.900
E ancora visualizzato di nuovo i vantaggi
di un framework reattivo.

00:10:11.220 --> 00:10:15.500
Un'altra funzione chiave di questa esperienza
è il tipo di gestione delle immagini.

00:10:16.130 --> 00:10:22.850
Abbiamo immagini di diversi
dimensioni e le relative abbastanza difficile

00:10:22.900 --> 00:10:26.270
rendere l'immagine di esperienza per
essere reattiva. Pertanto, si supponga che

00:10:26.320 --> 00:10:30.960
Aggiungere l'immagine nell'applicazione
e specie di torno a

00:10:31.010 --> 00:10:35.590
sito personale. È così possibile avviare
l'applicazione nuovamente.

00:10:35.640 --> 00:10:42.110
Così si vedrà come classificare l'immagine
di occupa l'intero schermo

00:10:42.480 --> 00:10:47.950
e ordinare i mense il layout del sito.
E la ricerca molto fastidioso.

00:10:48.970 --> 00:10:52.480
Con il programma di avvio a questo punto è possibile ordinare di
attributo con questa immagine

00:10:52.530 --> 00:10:58.590
immagine reattiva cui classe è uguale a
verrà aggiunto un comportamento reattivo

00:10:58.640 --> 00:11:02.960
a questa immagine e assicurarsi che
l'immagine esegue il rendering correttamente.

00:11:03.010 --> 00:11:08.280
In questa esperienza vengono visualizzati
che ora sta ottenendo l'immagine

00:11:08.330 --> 00:11:10.450
il rendering correttamente. In realtà

00:11:12.830 --> 00:11:15.730
Per inserire l'immagine in questo

00:11:17.150 --> 00:11:22.070
div, noterete che vorrei che
ottenere la natura dei tempi di risposta

00:11:22.120 --> 00:11:24.970
Bootstrap anche. È una cosa
l'immagine l'aspetto un

00:11:25.020 --> 00:11:29.450
visualizzazione completa. Se si dovesse eseguire l'ordinamento di
Ridimensiona, si vedrà come

00:11:29.500 --> 00:11:34.950
l'immagine si blocca e ha ancora piuttosto
raffreddare anche in un fattore di piccole dimensioni

00:11:35.000 --> 00:11:38.570
simile al seguente. È questa modalità il
sarebbe il sito su un telefono.

00:11:38.620 --> 00:11:42.990
Anche in questo caso non è stato necessario scrivere
qualsiasi CSS nella mia applicazione; tutti i

00:11:43.040 --> 00:11:48.020
Avrei dovuto fare è stato utilizzato il framework di Bootstrap
e la capacità di risposta

00:11:48.070 --> 00:11:50.470
natura delle immagini personali
le immagini anche.

00:11:51.460 --> 00:11:55.590
Un altro scenario comune è tabelle.

00:11:57.380 --> 00:12:01.970
Vediamo come consenta di Bootstrap
noi di stile anche tabelle.

00:12:02.500 --> 00:12:06.350
Ecco una tabella I
Nella mia applicazione.

00:12:07.470 --> 00:12:12.660
È possibile spostare questo percorso e Vai indietro
sito personale, controllo F5.

00:12:13.760 --> 00:12:18.030
In modo che questo è l'aspetto della tabella
in pratica: nome, cognome.

00:12:18.080 --> 00:12:21.360
Sembra piuttosto comune. Allora
vedere come ci possiamo rapidamente stile

00:12:21.410 --> 00:12:26.370
la tabella per la ricerca di migliori.
Così posso attributo tabella

00:12:26.420 --> 00:12:32.730
con questa classe è uguale a tabella in cui ordinare
di fornisce un oggetto molto minimalistic

00:12:32.780 --> 00:12:36.920
struttura per l'intera tabella. È possibile
essere molto elaborata. Possiamo stabilire I

00:12:36.970 --> 00:12:42.580
una tabella o I
desidera che una tabella con strisce.

00:12:43.500 --> 00:12:49.130
Desidera aggiungere una funzionalità al passaggio del mouse
pertanto la tabella al passaggio del mouse.

00:12:54.460 --> 00:12:57.140
Sono state aggiunte anche IntelliSense per
Programma di avvio, in modo che noterà

00:12:57.190 --> 00:13:00.590
ad esempio durante la digitazione viene visualizzato IntelliSense
per tutte le classi di Bootstrap.

00:13:00.640 --> 00:13:03.200
In modo che tutte queste classi sono definite
in framework Bootstrap

00:13:03.500 --> 00:13:07.270
e in Visual Studio web developer
esperienza che ci stiamo illuminazione

00:13:07.320 --> 00:13:13.470
backup che IntelliSense per è. Così
Se il controllo F5 verrà visualizzato come

00:13:13.520 --> 00:13:18.480
Dispone di strisce. Dispone di un bordo.
Disporre di un margine. In questo modo è possibile

00:13:18.530 --> 00:13:23.730
ordinare rapidamente dello stile di tabelle.
E nuovamente questi sono molto

00:13:23.780 --> 00:13:28.560
in genere utilizzato per le operazioni di CSS che
Procedere nella mia applicazione.

00:13:28.610 --> 00:13:32.060
Bootstrap appena risulterà più facile per
utilizzo di tutte queste funzionalità.

00:13:32.110 --> 00:13:36.590
Bootstrap dispone di un'altra funzione
Glyphicons. Pertanto, si supponga che

00:13:36.640 --> 00:13:41.670
Volevo inserisce l'icona di stampa
In questo caso, e è possibile specificare una classe

00:13:44.480 --> 00:13:46.520
Busta-chiamato glyphicon.

00:13:48.920 --> 00:13:53.780
E se si esegue l'applicazione
Vai indietro per contatto, verrà

00:13:53.830 --> 00:13:55.920
vedere come ottenere un

00:13:57.460 --> 00:14:00.370
busta o un'icona posta
sopra nella mia applicazione.

00:14:01.010 --> 00:14:04.360
Anche in questo caso, uno dei modi cui Bootstrap
specie di rende veramente

00:14:04.410 --> 00:14:09.480
facile aggiungere questa funzionalità
Nell'applicazione. Un ottimo

00:14:09.530 --> 00:14:14.970
modalità di apprendimento Bootstrap
sta per il sito Web se

00:14:15.020 --> 00:14:19.520
inizia a seguire le esercitazioni
per CSS. Dispone di un pratico

00:14:19.570 --> 00:14:23.210
approccio alla scrittura le esercitazioni
pertanto è sufficiente scegliere su tabelle.

00:14:23.480 --> 00:14:26.960
Dispone di un esempio molto semplice
di tabelle e quindi ordina o compilazione

00:14:27.010 --> 00:14:30.100
su di essa per fornire ulteriori informazioni
su come personalizzare

00:14:30.150 --> 00:14:34.000
la tabella che a strisce,
dispone di bordi, creazione

00:14:34.050 --> 00:14:38.360
tale capacità di risposta, come fareste form,
così e così via.

00:14:38.410 --> 00:14:43.140
Bootstrap è un'altra funzionalità
l'area di JavaScript dove essi

00:14:43.190 --> 00:14:48.070
è possibile eseguire abbastanza modale elenchi a discesa
facile. In modo che questo è un esempio

00:14:48.120 --> 00:14:51.410
di come modale in un finestra di dialogo
sarà simile a

00:14:53.140 --> 00:14:57.050
nel programma di avvio. In questo modo davvero
facile aggiungere questa funzionalità

00:14:57.100 --> 00:14:58.860
per l'applicazione anche.

00:14:58.910 --> 00:15:04.360
In un altro scenario comune che
si limitano persone con le immagini come

00:15:04.410 --> 00:15:07.930
generare anteprime
per l'applicazione.

00:15:08.470 --> 00:15:14.330
In questa applicazione vado a
il login attraverso il mio account Facebook

00:15:14.380 --> 00:15:17.870
e per recuperare le informazioni
sui miei amici, le immagini.

00:15:18.170 --> 00:15:20.270
E per mostrare
è nell'interfaccia utente.

00:15:21.060 --> 00:15:24.040
Anche in questo caso si tratta di una delle funzionalità
che abbiamo in ASP.NET

00:15:24.090 --> 00:15:27.190
modelli di cui è possibile accedere
tramite un provider sociale come

00:15:27.240 --> 00:15:32.630
Account di Facebook, Google, Microsoft
in modo che gli sviluppatori possono fornire

00:15:32.680 --> 00:15:34.020
un'esperienza di ottimizzazioni.

00:15:37.610 --> 00:15:39.120
Consenti all'utente di accedere tramite Facebook.

00:15:40.150 --> 00:15:43.440
In modo che questo va a Facebook. Autentica
Me. Viene restituita

00:15:43.490 --> 00:15:48.690
per l'applicazione. Dopo che sono autenticato
Recupera l'immagine del profilo.

00:15:49.070 --> 00:15:50.650
E facendo clic sul mio nome

00:15:52.530 --> 00:15:55.590
si noterà che l'elenco di
amici verrà visualizzata. Mi

00:15:55.640 --> 00:15:58.450
visualizzazione di tutte le immagini. E
si noterà come le immagini

00:15:58.500 --> 00:16:01.850
specie di ben formattati in
le miniature e pertanto il

00:16:01.900 --> 00:16:04.500
quantità di codice che ho dovuto scrivere
per generare questo tipo di un

00:16:04.550 --> 00:16:09.640
contrassegnare. In tal caso se torna alla
l'applicazione e se passa alla

00:16:09.690 --> 00:16:11.770
la pagina di informazioni su Facebook

00:16:13.970 --> 00:16:16.530
Questa è la quantità di codice che è stato
per scrivere generare le anteprime.

00:16:16.580 --> 00:16:20.150
Esiste anche in questo caso poco CSS.
Si tratta di CSS classi che

00:16:20.200 --> 00:16:23.880
provenienti da un framework Bootstrap.
Non è stato necessario scrivere

00:16:23.930 --> 00:16:29.350
qualsiasi CSS personalizzati per generare una miniatura
visualizzazione per tutte le immagini.

00:16:29.400 --> 00:16:34.510
Anche in questo caso solo per chiudere su
esso: Bootstrap di integrazione in ASP.NET

00:16:34.560 --> 00:16:39.640
modelli è davvero semplice
Per iniziare con un modello

00:16:39.690 --> 00:16:43.720
che è reattiva, che è mobile
descrittivo, che viene tracciato

00:16:43.770 --> 00:16:47.370
con temi, che rende molto semplice
creazione di applicazioni

00:16:47.420 --> 00:16:51.220
in modo che è possibile assegnare diversi form
fattori e browser differenti.

00:16:51.690 --> 00:16:54.390
Ed è possibile trascorrere la maggior parte del tempo
creazione di specifiche dell'applicazione

00:16:54.510 --> 00:16:57.220
logica e senza preoccuparsi
il framework di interfaccia utente.

00:16:57.730 --> 00:17:00.560
In modo che spero che si sia stato soddisfacente. Grazie
è per guardare questo video.

00:17:00.610 --> 00:17:03.870
Mi auguro che sia stato soddisfacente il programma di avvio
integrazione in Visual Studio

00:17:03.920 --> 00:17:07.640
e ASP.NET e si spera che sarà
Utilizzare questi modelli per la compilazione

00:17:07.690 --> 00:17:11.440
le applicazioni. Per ulteriori informazioni
è possibile visitare il sito ASP.NET

00:17:11.490 --> 00:17:17.300
check-out come integrare e
Bootstrap migliore.