1
00:00:06,750 --> 00:00:12,340
En este día vamos a comenzar nuestro proyecto final que va a ser un proyecto que estaremos creando a

2
00:00:12,340 --> 00:00:19,390
lo largo de muchos capítulos en este curso lo iremos dividiendo por ejemplo en estas tres primeros capítulos

3
00:00:20,380 --> 00:00:26,530
estaremos creando nada más lo que viene siendo de HTML CSS de ahí nos iremos a la parte de JavaScript

4
00:00:26,560 --> 00:00:31,310
para ver un poco sobre el lenguaje integraremos nuevas funcionalidades en nuestro proyecto.

5
00:00:31,310 --> 00:00:37,720
Luego nos moveremos a PHP Maykel y volveremos al proyecto para integrarles lo que ya hemos aprendido

6
00:00:38,260 --> 00:00:45,980
así que va a ser un proyecto que nos va a tomar tiempo porque es un proyecto complejo y lo vamos a empezar

7
00:00:45,980 --> 00:00:56,270
de la mejor forma con HTML5 Boiler play y HTML5 Boiler play es muy muy útil para arrancar un proyecto

8
00:00:56,720 --> 00:01:02,160
de HTML5 en menos de una forma más consistente.

9
00:01:02,160 --> 00:01:13,050
Puedes ver aquí lo que dice que HTML5 te ayuda a construir sitios web rápido robustos y adaptables y

10
00:01:13,380 --> 00:01:21,960
es un proyecto que tiene el código de más de 100 desarrolladores y que solamente podemos descargar haciendo

11
00:01:21,960 --> 00:01:31,400
clic en el botón naranja hacer click aquí y vemos que nos va a descargar la versión 5.3 .0 si tú tienes

12
00:01:31,400 --> 00:01:39,650
otra versión no tienes que preocuparte normalmente le agregan puras actualizaciones mejoras si la estructura

13
00:01:39,650 --> 00:01:40,310
es la misma.

14
00:01:42,020 --> 00:01:50,490
Descomprimió nuestro proyecto y en mi caso este proyecto lo llamé GDL webcam que tengo el diseño en

15
00:01:50,490 --> 00:01:59,070
Photoshop que que estaremos construyendo a lo largo del proyecto es una conferencia de diseño web va

16
00:01:59,070 --> 00:02:06,210
a tener un diseño algunas cosas con CSS talleres conferencias seminarios la gente se podrá registrar

17
00:02:06,270 --> 00:02:12,680
sus seminarios y pagar por PayPal así que va a ser un proyecto un tanto ambicioso que te va a servir

18
00:02:12,680 --> 00:02:16,440
como primer proyecto para aprender cosas nuevas.

19
00:02:16,580 --> 00:02:23,270
Vamos a arrastrar este proyecto a nuestro escritorio ahorita de momento en el escritorio está bien ya

20
00:02:23,270 --> 00:02:27,230
que estamos trabajando con PHP lo moveremos a un servidor local.

21
00:02:27,440 --> 00:02:36,230
De momento todo lo que será HTML CSS funciona perfectamente en este lugar vamos a abrir GDL web con

22
00:02:36,240 --> 00:02:40,250
esta carpeta en Atom y vamos a hacer doble click aquí.

23
00:02:40,250 --> 00:02:50,660
También vemos que tenemos esta estructura vemos que tenemos una página 4 400 4.ª HTML.

24
00:02:50,790 --> 00:02:54,920
Tenemos un ícono que vamos a cambiar más adelante.

25
00:02:55,260 --> 00:03:04,880
Tenemos una carpeta para CSS ya tiene normalismo y una que dice Me tenemos un icono una carpeta para

26
00:03:04,880 --> 00:03:05,610
las imágenes.

27
00:03:05,610 --> 00:03:07,440
Ya no tendremos que crearla.

28
00:03:07,750 --> 00:03:15,790
Un índex punto HTML que si lo abrimos nada más dice HTML5 Boiler Plait y tenemos una Crovetto para JavaScript

29
00:03:16,210 --> 00:03:23,420
para los robots y otros dos imágenes que podremos utilizar más adelante vamos a ver cómo se utilizan

30
00:03:23,420 --> 00:03:32,810
estas imágenes mucho más adelante si abrimos el proyecto y abrimos aquí el Index vas a darte cuenta

31
00:03:32,810 --> 00:03:41,600
y vamos a hacerlo en estos te podrás dar cuenta que ya viene creado una estructura de HTML ya tenemos

32
00:03:41,600 --> 00:03:49,580
los View Porto ya tenemos normales y una hoja de estilos así como modernizar modernizarlos una librería

33
00:03:50,350 --> 00:03:52,040
que te va a ayudar a detectar

34
00:03:54,530 --> 00:04:00,650
por ejemplo si un usuario está visitando un navegador nuevo o viejo dependiendo de lo que del usuario

35
00:04:00,650 --> 00:04:06,640
y de lo que el usuario de lo que el navegador soporte le va a cambiar la experiencia del usuario.

36
00:04:06,800 --> 00:04:11,780
Vamos a darle un poco de scroll para que podamos ver que tenemos Vickery un archivo llamado plugins

37
00:04:11,800 --> 00:04:18,880
J.S que tiene algún código y el punto J.V que es donde podemos escribir nuestro código tendremos también

38
00:04:18,880 --> 00:04:26,060
para Google Analytics que aquí tendríamos que agregar nuestra propia cuenta de Google Analytics.

39
00:04:26,200 --> 00:04:33,350
Si abrimos el CSS y abrimos el mail en puntos CSS veremos que tiene algo de estilos escritos en una

40
00:04:33,350 --> 00:04:38,490
sección si damos un poco de scroll que dice autor custom stairs.

41
00:04:38,600 --> 00:04:46,720
Así queda aquí de la línea 97 es donde podremos escribir nuestro código para nuestro proyecto nuestro

42
00:04:46,720 --> 00:04:48,340
código personal.

43
00:04:48,340 --> 00:04:54,530
Hay algo de quitame Savage Helper clases por ejemplo hay quienes piden que le agrega un display para

44
00:04:54,550 --> 00:05:01,270
ocultarlo y también tenemos un índice aquí tenemos un clip Fix.

45
00:05:01,530 --> 00:05:07,610
Ya no se agregan FICX tenemos unos media queries estos no los vamos a estar utilizando estaremos utilizando

46
00:05:07,610 --> 00:05:15,390
los nuestros y unos estilos para cuando la página sea impresa en una hoja de papel por último antes

47
00:05:15,390 --> 00:05:21,450
de finalizar este video vamos a abrir el vamos que tenemos una versión de Cuadri y agregada y una de

48
00:05:21,450 --> 00:05:22,200
modernicen.

49
00:05:22,780 --> 00:05:29,590
Si venimos a quien plugins ya tenemos este código en este momento no lo vamos a tocar pero en el mail

50
00:05:29,610 --> 00:05:36,420
apuntó J.S. Es donde irá todo nuestro código de JavaScript que agregamos un poco más adelante agregaremos

51
00:05:36,420 --> 00:05:41,530
algunas líneas de JavaScript para hacer este diseño más atractivo.

52
00:05:41,880 --> 00:05:48,660
Así que estos modernicen a partir del siguiente video vamos a comenzar a trabajar con el encabezado

53
00:05:49,320 --> 00:05:57,790
de nuestro diseño qué tiene esta imagen de fondo el título la fecha el eslogan y el menú de redes sociales

54
00:05:58,630 --> 00:06:01,440
así que nos vemos en el siguiente video.