WEBVTT

00:00:00.200 --> 00:00:04.200
[La traduction à été faite par Bing Translator]


00:00:09.100 --> 00:00:13.700
Bonjour, mon nom est Pranav Rastogi et je travaille dans l'équipe ASP.NET de Microsoft.

00:00:14.440 --> 00:00:20.290
Aujourd'hui, que je vais vous montrer le nouveau ASP.NET
modèles dans Visual Studio 2013.

00:00:21.040 --> 00:00:24.710
En plus d'employés sont de navigation
leurs sites Web via les téléphones,

00:00:24.760 --> 00:00:28.600
tablettes et des périphériques différents, il est
plus critique pour les développeurs web

00:00:28.650 --> 00:00:31.740
Pour créer des sites qui peuvent cibler
différents facteurs de forme.

00:00:32.410 --> 00:00:35.530
Dans les modèles que nous avons commencé
Pour utiliser une structure appelée

00:00:35.580 --> 00:00:38.260
Qui constitue une amélioration importante des données d'amorçage
l'expérience que

00:00:38.310 --> 00:00:41.110
Nous avons expédié dans le cours Visual
Mises à jour de Studio.

00:00:42.050 --> 00:00:44.860
Données d'amorçage, il est vraiment facile
Pour créer des sites Web qui peuvent

00:00:44.910 --> 00:00:49.340
cibler les différents facteurs de forme, et
Nous allons cette vidéo d'introduction

00:00:49.390 --> 00:00:53.990
Venez voir comment rendre les modèles
utiliser des données d'amorçage et de configurer un

00:00:54.040 --> 00:00:57.190
projet que vous pouvez développer votre
sur les applications. Donc je vais

00:00:57.240 --> 00:01:01.210
être montrant l'intégration de données d'amorçage
dans les modèles ASP.NET

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

00:01:03.900 --> 00:01:08.040
Comme vous pouvez connaître en tant que développeurs de sites web
maintenant plus d'employés

00:01:08.090 --> 00:01:11.430
Accédez à des sites Web par le biais de
les différents périphériques.

00:01:11.480 --> 00:01:14.240
Accédez par le biais de leurs
par le biais de leurs tablettes, les téléphones,

00:01:14.590 --> 00:01:19.250
par le biais de leurs PC, par l'intermédiaire de leurs
phablets, donc il devient essentiel

00:01:19.300 --> 00:01:22.760
plus important en tant que développeur web
pour être en mesure de cibler tous ces

00:01:22.810 --> 00:01:25.790
différents facteurs de forme pour toutes les
ces différents périphériques.

00:01:26.520 --> 00:01:31.390
Et comme nous d'aller de l'avant
développement web mobile devient

00:01:31.440 --> 00:01:35.180
critique une partie de la développer
flux de travail. Et pendant que les

00:01:35.730 --> 00:01:38.430
écriture de ces types d'applications
ont été définitivement. Vous aviez

00:01:38.480 --> 00:01:43.810
pour écrire des CSS personnalisées. Vous avez dû
mettre dans un grand nombre de logique dans

00:01:43.860 --> 00:01:46.650
votre application qui
a été basée sur la logique de l'interface utilisateur.

00:01:47.270 --> 00:01:51.030
Ainsi que nous l'avons fait dans le visuel
Délai de Studio 2013 pour

00:01:51.080 --> 00:01:55.920
les développeurs web ASP.NET est all
de par défaut sont des modèles

00:01:55.970 --> 00:01:58.210
désormais basée sur des données d'amorçage.

00:01:58.730 --> 00:02:03.940
Par conséquent, des données d'amorçage sont une infrastructure CSS
qui permet de plus facilement

00:02:03.990 --> 00:02:05.480
Pour faire web de développement.

00:02:06.210 --> 00:02:08.960
Par conséquent, si vous pensez tous les quelconques de
tâches que vous devrez

00:02:09.010 --> 00:02:12.540
comme les développeurs web comme style
une image, les tableaux, application d'un style

00:02:12.590 --> 00:02:16.420
styles des formulaires et à s'assurer que
tous ces styles de rechercher et de

00:02:16.470 --> 00:02:20.560
estimez le même dans tous les navigateurs,
sur des périphériques différents.

00:02:20.610 --> 00:02:23.520
Il y a beaucoup de code que vous avez
Vous devrez écrire. Donc maintenant avec le

00:02:23.570 --> 00:02:27.880
introduction de données d'amorçage qu'il a
plus faciles à créer vos sites Web

00:02:27.930 --> 00:02:32.810
dans un tel cadre qui prend
soins de tous ces problèmes

00:02:32.860 --> 00:02:37.180
Pour vous. Dans Visual Studio 2013
tous les modèles ASP.NET

00:02:37.230 --> 00:02:42.630
pour MVC like, Web Forms, les applications Spar,
Applications Web API ;

00:02:43.120 --> 00:02:45.810
tous nos modèles sont désormais basés
sur les données d'amorçage afin que lors de la

00:02:45.860 --> 00:02:48.990
vous créez une application et lorsque
mise en route avec celui-ci, nous allons

00:02:49.040 --> 00:02:52.580
sorte de vous guider vers une version optimisée
expérience qui sera

00:02:52.630 --> 00:02:55.820
vous aider à créer des applications qui
peuvent cibler des périphériques différents.

00:02:56.890 --> 00:02:59.150
Quelle est donc réellement des données d'amorçage ?

00:02:59.890 --> 00:03:05.840
Données d'amorçage sont en fait une structure CSS
qui vous permet de vous faire web de développement.

00:03:05.890 --> 00:03:09.050
Afin que les données d'amorçage s'occupe de la
parties plus critiques du site web

00:03:09.100 --> 00:03:11.310
développement d'espace. Il est réactif.

00:03:11.890 --> 00:03:17.370
Il a première approche mobile. Il a
une conception de métro comme un serveur frontal

00:03:18.220 --> 00:03:21.990
expérience en développement ainsi qu'une fois vous
Commencez la création d'applications web

00:03:22.040 --> 00:03:23.600
vous offre tous ces avantages.

00:03:24.510 --> 00:03:27.330
Et je pense que je suis très fier de dire que
que l'une des choses plus utiles

00:03:27.380 --> 00:03:29.880
que nous l'avons fait avec les données d'amorçage
intégration avec vs est nous

00:03:29.930 --> 00:03:34.500
3 des données d'amorçage avec intégré
Visual Studio RTM de 2013.

00:03:34.550 --> 00:03:38.830
Et 3 des données d'amorçage est une amélioration énorme
sur l'amorce 2 car

00:03:38.880 --> 00:03:42.780
Il a placé avant de développement mobile
Centre et. Il est optimisé

00:03:42.830 --> 00:03:46.460
pour la première mobile. Et commencez
avec un appareil de petite taille, puis

00:03:46.510 --> 00:03:51.500
trier les adapter des et le site de
s'adapte très bien sur cette plate-forme.

00:03:52.270 --> 00:03:55.280
Ainsi, un des grands avantages de
Cette version est exactement comme si nous trions

00:03:55.330 --> 00:03:57.910
vous donner les plus récentes et les plus grands
que se passe-t-il dans le site web

00:03:57.960 --> 00:04:01.030
développement de sorte que lorsque vous démarrez
développement d'applications avec

00:04:01.080 --> 00:04:05.320
ASP.NET dans Visual Studio, mise en route
Grâce aux dernières solutions existent.

00:04:05.370 --> 00:04:08.220
Donc je vais afficher vous quelques façons
que nous avons intégré une sorte de

00:04:08.610 --> 00:04:11.710
Données d'amorçage dans nos modèles, et
Je vais vous donner un aperçu rapide

00:04:11.760 --> 00:04:15.780
intégration d'amorçage
est afin que vous puissiez rapidement

00:04:15.830 --> 00:04:22.380
mise en route. Si vous créez un projet
dans ASP.NET... Dans mon cas

00:04:22.430 --> 00:04:25.160
J'ai créé une application ASP.NET MVC.

00:04:25.810 --> 00:04:30.420
Et si je lance l'application dans
le navigateur, vous verrez que

00:04:30.470 --> 00:04:35.310
le site dispose d'une conception de métro
à cette fin. Et le plus intéressant avec

00:04:35.360 --> 00:04:39.500
à propos de cette application est si je démarre
Pour redimensionner mon application,

00:04:39.550 --> 00:04:46.220
Par conséquent, si j'accède à pleine largeur vous verrez que
le site utilise tout l'espace.

00:04:46.270 --> 00:04:50.080
Mais si je démarre le défilement arrière, vous
allez voir comment normalement tous les

00:04:50.130 --> 00:04:54.160
de la chute d'éléments et de la réactivité
le site est. Si je fais défiler

00:04:54.210 --> 00:04:57.010
au-delà d'une certaine largeur, vous allez
reportez-vous à la section que j'obtiens une liste déroulante pour

00:04:57.060 --> 00:05:00.860
Mon application qui me donne
tous les liens de navigation.

00:05:01.580 --> 00:05:05.770
Imaginez donc toutes ces fonctionnalités
que vous recevez, et

00:05:05.820 --> 00:05:09.670
Si je regarde la quantité de CSS qui
J'avais écriture pour mon application,

00:05:10.270 --> 00:05:15.150
il était relativement peu. Par conséquent, si je
ouvrir mon .cs site que vous verriez

00:05:15.200 --> 00:05:20.140
que mon CSS au niveau de l'application est
30 à 40 lignes de code

00:05:20.190 --> 00:05:23.990
qui est principalement autour de validation
et à placer autour d'une partie du contenu

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

00:05:25.990 --> 00:05:29.370
Encore une fois, avec très peu de code CSS qui
vous deviez écrire, vous triez les

00:05:29.420 --> 00:05:32.830
d'a obtenu une fonctionnalité exceptionnelle
prêts à l'emploi. Et si vous étiez

00:05:33.400 --> 00:05:37.310
Observez comment le site avez aurait
recherché sur Windows Store

00:05:37.360 --> 00:05:42.810
Surface de Windows, vous voyez que
le site à nouveau semble assez sympa.

00:05:42.860 --> 00:05:47.290
Il a un aspect agréable. JE
peut disposer de différents modes

00:05:47.340 --> 00:05:50.200
sur le site. C'est le portrait
mode. Vous verrez comment

00:05:50.250 --> 00:05:54.140
le site se trouve normalement. Si je
Cliquez sur le lien Enregistrer, j'ai toujours

00:05:54.190 --> 00:05:57.610
obtenir les erreurs de validation
ici. Je peux reviennent.

00:05:58.460 --> 00:06:01.830
Pour vous pouvez de voir que toutes les différentes
modes que j'ai, mon site

00:06:01.880 --> 00:06:07.490
sorte de recherche assez bien dans mon
Tablet PC. C'est le des plus belles

00:06:07.540 --> 00:06:12.880
données d'amorçage est la mise en route
expérience de démarrage et comment

00:06:12.930 --> 00:06:16.200
est-il facile à trier des cibles différentes
facteurs de forme sans avoir

00:06:16.250 --> 00:06:22.100
pour écrire beaucoup de code CSS. Un autre
solution intéressante pour les données d'amorçage

00:06:22.150 --> 00:06:26.420
l'intégration est l'écosystème d'amorçage.
Par conséquent, imaginez un scénario

00:06:26.470 --> 00:06:28.470
la solution consistait à thème de votre site.

00:06:29.100 --> 00:06:32.130
Et historiquement themeing a toujours
une des principales difficultés

00:06:32.180 --> 00:06:33.680
points pour les développeurs web.

00:06:34.220 --> 00:06:37.900
Grâce à l'intégration des données d'amorçage
Il est assez facile de mise en route

00:06:37.950 --> 00:06:41.820
à partir d'un modèle et un thème il. Par conséquent
Je peux accéder au site appelé

00:06:41.870 --> 00:06:46.040
Bootswatch.com qui constitue un regroupement
des thèmes différents qui

00:06:46.090 --> 00:06:49.650
êtes libre, certaines sont payées, puis
Vous pouvez facilement installer les

00:06:49.700 --> 00:06:54.630
dans votre application. Dans cette démonstration
Je vais choisir ce thème.

00:06:55.220 --> 00:06:59.450
Je vais dire simplement télécharger
les données d'amorçage CSS. Ouvrir maintenant

00:07:00.530 --> 00:07:01.120
le fichier.

00:07:02.050 --> 00:07:03.260
Copiez le contenu.

00:07:03.920 --> 00:07:07.880
Et de revenir à mon projet,
et je vais remplacer

00:07:07.930 --> 00:07:12.170
le framework d'amorçage avec le
thème que j'ai téléchargées uniquement.

00:07:12.220 --> 00:07:15.990
Et si je lance mon site vous
allez voir que mon site est maintenant

00:07:16.040 --> 00:07:21.650
nouveau a l'apparence du nouveau
thème que j'ai choisi à partir de Bootswatch.

00:07:21.700 --> 00:07:26.720
Il a le même thème bleu qui
J'ai choisi ici et tous mes

00:07:26.770 --> 00:07:30.530
modifier les liens, toutes mes modifications de boutons,
et si j'enregistrer

00:07:30.580 --> 00:07:33.370
les mêmes erreurs de validation
que je m'a mise en avant.

00:07:33.980 --> 00:07:38.560
Dans une affaire de quelques secondes
J'ai été en mesure de modifier le thème

00:07:38.610 --> 00:07:41.550
de mon site assez facilement.

00:07:42.170 --> 00:07:45.140
Pour ceux d'entre vous qui vous demandez
Comment obtenir des données d'amorçage dans

00:07:45.190 --> 00:07:51.300
votre projet, nous avons de redistribuer
Des données d'amorçage sous forme de package NuGet.

00:07:51.350 --> 00:07:56.190
Par conséquent, les modèles de projet ont déjà ce
lot de données d'amorçage de l'installation.

00:07:56.790 --> 00:08:00.590
Et si vous ne lancez pas une nouvelle
Projet ASP.NET, vous pouvez juste

00:08:00.640 --> 00:08:04.010
Téléchargez ce package d'amorçage
dans votre projet.

00:08:04.820 --> 00:08:09.020
Et ce package NuGet apporte
dans les fichiers suivants : il apporte

00:08:09.070 --> 00:08:13.500
dans le dossier de formulaires, il remet en
toutes les règles CSS pour les données d'amorçage

00:08:13.550 --> 00:08:18.450
Framework et qu'il offre dans le code JavaScript
pour la structure de données d'amorçage.

00:08:19.200 --> 00:08:23.120
Et le tri de modèles d'optimisation
une expérience où ils offre groupée

00:08:23.170 --> 00:08:28.010
toutes les règles CSS et JavaScript
en un lot distinct afin que

00:08:28.060 --> 00:08:32.590
vous apportez de demandes minimum
pour le réseau, puis vous

00:08:32.640 --> 00:08:35.930
optimiser votre site pour le réseau
ainsi les performances. Par conséquent, il vous suffit

00:08:35.980 --> 00:08:39.070
un tidbit d'informations comment la
modèles de projet sont paramétrés

00:08:39.120 --> 00:08:42.480
optimiser les données d'amorçage et
puis optimisé pour téléchargement net

00:08:42.530 --> 00:08:42.940
également.

00:08:42.990 --> 00:08:50.810
Données d'amorçage ainsi sous la forme d'un thème, ce qu'elle
appelle un système de grille. Afin que la

00:08:50.860 --> 00:08:54.760
l'infrastructure de façon Bootstrap
a été conçu est en termes de

00:08:54.810 --> 00:09:00.020
une grille. Et le système d'amorçage
l'expérience de la grille entière réactive.

00:09:00.490 --> 00:09:03.200
Par conséquent, dans ce modèle, que vous voyez
que je dispose de trois colonnes,

00:09:03.450 --> 00:09:06.500
et si je regarde comment puis-je trier
Utilisez la grille il va

00:09:06.550 --> 00:09:08.330
être quelque chose comme ceci.

00:09:09.090 --> 00:09:13.080
Par conséquent, la page entière est divisée en
un ensemble de 12 colonnes et pouvez

00:09:13.130 --> 00:09:19.750
Spécifiez que la largeur de chaque colonne
est. Dans mon exemple

00:09:19.800 --> 00:09:23.580
colonne a une largeur 4, pour avoir
3 colonnes, puis leur ajoutent

00:09:23.630 --> 00:09:28.500
12. Ainsi, supposons que je voulais
redimensionner un peu de la dernière colonne

00:09:28.550 --> 00:09:31.660
différemment à partir de la colonne du milieu.
Tout ce que je dois faire est fondamentalement

00:09:31.710 --> 00:09:36.520
modifier la taille de la grille afin que
Ajoute toutes les dimensions de la grille

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

00:09:38.100 --> 00:09:41.000
Donc de 6 à 8 et 10 et

00:09:42.960 --> 00:09:47.170
Je peux faire en sorte que 4, placez-le dans
récupérer mes application et passez.

00:09:47.220 --> 00:09:50.980
Dites contrôle F5. Et vous verrez comment
les colonnes de tri de fractionnement.

00:09:51.030 --> 00:09:54.420
Celui-ci est devenu 2 colonnes. Ceci
un est devenu 6 colonnes et ce

00:09:54.470 --> 00:09:55.490
un est devenu 4.

00:09:56.050 --> 00:10:00.200
Et même si vous deviez redimensionner ce
modèle, vous verrez comment

00:10:00.250 --> 00:10:05.790
normalement le site trier de chute donc
Puis-je cibler une résolution différente.

00:10:06.680 --> 00:10:09.900
Et une nouvelle fois j'obtiens toujours des avantages
un cadre réactif.

00:10:11.220 --> 00:10:15.500
Une autre fonction clé de cette expérience
est de traiter les images.

00:10:16.130 --> 00:10:22.850
Nous avons tous des images de différentes
tailles et son assez difficile

00:10:22.900 --> 00:10:26.270
Pour que l'image d'expérience
être sensible. Imaginons

00:10:26.320 --> 00:10:30.960
Insérer cette image dans mon application
et de revenir à

00:10:31.010 --> 00:10:35.590
Mon site. Je me lancer
Mon application à nouveau.

00:10:35.640 --> 00:10:42.110
Par conséquent, vous verrez comment trier l'image
d'occupe tout l'écran

00:10:42.480 --> 00:10:47.950
et trier les mess ma mise en page du site.
Et qu'il semble très laid.

00:10:48.970 --> 00:10:52.480
Avec des données d'amorçage désormais possible de trier des
Mon image avec cet d'attribut

00:10:52.530 --> 00:10:58.590
equals de la classe image réactive
Ajoute un comportement réactif

00:10:58.640 --> 00:11:02.960
à cette image et assurez-vous que
l'image s'affiche correctement.

00:11:03.010 --> 00:11:08.280
Par conséquent, dans cette expérience, vous allez voir
que maintenant que l'image est mise en route

00:11:08.330 --> 00:11:10.450
rendu correctement. En fait

00:11:12.830 --> 00:11:15.730
Si vous deviez placer cette image dans ce

00:11:17.150 --> 00:11:22.070
div, vous verriez que je voudrais
obtenir la nature sensible des

00:11:22.120 --> 00:11:24.970
Ainsi que des données d'amorçage. C'est ce que
l'image ressemble un

00:11:25.020 --> 00:11:29.450
mode plein écran. Si vous deviez trier des
redimensionner, vous verrez comment

00:11:29.500 --> 00:11:34.950
l'image s'aligne et semble assez
Refroidir même dans un petit facteur

00:11:35.000 --> 00:11:38.570
comme ceci. Donc c'est comment votre
site recherche sur un téléphone.

00:11:38.620 --> 00:11:42.990
Encore une fois, je n'ai à écrire
les CSS dans mon application ; tous les

00:11:43.040 --> 00:11:48.020
J'ai eu à faire a été d'utiliser le framework d'amorçage
et j'obtiens la réponse

00:11:48.070 --> 00:11:50.470
nature à Mes images
Mes images ainsi.

00:11:51.460 --> 00:11:55.590
Un autre scénario courant est tables.

00:11:57.380 --> 00:12:01.970
Voyons donc comment aide les données d'amorçage
Nous de style ainsi que les tables.

00:12:02.500 --> 00:12:06.350
Voici une table que je
dans mon application.

00:12:07.470 --> 00:12:12.660
Je peux replacer ici, accédez
sur mon site, contrôle F5.

00:12:13.760 --> 00:12:18.030
C'est l'aspect de mon tableau
en gros : prénom, nom de famille.

00:12:18.080 --> 00:12:21.360
Il semble assez ordinaire. Nous pouvons donc
voir comment nous pouvons rapidement style

00:12:21.410 --> 00:12:26.370
la table semble un peu mieux.
Par conséquent, je peux attribut la table

00:12:26.420 --> 00:12:32.730
avec cette classe table qui trient est égal à
de fournit un très minimalistic

00:12:32.780 --> 00:12:36.920
créer un plan à la table entière. Je peux
être très fantaisie. Je peux dire que je

00:12:36.970 --> 00:12:42.580
un tableau bordure ou I
choix d'une table avec des rayures.

00:12:43.500 --> 00:12:49.130
Je veux une fonctionnalité de sélection par pointage
Par conséquent, la table sensitif.

00:12:54.460 --> 00:12:57.140
Nous avons également ajouté IntelliSense pour
Des données d'amorçage, afin que vous remarquerez

00:12:57.190 --> 00:13:00.590
comme que je tape j'obtiens IntelliSense
pour toutes les classes de données d'amorçage.

00:13:00.640 --> 00:13:03.200
Toutes ces classes sont définies
dans le cadre d'amorçage,

00:13:03.500 --> 00:13:07.270
et dans le Visual Studio web developer
expérience que nous sommes d'éclairage

00:13:07.320 --> 00:13:13.470
jusqu'à que IntelliSense pour vous. Par conséquent
Si contrôle F5, vous allez voir comment

00:13:13.520 --> 00:13:18.480
J'ai des rayures. J'ai une bordure.
J'ai une marge. Je peux utiliser

00:13:18.530 --> 00:13:23.730
Trier très rapidement de style mes tables.
Et encore une fois, celles-ci sont très

00:13:23.780 --> 00:13:28.560
couramment utilisé opérations CSS qui
Faire dans mon application.

00:13:28.610 --> 00:13:32.060
Ainsi, des données d'amorçage simplement facilite
utiliser l'ensemble de ces fonctionnalités.

00:13:32.110 --> 00:13:36.590
Données d'amorçage a une autre fonctionnalité appelée
Glyphicons. Imaginons

00:13:36.640 --> 00:13:41.670
Je souhaite placer une icône Courrier
ici, et je peux spécifier une classe

00:13:44.480 --> 00:13:46.520
Enveloppe-appelé glyphicon.

00:13:48.920 --> 00:13:53.780
Et si j'exécute mon application
Atteindre précédent pour contacter, vous allez

00:13:53.830 --> 00:13:55.920
reportez-vous à la section Comment obtenir un

00:13:57.460 --> 00:14:00.370
enveloppe ou une icône Courrier
plus dans mon application.

00:14:01.010 --> 00:14:04.360
Encore une fois, une des façons où des données d'amorçage
sorte de rend réellement

00:14:04.410 --> 00:14:09.480
facile d'ajouter cette fonctionnalité
dans votre application. Un très bon

00:14:09.530 --> 00:14:14.970
moyen d'apprentissage sur les données d'amorçage
va si leur site Web

00:14:15.020 --> 00:14:19.520
vous commencez à suivre les didacticiels
pour CSS. Ils ont une pratique

00:14:19.570 --> 00:14:23.210
approche consistant à écrire les didacticiels
Par conséquent, vous pouvez cliquer sur les tables.

00:14:23.480 --> 00:14:26.960
Ils ont un exemples très simples
de tables, puis sur tri o build

00:14:27.010 --> 00:14:30.100
dès qu'il vous donner plus d'informations
sur la façon dont vous pouvez personnaliser

00:14:30.150 --> 00:14:34.000
votre table d'avoir aux rayures,
avoir des bordures, comment faire

00:14:34.050 --> 00:14:38.360
Il réactive, la façon de procéder, les formulaires
etc. et ainsi de suite.

00:14:38.410 --> 00:14:43.140
Données d'amorçage a une autre fonctionnalité
la zone JavaScript où ils

00:14:43.190 --> 00:14:48.070
vous permettent de faire des menus déroulants modale assez
facile. Par conséquent, il s'agit d'un exemple

00:14:48.120 --> 00:14:51.410
de la boîte de dialogue modales
ressemblerait à

00:14:53.140 --> 00:14:57.050
dans les données d'amorçage. Il est ainsi très
facile d'ajouter cette fonctionnalité

00:14:57.100 --> 00:14:58.860
pour votre application.

00:14:58.910 --> 00:15:04.360
Par conséquent, un autre scénario courant qui
personnes à faire avec les images est comment

00:15:04.410 --> 00:15:07.930
vous générez de miniatures
pour votre application.

00:15:08.470 --> 00:15:14.330
Dans cette application je vais donc à
se connecter via mon compte Facebook

00:15:14.380 --> 00:15:17.870
et je vais pour récupérer des informations
à propos de mes amis, leurs photos.

00:15:18.170 --> 00:15:20.270
Et je vais vous montrer
vous avez dans l'interface utilisateur.

00:15:21.060 --> 00:15:24.040
Encore une fois, c'est une des fonctionnalités
que nous avons dans ASP.NET

00:15:24.090 --> 00:15:27.190
modèles où vous pouvez vous connecter
via un fournisseur tel que social

00:15:27.240 --> 00:15:32.630
Compte de Facebook, Google, Microsoft
afin que les développeurs peuvent fournir

00:15:32.680 --> 00:15:34.020
une expérience de l'améliorer.

00:15:37.610 --> 00:15:39.120
Me permettre de se connecter via Facebook.

00:15:40.150 --> 00:15:43.440
Cela va donc à Facebook. Il authentifie
Me. Il revient

00:15:43.490 --> 00:15:48.690
pour l'application. Une fois que je suis authentifié
Il récupère l'image de mon profil.

00:15:49.070 --> 00:15:50.650
Et si je clique sur mon nom

00:15:52.530 --> 00:15:55.590
Vous verrez que la liste des
amis seront allumera. Et je suis

00:15:55.640 --> 00:15:58.450
afficher toutes mes images. Et
Vous verrez comment les images

00:15:58.500 --> 00:16:01.850
sorte de bien mis en forme dans
miniatures et donc imaginer la

00:16:01.900 --> 00:16:04.500
quantité de code que j'ai dû écrire
pour générer ce type d'un

00:16:04.550 --> 00:16:09.640
annoter. C'est le cas si revenir à
Mon application et si j'accède à

00:16:09.690 --> 00:16:11.770
Ma page les informations sur Facebook

00:16:13.970 --> 00:16:16.530
Il s'agit de la quantité de code que j'ai dû
pour écrire à générer des miniatures.

00:16:16.580 --> 00:16:20.150
Encore une fois il existe très peu de code CSS.
Il s'agit de CSS classes qui

00:16:20.200 --> 00:16:23.880
provenant de l'infrastructure d'amorçage.
Je n'ai pas à écrire

00:16:23.930 --> 00:16:29.350
les CSS personnalisés pour générer une miniature
Permet d'afficher toutes mes images.

00:16:29.400 --> 00:16:34.510
Encore une fois juste pour clore sur
il : intégration dans ASP.NET des données d'amorçage

00:16:34.560 --> 00:16:39.640
modèles facilite vraiment
Pour commencer avec un modèle

00:16:39.690 --> 00:16:43.720
qui est réactif, ce qui est mobile
convivial, lequel est metro

00:16:43.770 --> 00:16:47.370
à thème, qui rend très facile
Vous pouvez créer des applications

00:16:47.420 --> 00:16:51.220
afin que vous pouvez cibler un autre formulaire
facteurs et différents navigateurs.

00:16:51.690 --> 00:16:54.390
Et vous pouvez consacrer la plupart de votre temps
Création de votre propre à l'application

00:16:54.510 --> 00:16:57.220
logique et sans vous soucier
l'infrastructure de l'interface utilisateur.

00:16:57.730 --> 00:17:00.560
J'espère que vous avez apprécié il. Merci de
vous avez pour regarder cette vidéo.

00:17:00.610 --> 00:17:03.870
J'espère que vous avez apprécié les données d'amorçage
intégration dans Visual Studio

00:17:03.920 --> 00:17:07.640
et ASP.NET et j'espère que vous allez
Utilisez ces modèles pour créer

00:17:07.690 --> 00:17:11.440
les applications. Pour en savoir plus
Vous pouvez accéder au site ASP.NET

00:17:11.490 --> 00:17:17.300
et découvrez comment vous pouvez intégrer
Mieux des données d'amorçage.