En este día vamos a comenzar nuestro proyecto final que va a ser un proyecto que estaremos creando a
lo largo de muchos capítulos en este curso lo iremos dividiendo por ejemplo en estas tres primeros capítulos
estaremos creando nada más lo que viene siendo de HTML CSS de ahí nos iremos a la parte de JavaScript
para ver un poco sobre el lenguaje integraremos nuevas funcionalidades en nuestro proyecto.
Luego nos moveremos a PHP Maykel y volveremos al proyecto para integrarles lo que ya hemos aprendido
así que va a ser un proyecto que nos va a tomar tiempo porque es un proyecto complejo y lo vamos a empezar
de la mejor forma con HTML5 Boiler play y HTML5 Boiler play es muy muy útil para arrancar un proyecto
de HTML5 en menos de una forma más consistente.
Puedes ver aquí lo que dice que HTML5 te ayuda a construir sitios web rápido robustos y adaptables y
es un proyecto que tiene el código de más de 100 desarrolladores y que solamente podemos descargar haciendo
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
otra versión no tienes que preocuparte normalmente le agregan puras actualizaciones mejoras si la estructura
es la misma.
Descomprimió nuestro proyecto y en mi caso este proyecto lo llamé GDL webcam que tengo el diseño en
Photoshop que que estaremos construyendo a lo largo del proyecto es una conferencia de diseño web va
a tener un diseño algunas cosas con CSS talleres conferencias seminarios la gente se podrá registrar
sus seminarios y pagar por PayPal así que va a ser un proyecto un tanto ambicioso que te va a servir
como primer proyecto para aprender cosas nuevas.
Vamos a arrastrar este proyecto a nuestro escritorio ahorita de momento en el escritorio está bien ya
que estamos trabajando con PHP lo moveremos a un servidor local.
De momento todo lo que será HTML CSS funciona perfectamente en este lugar vamos a abrir GDL web con
esta carpeta en Atom y vamos a hacer doble click aquí.
También vemos que tenemos esta estructura vemos que tenemos una página 4 400 4.ª HTML.
Tenemos un ícono que vamos a cambiar más adelante.
Tenemos una carpeta para CSS ya tiene normalismo y una que dice Me tenemos un icono una carpeta para
las imágenes.
Ya no tendremos que crearla.
Un índex punto HTML que si lo abrimos nada más dice HTML5 Boiler Plait y tenemos una Crovetto para JavaScript
para los robots y otros dos imágenes que podremos utilizar más adelante vamos a ver cómo se utilizan
estas imágenes mucho más adelante si abrimos el proyecto y abrimos aquí el Index vas a darte cuenta
y vamos a hacerlo en estos te podrás dar cuenta que ya viene creado una estructura de HTML ya tenemos
los View Porto ya tenemos normales y una hoja de estilos así como modernizar modernizarlos una librería
que te va a ayudar a detectar
por ejemplo si un usuario está visitando un navegador nuevo o viejo dependiendo de lo que del usuario
y de lo que el usuario de lo que el navegador soporte le va a cambiar la experiencia del usuario.
Vamos a darle un poco de scroll para que podamos ver que tenemos Vickery un archivo llamado plugins
J.S que tiene algún código y el punto J.V que es donde podemos escribir nuestro código tendremos también
para Google Analytics que aquí tendríamos que agregar nuestra propia cuenta de Google Analytics.
Si abrimos el CSS y abrimos el mail en puntos CSS veremos que tiene algo de estilos escritos en una
sección si damos un poco de scroll que dice autor custom stairs.
Así queda aquí de la línea 97 es donde podremos escribir nuestro código para nuestro proyecto nuestro
código personal.
Hay algo de quitame Savage Helper clases por ejemplo hay quienes piden que le agrega un display para
ocultarlo y también tenemos un índice aquí tenemos un clip Fix.
Ya no se agregan FICX tenemos unos media queries estos no los vamos a estar utilizando estaremos utilizando
los nuestros y unos estilos para cuando la página sea impresa en una hoja de papel por último antes
de finalizar este video vamos a abrir el vamos que tenemos una versión de Cuadri y agregada y una de
modernicen.
Si venimos a quien plugins ya tenemos este código en este momento no lo vamos a tocar pero en el mail
apuntó J.S. Es donde irá todo nuestro código de JavaScript que agregamos un poco más adelante agregaremos
algunas líneas de JavaScript para hacer este diseño más atractivo.
Así que estos modernicen a partir del siguiente video vamos a comenzar a trabajar con el encabezado
de nuestro diseño qué tiene esta imagen de fondo el título la fecha el eslogan y el menú de redes sociales
así que nos vemos en el siguiente video.