1
00:00:00,360 --> 00:00:03,190
Vamos a comenzar nuestro proyecto de agenda.

2
00:00:03,330 --> 00:00:08,220
Lo primero que voy a hacer es abrir lo que viene siendo la carpeta Chete docx dependiendo de lo que

3
00:00:08,220 --> 00:00:15,380
estés utilizando va a ser la carpeta Chete docx o doblé WWE bolsistas en Guam y lo primero que voy a

4
00:00:15,380 --> 00:00:20,490
crear aquí una nueva carpeta lo voy a llamar agenda PHP.

5
00:00:20,490 --> 00:00:26,910
Estaremos creando el proyecto de la agenda con muchas características y muchas cosas por aprender.

6
00:00:26,910 --> 00:00:33,200
Lo primero que voy a hacer es abrir este proyecto en mi editor externo utilizando Visual Studio Coast

7
00:00:34,140 --> 00:00:35,060
para este proyecto.

8
00:00:35,060 --> 00:00:40,950
Voy a hacer un poco más pequeño y lo primero es que voy a crear algunos archivos siempre requerimos

9
00:00:40,950 --> 00:00:46,930
el índex punto PHP colocar aquí también y crear algunas carpetas.

10
00:00:46,940 --> 00:00:53,390
Por ejemplo una carpeta llamada incluís en ella voy a colocar algunas funciones mi conexión a la base

11
00:00:53,390 --> 00:01:01,800
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

12
00:01:01,810 --> 00:01:09,990
iba a crear una carpeta que diga aquí funciones y voy a crear otra carpeta que se va a llamar la otra.

13
00:01:10,080 --> 00:01:15,330
Entre los inputs que voy a tener será Angerer y el Führer por lo tanto crea una acciãn Layout para colocar

14
00:01:15,330 --> 00:01:21,770
esos elementos también voy a crear una carpeta llamada CSS muy importante debe estar en el mismo nivel

15
00:01:21,770 --> 00:01:30,460
de incluís y una llamada J.V también que también debe estar en el mismo nivel aquí voy a colocar un

16
00:01:30,460 --> 00:01:36,380
archivo llamado está el punto CSS y recuerda puedes nombrarlo como tu dices en algunos ejemplos va a

17
00:01:36,380 --> 00:01:42,220
estar como main pronto CSS y otros lo van a poner como estilos puntos CSS puedes nombrarlos como tú

18
00:01:42,270 --> 00:01:50,400
deseas y también en el JS voy a nombrarlo este como app J.V que contiene todo lo que viene siendo el

19
00:01:50,410 --> 00:01:55,900
JavaScript de nuestra aplicación y estaremos escribiendo el código a lo largo de este curso en esta

20
00:01:55,900 --> 00:02:03,220
parte voy a cerrar estos archivos a quien le voy a crear lo que es el punto PHP y también voy a crear

21
00:02:03,220 --> 00:02:04,470
el Führer punto PHP

22
00:02:07,390 --> 00:02:13,810
y por ejemplo vamos a comenzar con el Gerver tengo preparado un GIST que lo voy a colocar en los archivos

23
00:02:13,810 --> 00:02:15,020
del curso.

24
00:02:15,280 --> 00:02:24,550
Voy a copiar esta parte que dice Gelder y Geddes luego acá equipas del TSJ ese debe ser PHP contiene

25
00:02:24,650 --> 00:02:32,170
Norma Leys ya cargado para no ir a copiar y pegar y también la última versión de Font Osona y un enlace

26
00:02:32,170 --> 00:02:38,290
a agenda .6 ese que lo voy a nombrar por esta el punto ese si ya lo vas a encontrar corregido en todo.

27
00:02:38,290 --> 00:02:45,390
Una vez que los videos listos tenemos también un título y me falta lo que viene haciendo el Führer punto

28
00:02:45,400 --> 00:02:53,150
PHP esto lo va a colocar aquí tienes el enlace al archivo de JavaScript abrimos el Index y aquí vamos

29
00:02:53,150 --> 00:03:05,240
a darle input PHP included y en ese en nuestra carpeta de Diagonal Layo diagonal Jaider punto PHP punto

30
00:03:05,240 --> 00:03:12,530
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

31
00:03:12,530 --> 00:03:17,780
punto PHP podemos abrir nuestro proyecto aquí tenemos los OS.

32
00:03:17,860 --> 00:03:26,820
En mi caso es dos puntos 8 8 8 8 puede ser que no requieras el puerto que va a poner diagonal agenda

33
00:03:27,240 --> 00:03:28,700
PHP.

34
00:03:28,800 --> 00:03:32,000
De momento no tenemos nada solamente aparece que agenda de contactos.

35
00:03:32,190 --> 00:03:36,390
Puedes comprobar que todo funciona si abres la consola y no tienes ningún error.

36
00:03:36,510 --> 00:03:42,230
Eso quiere decir que están cargado correctamente lo que es el JavaScript y la hoja de estilos.

37
00:03:42,330 --> 00:03:48,860
Aquí va a colocar un dip con una clase una clase que va a llamar contenedor barra.

38
00:03:48,870 --> 00:03:56,230
Si vemos el diseño final que estamos tratando de lograr voy a hacer libro tenemos esta barra en la parte

39
00:03:56,230 --> 00:04:01,060
superior que esa agenda de contactos y cuando quieres editar un contacto aparece editar contacto y este

40
00:04:01,060 --> 00:04:01,860
botón de volver.

41
00:04:02,110 --> 00:04:11,050
Entonces vamos a crear este contenedor barra que poner un H1 que va a decir agenda de contactos y cerramos

42
00:04:11,050 --> 00:04:18,880
SH1 abrimos este código abrimos nuevamente y vemos que aquí agenda de contactos entonces tenemos ya

43
00:04:18,880 --> 00:04:24,730
la primera parte hemos comenzado bien lo que es este proyecto en el siguiente vamos a comenzar a trabajar

44
00:04:24,730 --> 00:04:25,540
con esta parte.

45
00:04:25,570 --> 00:04:32,740
Luego el CSS y luego los de abajo y el CSS para irlo armando poco a poco a lo largo de este capítulo.