WEBVTT 00:00:00.200 --> 00:00:04.200 [La siguiente traducción es brindada por el traductor de Bing] 00:00:09.100 --> 00:00:13.700 Hola, mi nombre es Pranav Rastogi y trabajo en el equipo ASP.NET de Microsoft. 00:00:14.440 --> 00:00:20.290 Hoy mostraré el nuevo ASP.NET plantillas de Visual Studio de 2013. 00:00:21.040 --> 00:00:24.710 Como están viendo cada vez más personas sus sitios Web a través de teléfonos, 00:00:24.760 --> 00:00:28.600 tabletas y dispositivos diferentes, es más importante para los desarrolladores web 00:00:28.650 --> 00:00:31.740 Para crear sitios en los que pueden tener como destino diferentes factores de forma. 00:00:32.410 --> 00:00:35.530 Dentro de las plantillas hemos iniciado Para utilizar un marco de trabajo llamado 00:00:35.580 --> 00:00:38.260 Bootstrap que es una gran mejora la experiencia que 00:00:38.310 --> 00:00:41.110 lanzamos al mercado en los último Visual Libera el estudio. 00:00:42.050 --> 00:00:44.860 Bootstrap hace muy fácilmente Para crear sitios Web que puede 00:00:44.910 --> 00:00:49.340 diferentes factores de forma, de destino y Este vídeo introductorio, a que vamos 00:00:49.390 --> 00:00:53.990 ver cómo hacen que las plantillas uso de Bootstrap y configurar una 00:00:54.040 --> 00:00:57.190 proyecto que se puede generar el aplicaciones de. Así que voy 00:00:57.240 --> 00:01:01.210 se muestra la integración de Bootstrap en las plantillas ASP.NET 00:01:01.260 --> 00:01:03.380 2013 de Visual Studio. 00:01:03.900 --> 00:01:08.040 Como que se puede conocer como los desarrolladores web Ahora más y más gente 00:01:08.090 --> 00:01:11.430 tiene acceso a los sitios Web a través de sus dispositivos diferentes. 00:01:11.480 --> 00:01:14.240 Tiene acceso a través de sus teléfonos, a través de sus tabletas, 00:01:14.590 --> 00:01:19.250 a través de sus equipos, a través de sus phablets, por lo que se está convirtiendo en gran parte 00:01:19.300 --> 00:01:22.760 más importante como desarrollador web ser capaz de destino todas estas 00:01:22.810 --> 00:01:25.790 factores de forma diferente en todos estos dispositivos diferentes. 00:01:26.520 --> 00:01:31.390 Y como una especie de avanzar desarrollo web móvil se convierte en 00:01:31.440 --> 00:01:35.180 crítica una parte de los países en desarrollo flujo de trabajo. Y todo esto mientras 00:01:35.730 --> 00:01:38.430 escribir estos tipos de aplicaciones ha sido difícil. Había 00:01:38.480 --> 00:01:43.810 Escribir CSS personalizado. Había que poner en un montón de lógica en 00:01:43.860 --> 00:01:46.650 la aplicación que se basa en la lógica de la interfaz de usuario. 00:01:47.270 --> 00:01:51.030 Así que lo que hemos hecho en el Visual Calendario de 2013 Studio para 00:01:51.080 --> 00:01:55.920 los desarrolladores web ASP.NET es todo de la predeterminada, las plantillas son 00:01:55.970 --> 00:01:58.210 Ahora se basa en la secuencia de inicio. 00:01:58.730 --> 00:02:03.940 Por lo tanto Bootstrap es un marco CSS de facilitar el 00:02:03.990 --> 00:02:05.480 para web en desarrollo. 00:02:06.210 --> 00:02:08.960 Si piensa todos básicas tareas que tiene que 00:02:09.010 --> 00:02:12.540 como desarrolladores de web como estilo una imagen, aplicar estilos a las tablas, 00:02:12.590 --> 00:02:16.420 aplicar estilos a formas y asegurándose de todos estos estilos y 00:02:16.470 --> 00:02:20.560 lo mismo en distintos navegadores en dispositivos diferentes. 00:02:20.610 --> 00:02:23.520 Hay una gran cantidad de código que necesidad de escribir. Ahora con la 00:02:23.570 --> 00:02:27.880 Introducción de Bootstrap tiene facilita la creación de los sitios Web 00:02:27.930 --> 00:02:32.810 en un marco de trabajo que toma atención de todos estos problemas. 00:02:32.860 --> 00:02:37.180 para TI. En Visual Studio de 2013 todas las plantillas ASP.NET 00:02:37.230 --> 00:02:42.630 para como MVC, formularios Web Forms, aplicaciones de mástil, Aplicaciones Web API; 00:02:43.120 --> 00:02:45.810 todas nuestras plantillas se basan ahora en la secuencia de inicio para que cuando 00:02:45.860 --> 00:02:48.990 crear una aplicación y cuándo empezar a trabajar con él, vamos a 00:02:49.040 --> 00:02:52.580 una especie de guía hacia un optimizado experiencia que se 00:02:52.630 --> 00:02:55.820 ayudar a crear aplicaciones que puede destinar distintos dispositivos. 00:02:56.890 --> 00:02:59.150 ¿Qué es Bootstrap realmente? 00:02:59.890 --> 00:03:05.840 Bootstrap es básicamente un marco de trabajo CSS que permite web en desarrollo. 00:03:05.890 --> 00:03:09.050 Por lo que el programa previo se ocupa de la partes más críticas de la web 00:03:09.100 --> 00:03:11.310 desarrollo de espacio. Es la capacidad de respuesta. 00:03:11.890 --> 00:03:17.370 Tiene primer enfoque móvil. Tiene un diseño de metro como servidor de aplicaciones 00:03:18.220 --> 00:03:21.990 así que una vez que la experiencia de programador iniciar la creación de aplicaciones web 00:03:22.040 --> 00:03:23.600 obtener todos estos beneficios. 00:03:24.510 --> 00:03:27.330 Y creo que me siento muy orgulloso de decir que una de las mejores cosas 00:03:27.380 --> 00:03:29.880 que hemos realizado con la secuencia de inicio integración con vs es que 00:03:29.930 --> 00:03:34.500 se han integrado 3 Bootstrap con RTM de 2013 de Visual Studio. 00:03:34.550 --> 00:03:38.830 Y 3 Bootstrap es una gran mejora través de Bootstrap 2 porque 00:03:38.880 --> 00:03:42.780 ha incluido frente de desarrollo móvil y el centro. Está optimizado 00:03:42.830 --> 00:03:46.460 primer móvil. Y empezar con un dispositivo pequeño y, a continuación, 00:03:46.510 --> 00:03:51.500 tipo de escalado vertical y el sitio de funciona muy bien en esta plataforma. 00:03:52.270 --> 00:03:55.280 Así que una de las grandes virtudes de Esta versión es como si ordenamos 00:03:55.330 --> 00:03:57.910 dar las últimas que está ocurriendo en la web 00:03:57.960 --> 00:04:01.030 desarrollo de modo que al iniciar desarrollo de aplicaciones con 00:04:01.080 --> 00:04:05.320 ASP.NET en Visual Studio, comenzar con el último allí. 00:04:05.370 --> 00:04:08.220 Por lo tanto mostraré, unos métodos que hemos integrado de 00:04:08.610 --> 00:04:11.710 Bootstrap en nuestras plantillas, y Le daré una visión general rápida 00:04:11.760 --> 00:04:15.780 de lo que la integración de Bootstrap es por lo que puede de forma rápida 00:04:15.830 --> 00:04:22.380 antes de empezar. Si crea un proyecto en ASP.NET. En mi caso 00:04:22.430 --> 00:04:25.160 He creado una aplicación ASP.NET MVC. 00:04:25.810 --> 00:04:30.420 Y si inicia la aplicación en el explorador se verá que 00:04:30.470 --> 00:04:35.310 el sitio tiene un diseño de metro a él. Y lo mejor 00:04:35.360 --> 00:04:39.500 acerca de esta aplicación es si inicio Para cambiar el tamaño de mi aplicación, 00:04:39.550 --> 00:04:46.220 así que si voy a ancho completo verá que el sitio tiene todo el espacio. 00:04:46.270 --> 00:04:50.080 Pero si el inicio de desplazamiento, verá cómo correctamente todos 00:04:50.130 --> 00:04:54.160 la caída de los elementos y la capacidad de respuesta es el sitio. Si produce un desplazamiento 00:04:54.210 --> 00:04:57.010 más allá de un determinado ancho, usted podrá: ver que aparece una lista desplegable de 00:04:57.060 --> 00:05:00.860 Mi aplicación que me da todos los vínculos de navegación. 00:05:01.580 --> 00:05:05.770 Así que Imagínense toda esta funcionalidad que está recibiendo, y 00:05:05.820 --> 00:05:09.670 Si miran la cantidad de CSS que Tuve que escribir para mi aplicación, 00:05:10.270 --> 00:05:15.150 era bastante mínimamente. Por tanto, si se abrir Mi .cs sitio que vería 00:05:15.200 --> 00:05:20.140 que es mi CSS de nivel de aplicación cerca de 30 a 40 líneas de código 00:05:20.190 --> 00:05:23.990 que es sobre todo alrededor de validación y parte del contenido en 00:05:24.040 --> 00:05:25.320 Mi CSS. 00:05:25.990 --> 00:05:29.370 Por lo que con muy poco CSS que había que escribir, ordenar 00:05:29.420 --> 00:05:32.830 de tiene una funcionalidad sorprendente fuera de la caja. Y si 00:05:33.400 --> 00:05:37.310 Mira cómo habría tienen el sitio busca en el almacén de Windows 00:05:37.360 --> 00:05:42.810 Superficie de Windows, verá el sitio nuevo parece muy elegante. 00:05:42.860 --> 00:05:47.290 Tiene un aspecto agradable. I puede tener una especie de diferentes modos 00:05:47.340 --> 00:05:50.200 en el sitio. Esta es la vertical modo. Verá cómo 00:05:50.250 --> 00:05:54.140 el sitio se encuentra correctamente. Si lo el enlace de registro, de visitas 00:05:54.190 --> 00:05:57.610 superar los errores de validación aquí. Yo puedo encajarse. 00:05:58.460 --> 00:06:01.830 Para que pueda ver que todos los diferentes modos que tengo, Mi sitio 00:06:01.880 --> 00:06:07.490 parece bastante bien en mi Tablet PC. Por lo es el mejor 00:06:07.540 --> 00:06:12.880 de inicio es la introducción comenzó la experiencia y cómo 00:06:12.930 --> 00:06:16.200 es fácil ordenar de destino diferente formatos sin necesidad de 00:06:16.250 --> 00:06:22.100 para escribir mucho código CSS. Otro lo bueno de la secuencia de inicio 00:06:22.150 --> 00:06:26.420 la integración es el ecosistema de Bootstrap. Así que Imagínense un escenario 00:06:26.470 --> 00:06:28.470 que tenía al tema del sitio. 00:06:29.100 --> 00:06:32.130 Y que históricamente ha siempre fijan una de las principales dificultades 00:06:32.180 --> 00:06:33.680 puntos para los desarrolladores web. 00:06:34.220 --> 00:06:37.900 Con la integración de Bootstrap es bastante fácil empezar 00:06:37.950 --> 00:06:41.820 desde una plantilla y tema de él. Por lo tanto Puedo ir al sitio denominado 00:06:41.870 --> 00:06:46.040 Bootswatch.com, que es una agregación de diferentes temas que 00:06:46.090 --> 00:06:49.650 son gratis, algunos son pagados y, a continuación, se puede instalar fácilmente 00:06:49.700 --> 00:06:54.630 en la aplicación. En esta demostración Voy a elegir este tema. 00:06:55.220 --> 00:06:59.450 Voy a decir sólo descarga la secuencia de inicio CSS. Abrir ahora 00:07:00.530 --> 00:07:01.120 el archivo. 00:07:02.050 --> 00:07:03.260 Copie el contenido. 00:07:03.920 --> 00:07:07.880 Y de volver a mi proyecto, y voy a reemplazar 00:07:07.930 --> 00:07:12.170 el marco de inicio con el tema que acaba de descargar. 00:07:12.220 --> 00:07:15.990 Y si ejecuto mi sitio otra vez verá que el sitio es ahora 00:07:16.040 --> 00:07:21.650 de nuevo, tiene el aspecto de la nueva tema que elegí desde Bootswatch. 00:07:21.700 --> 00:07:26.720 Tiene el mismo tema azul que Se ha elegido y todos mis 00:07:26.770 --> 00:07:30.530 los vínculos cambian, todo mi cambio de botones y si el registro 00:07:30.580 --> 00:07:33.370 los mismos errores de validación que nos llevaba antes. 00:07:33.980 --> 00:07:38.560 En cuestión de unos pocos segundos Puede cambiar el tema 00:07:38.610 --> 00:07:41.550 de Mi sitio fácilmente. 00:07:42.170 --> 00:07:45.140 Para aquellos que se preguntan Cómo obtener Bootstrap en 00:07:45.190 --> 00:07:51.300 el proyecto, se redistribuya de Iniciar como un paquete de NuGet. 00:07:51.350 --> 00:07:56.190 Por lo que ésta ya tienen las plantillas de proyecto paquete denominado Bootstrap instalado. 00:07:56.790 --> 00:08:00.590 Y si no comienza un nuevo Proyecto ASP.NET, puede simplemente 00:08:00.640 --> 00:08:04.010 descargar este paquete Bootstrap en el proyecto. 00:08:04.820 --> 00:08:09.020 Y este paquete NuGet lleva a en los siguientes archivos: trae 00:08:09.070 --> 00:08:13.500 en la carpeta de forma que aporta todos de la CSS de la secuencia de inicio 00:08:13.550 --> 00:08:18.450 marco de trabajo y trae en JavaScript para el marco de la secuencia de inicio. 00:08:19.200 --> 00:08:23.120 Las plantillas de tipo de optimizar una experiencia donde ellos bundle 00:08:23.170 --> 00:08:28.010 todas las reglas CSS y JavaScript en un grupo independiente para que 00:08:28.060 --> 00:08:32.590 una especie de realizan solicitudes mínimas a la red y a continuación, 00:08:32.640 --> 00:08:35.930 optimizar su sitio de red así el rendimiento. Así que 00:08:35.980 --> 00:08:39.070 un detalle de la información como la se configuran las plantillas de proyecto 00:08:39.120 --> 00:08:42.480 optimizar para un inicio y entonces está optimizado para la carga de red 00:08:42.530 --> 00:08:42.940 también. 00:08:42.990 --> 00:08:50.810 Bootstrap así como un tema, lo que llama a un sistema de cuadrícula. Por lo tanto, el 00:08:50.860 --> 00:08:54.760 el marco de manera arranque completo se ha diseñado es en términos de 00:08:54.810 --> 00:09:00.020 una cuadrícula. Y hará que el sistema arranque la experiencia de la cuadrícula completa con capacidad de respuesta. 00:09:00.490 --> 00:09:03.200 En esta plantilla de Sales que tengo tres columnas 00:09:03.450 --> 00:09:06.500 y si miro cómo puedo ordenar de uso de la cuadrícula se va a 00:09:06.550 --> 00:09:08.330 ser algo parecido a esto. 00:09:09.090 --> 00:09:13.080 Por lo que toda la página se divide en un conjunto de 12 columnas y puede 00:09:13.130 --> 00:09:19.750 Especifica que el ancho de cada columna es. En mi ejemplo 00:09:19.800 --> 00:09:23.580 la columna es de ancho 4, de modo que tengo 3 columnas y, a continuación, agregar 00:09:23.630 --> 00:09:28.500 12. Digamos que quería cambiar un poco el tamaño de la última columna 00:09:28.550 --> 00:09:31.660 diferencia de la columna central. Todo lo que tengo que hacer es básicamente 00:09:31.710 --> 00:09:36.520 cambiar el tamaño de la cuadrícula para que todo el tamaño de la cuadrícula de suma 00:09:36.570 --> 00:09:37.490 12. 00:09:38.100 --> 00:09:41.000 Para tener 6 a 8 a 10 y 00:09:42.960 --> 00:09:47.170 Puedo hacer que 4, ponerlo en Mi aplicación y vuelve. 00:09:47.220 --> 00:09:50.980 Decir Control F5. Por lo que verá cómo ordenar las columnas de dividida. 00:09:51.030 --> 00:09:54.420 Éste se convirtió en dos columnas. Esto uno se convirtió en las 6 columnas y esto 00:09:54.470 --> 00:09:55.490 se convirtió en 4. 00:09:56.050 --> 00:10:00.200 E incluso si fuera a cambiar el tamaño de este plantilla, verá cómo 00:10:00.250 --> 00:10:05.790 correctamente el sitio ordenar de caídas tan ¿Se puede centrar una resolución diferente. 00:10:06.680 --> 00:10:09.900 Y otra vez sigo recibiendo los beneficios de un marco de trabajo con capacidad de respuesta. 00:10:11.220 --> 00:10:15.500 Otra característica clave de esta experiencia. es el tipo de trabajar con imágenes. 00:10:16.130 --> 00:10:22.850 Tenemos imágenes de diferentes tamaños y es bastante difícil 00:10:22.900 --> 00:10:26.270 para mejorar la imagen de tener la capacidad de respuesta. Digamos 00:10:26.320 --> 00:10:30.960 Agregar esta imagen en mi aplicación y de volver a 00:10:31.010 --> 00:10:35.590 Mi sitio. Entonces, permítanme iniciar Mi aplicación de nuevo. 00:10:35.640 --> 00:10:42.110 Entonces verá cómo ordenar la imagen de ocupa toda la pantalla 00:10:42.480 --> 00:10:47.950 y ordenar los líos mi diseño del sitio. Y tiene un aspecto muy feo. 00:10:48.970 --> 00:10:52.480 Con Bootstrap ahora puedo ordenar de atributo mi imagen con este 00:10:52.530 --> 00:10:58.590 clase es igual a la imagen con capacidad de respuesta que agregará un comportamiento con capacidad de respuesta 00:10:58.640 --> 00:11:02.960 a esta imagen y asegúrese de que la imagen se procesa correctamente alineadas. 00:11:03.010 --> 00:11:08.280 Por lo que en esta experiencia se verá que ahora está obteniendo la imagen 00:11:08.330 --> 00:11:10.450 se procesaron correctamente. De hecho 00:11:12.830 --> 00:11:15.730 Si tuviera que poner esta imagen en este 00:11:17.150 --> 00:11:22.070 div, verá que sería obtener la naturaleza sensible de 00:11:22.120 --> 00:11:24.970 También bootstrap. Esto es lo que apariencia de la imagen en un 00:11:25.020 --> 00:11:29.450 vista completa. Si fuera de cambiar el tamaño, verá cómo 00:11:29.500 --> 00:11:34.950 la imagen se ajusta y parece bastante enfriar hasta en un pequeño 00:11:35.000 --> 00:11:38.570 como este. Así es cómo el sitio vería en un teléfono. 00:11:38.620 --> 00:11:42.990 Por lo que no tengo que escribir las CSS en mi aplicación; todos 00:11:43.040 --> 00:11:48.020 Tuve que hacer fue el marco Bootstrap de uso y la capacidad de respuesta 00:11:48.070 --> 00:11:50.470 naturaleza a Mis imágenes También Mis imágenes. 00:11:51.460 --> 00:11:55.590 Otro escenario común es tablas. 00:11:57.380 --> 00:12:01.970 Vamos a ver cómo ayuda Bootstrap nosotros también tablas de estilo. 00:12:02.500 --> 00:12:06.350 Así que aquí hay una tabla que en mi aplicación. 00:12:07.470 --> 00:12:12.660 Puedo moverla, ir atrás a Mi sitio, Control F5. 00:12:13.760 --> 00:12:18.030 Este es el aspecto de la tabla básicamente: nombre, apellido. 00:12:18.080 --> 00:12:21.360 Parece bastante común. Ahora Vea cómo nosotros podemos estilo rápidamente 00:12:21.410 --> 00:12:26.370 la tabla para ver un poco mejor. Por lo que pueda atribuir la tabla 00:12:26.420 --> 00:12:32.730 con esta clase, es igual a la tabla que ordenar de proporciona una muy minimalista 00:12:32.780 --> 00:12:36.920 Mi toda la tabla de esquema. Que se puede hacer ser muy elegante. Yo puedo decir 00:12:36.970 --> 00:12:42.580 una tabla con borde o I desea obtener una tabla con rayas. 00:12:43.500 --> 00:12:49.130 Quiero una funcionalidad de desplazamiento por lo que la tabla activable. 00:12:54.460 --> 00:12:57.140 También hemos agregado IntelliSense para Secuencia de inicio, por lo que observará 00:12:57.190 --> 00:13:00.590 como medida que escribía obtengo IntelliSense para todas las clases de secuencia de inicio. 00:13:00.640 --> 00:13:03.200 Para que todas estas clases se definen en el marco de la secuencia de inicio, 00:13:03.500 --> 00:13:07.270 y en el de Visual Studio web developer experiencia que nos estamos de iluminación 00:13:07.320 --> 00:13:13.470 hasta que IntelliSense para usted. Por lo tanto Si el Control F5 verá cómo 00:13:13.520 --> 00:13:18.480 Tengo rayas. Tengo un borde. Tengo un margen. Para que pueda 00:13:18.530 --> 00:13:23.730 ordenar rápidamente del estilo de las tablas. Y el nuevo son muy 00:13:23.780 --> 00:13:28.560 comúnmente utiliza operaciones de CSS que Hacer en mi aplicación. 00:13:28.610 --> 00:13:32.060 Por lo tanto Bootstrap sólo facilita usar todas estas funcionalidades. 00:13:32.110 --> 00:13:36.590 Bootstrap tiene otra característica denominada Glyphicons. Digamos 00:13:36.640 --> 00:13:41.670 Quería colocar un icono de correo sobre aquí, y se puede especificar una clase 00:13:44.480 --> 00:13:46.520 glyphicon llamado-sobres. 00:13:48.920 --> 00:13:53.780 Y si ejecuto la aplicación Ir atrás para ponerse en contacto con, usted podrá 00:13:53.830 --> 00:13:55.920 Vea cómo obtener un 00:13:57.460 --> 00:14:00.370 sobre o un icono de correo por mi aplicación. 00:14:01.010 --> 00:14:04.360 De nuevo, una de las formas de inicio donde una especie de hace realmente 00:14:04.410 --> 00:14:09.480 fácil de agregar esta funcionalidad en la aplicación. Un gran 00:14:09.530 --> 00:14:14.970 forma de aprender acerca de Bootstrap Si va a su página Web 00:14:15.020 --> 00:14:19.520 se inicia después de los tutoriales para CSS. Tienen un práctico 00:14:19.570 --> 00:14:23.210 enfoque para escribir los tutoriales por lo que puede hacer clic en tablas. 00:14:23.480 --> 00:14:26.960 Tienen un ejemplo muy básico de las tablas y, a continuación, ordenar o generación 00:14:27.010 --> 00:14:30.100 en él para proporcionarle más información en cómo se puede personalizar 00:14:30.150 --> 00:14:34.000 la tabla tiene franjas, a tiene bordes, ¿cómo hacer 00:14:34.050 --> 00:14:38.360 es sensible, ¿cómo lo formularios, y así sucesivamente. 00:14:38.410 --> 00:14:43.140 Bootstrap tiene otra característica en el área de JavaScript donde se 00:14:43.190 --> 00:14:48.070 le permiten hacer listas desplegables modal bastante es fácil. Este es un ejemplo 00:14:48.120 --> 00:14:51.410 de cómo el diálogo un modal tendría el siguiente aspecto 00:14:53.140 --> 00:14:57.050 en el inicio. Esto hace realmente fácil de agregar esta funcionalidad 00:14:57.100 --> 00:14:58.860 la aplicación también. 00:14:58.910 --> 00:15:04.360 Otro escenario común que las personas con imágenes es cómo 00:15:04.410 --> 00:15:07.930 generar vistas en miniatura para la aplicación. 00:15:08.470 --> 00:15:14.330 Por lo que en esta aplicación, voy a acceder a través de mi cuenta de Facebook 00:15:14.380 --> 00:15:17.870 y voy a recuperar la información acerca de mis amigos, sus imágenes. 00:15:18.170 --> 00:15:20.270 Y voy a mostrar que en la interfaz de usuario. 00:15:21.060 --> 00:15:24.040 Por lo que ésta es una de las características que tenemos en ASP.NET 00:15:24.090 --> 00:15:27.190 plantillas donde puede iniciar sesión en mediante un proveedor de social como 00:15:27.240 --> 00:15:32.630 Cuenta de Facebook, Google, Microsoft para que los desarrolladores pueden proporcionar 00:15:32.680 --> 00:15:34.020 una experiencia de mejorar. 00:15:37.610 --> 00:15:39.120 Voy a iniciar sesión a través de Facebook. 00:15:40.150 --> 00:15:43.440 Esto va a Facebook. Autentica Me. Regresa 00:15:43.490 --> 00:15:48.690 para la aplicación. Una vez que estoy autenticado Recupera la imagen de perfil. 00:15:49.070 --> 00:15:50.650 Y si hago clic en mi nombre 00:15:52.530 --> 00:15:55.590 verá que la lista de subirán amigos. Y estoy 00:15:55.640 --> 00:15:58.450 Mostrar todas las imágenes. Y verá cómo las imágenes 00:15:58.500 --> 00:16:01.850 formato de bien en vistas en miniatura, por lo que se imagina la 00:16:01.900 --> 00:16:04.500 cantidad de código que tenía que escribir para generar este tipo de 00:16:04.550 --> 00:16:09.640 marcar. Así que cuando vuelve a Mi aplicación y si puedo ir a 00:16:09.690 --> 00:16:11.770 la página de información de Facebook 00:16:13.970 --> 00:16:16.530 se trata de la cantidad de código que tenía escribir generar vistas en miniatura. 00:16:16.580 --> 00:16:20.150 De nuevo, hay muy poco CSS. Se trata de CSS clases que 00:16:20.200 --> 00:16:23.880 proviene del marco Bootstrap. No tengo que escribir 00:16:23.930 --> 00:16:29.350 las CSS personalizado para generar una vista en miniatura vista de todas mis imágenes. 00:16:29.400 --> 00:16:34.510 Sólo de nuevo para cerrar la sesión es: iniciar la integración de ASP.NET 00:16:34.560 --> 00:16:39.640 plantillas facilita realmente Para empezar con una plantilla 00:16:39.690 --> 00:16:43.720 que es la capacidad de respuesta, de que es móvil descriptivo, que es la línea de metro 00:16:43.770 --> 00:16:47.370 con temas, que facilita realmente Para crear aplicaciones 00:16:47.420 --> 00:16:51.220 por lo que puede dirigirse a otro formulario factores y exploradores diferentes. 00:16:51.690 --> 00:16:54.390 Y puede pasar la mayor parte de su tiempo creación de aplicaciones específicas 00:16:54.510 --> 00:16:57.220 lógica y no preocuparse acerca de el marco de interfaz de usuario. 00:16:57.730 --> 00:17:00.560 Así que espero que hayas disfrutado. Gracias ¿Para ver este vídeo. 00:17:00.610 --> 00:17:03.870 Espero que haya disfrutado de la secuencia de inicio integración en Visual Studio 00:17:03.920 --> 00:17:07.640 y ASP.NET y espero que le Utilice estas plantillas para crear 00:17:07.690 --> 00:17:11.440 las aplicaciones. Para obtener más información puede ir al sitio ASP.NET 00:17:11.490 --> 00:17:17.300 y vea cómo puede integrar y Bootstrap mejor.