Vamos a comenzar nuestro proyecto de agenda.
Lo primero que voy a hacer es abrir lo que viene siendo la carpeta Chete docx dependiendo de lo que
estés utilizando va a ser la carpeta Chete docx o doblé WWE bolsistas en Guam y lo primero que voy a
crear aquí una nueva carpeta lo voy a llamar agenda PHP.
Estaremos creando el proyecto de la agenda con muchas características y muchas cosas por aprender.
Lo primero que voy a hacer es abrir este proyecto en mi editor externo utilizando Visual Studio Coast
para este proyecto.
Voy a hacer un poco más pequeño y lo primero es que voy a crear algunos archivos siempre requerimos
el índex punto PHP colocar aquí también y crear algunas carpetas.
Por ejemplo una carpeta llamada incluís en ella voy a colocar algunas funciones mi conexión a la base
de datos y lo voy a nombrar como y en ese creo que es más corto se da por hecho que serán los mods y
iba a crear una carpeta que diga aquí funciones y voy a crear otra carpeta que se va a llamar la otra.
Entre los inputs que voy a tener será Angerer y el Führer por lo tanto crea una acciãn Layout para colocar
esos elementos también voy a crear una carpeta llamada CSS muy importante debe estar en el mismo nivel
de incluís y una llamada J.V también que también debe estar en el mismo nivel aquí voy a colocar un
archivo llamado está el punto CSS y recuerda puedes nombrarlo como tu dices en algunos ejemplos va a
estar como main pronto CSS y otros lo van a poner como estilos puntos CSS puedes nombrarlos como tú
deseas y también en el JS voy a nombrarlo este como app J.V que contiene todo lo que viene siendo el
JavaScript de nuestra aplicación y estaremos escribiendo el código a lo largo de este curso en esta
parte voy a cerrar estos archivos a quien le voy a crear lo que es el punto PHP y también voy a crear
el Führer punto PHP
y por ejemplo vamos a comenzar con el Gerver tengo preparado un GIST que lo voy a colocar en los archivos
del curso.
Voy a copiar esta parte que dice Gelder y Geddes luego acá equipas del TSJ ese debe ser PHP contiene
Norma Leys ya cargado para no ir a copiar y pegar y también la última versión de Font Osona y un enlace
a agenda .6 ese que lo voy a nombrar por esta el punto ese si ya lo vas a encontrar corregido en todo.
Una vez que los videos listos tenemos también un título y me falta lo que viene haciendo el Führer punto
PHP esto lo va a colocar aquí tienes el enlace al archivo de JavaScript abrimos el Index y aquí vamos
a darle input PHP included y en ese en nuestra carpeta de Diagonal Layo diagonal Jaider punto PHP punto
y coma aquí se lo hemos PHP y de la misma forma vamos a copiar y pegar aquí abajo que iba a ser el Führer
punto PHP podemos abrir nuestro proyecto aquí tenemos los OS.
En mi caso es dos puntos 8 8 8 8 puede ser que no requieras el puerto que va a poner diagonal agenda
PHP.
De momento no tenemos nada solamente aparece que agenda de contactos.
Puedes comprobar que todo funciona si abres la consola y no tienes ningún error.
Eso quiere decir que están cargado correctamente lo que es el JavaScript y la hoja de estilos.
Aquí va a colocar un dip con una clase una clase que va a llamar contenedor barra.
Si vemos el diseño final que estamos tratando de lograr voy a hacer libro tenemos esta barra en la parte
superior que esa agenda de contactos y cuando quieres editar un contacto aparece editar contacto y este
botón de volver.
Entonces vamos a crear este contenedor barra que poner un H1 que va a decir agenda de contactos y cerramos
SH1 abrimos este código abrimos nuevamente y vemos que aquí agenda de contactos entonces tenemos ya
la primera parte hemos comenzado bien lo que es este proyecto en el siguiente vamos a comenzar a trabajar
con esta parte.
Luego el CSS y luego los de abajo y el CSS para irlo armando poco a poco a lo largo de este capítulo.