1
00:00:00,570 --> 00:00:05,920
En este video vamos a comenzar con la función del nuevo proyecto como dije anteriormente la idea es

2
00:00:05,940 --> 00:00:11,750
que al dar clic aquí aparezca un input de esta parte entonces vamos a hacer lo siguiente hay que poner

3
00:00:11,750 --> 00:00:20,970
un comentario que diga crea un input para el nombre del nuevo proyecto se creará una nueva variable

4
00:00:20,970 --> 00:00:30,800
de nuevo proyecto nuevo proyecto va a ser igual a documento punto criadita Element para que nos quede

5
00:00:30,800 --> 00:00:31,700
el nuevo elemento

6
00:00:34,800 --> 00:00:36,090
que va a ser un tipo de ley.

7
00:00:36,090 --> 00:00:40,130
Esta barra lateral es salvar punto PHP.

8
00:00:40,140 --> 00:00:50,450
Cada uno de estos elementos es una ley le leí después de vamos a agregar nuevo proyecto contó INER.

9
00:00:50,490 --> 00:00:58,360
HTML va a ser igual a imput Taieb Text una de nuevo proyecto

10
00:01:02,380 --> 00:01:10,510
después vamos a seleccionar la lista de proyectos la lista de proyectos es salvar esta lista de proyectos

11
00:01:11,100 --> 00:01:18,750
o proyectos proyectos con el huele creo que es mejor entonces eso va a ser una variable global lista

12
00:01:19,010 --> 00:01:28,490
de proyectos para que esté disponible en todas las distintas secciones Bahr como lista proyectos document

13
00:01:28,490 --> 00:01:39,120
punto y selector y ponemos o l Proyectos ya esta lista de proyectos aquí la lista de proyectos ni ponemos

14
00:01:39,120 --> 00:01:50,360
Append Chile el nuevo proyecto que viene siendo nada más entonces vamos a seleccionar aquí recargar

15
00:01:50,800 --> 00:01:56,610
nuevo proyecto y vemos que tenemos nuestro imput ya podemos escribir Aner la idea que tengo es que podemos

16
00:01:56,610 --> 00:01:59,940
presionar Enter y almacene el nuevo proyecto.

17
00:01:59,940 --> 00:02:05,710
Entonces todavía falta un poco más de código por hacer puedes ver que se inspeccionó aquí me ha creado

18
00:02:05,710 --> 00:02:16,370
un imputs con el IDE de nuevo proyecto entonces vamos a crear o seleccionar el live con el nuevo proyecto

19
00:02:18,310 --> 00:02:27,490
una vez que se crea veremos como bar imput nuevo proyecto igualad document .4 y selector y aquí vamos

20
00:02:27,490 --> 00:02:34,360
a poner el nuevo un proyecto que es el ideal del que acabamos de crear cada vez que creamos uno va a

21
00:02:34,360 --> 00:02:43,130
tener una idea único siguiente que voy a hacer es aquí poner un proyecto y aquí vamos a poner al presionar

22
00:02:43,670 --> 00:02:52,260
enter crear el proyecto JavaScript tiene la ventaja de que tiene mucho se bendicen incluso puedes seleccionar

23
00:02:52,540 --> 00:03:01,540
por una tecla que el usuario presione en su teclado más espacio aquí y vamos a poner imput nuevo proyecto

24
00:03:02,380 --> 00:03:05,980
y le vamos a agregar un 10 en él añade Bendixen.

25
00:03:05,990 --> 00:03:14,020
Aquí preces es el liceo era el evento que en este caso va a ser cada que el usuario escriba algo funciona.

26
00:03:15,770 --> 00:03:23,510
Y aquí vamos a seleccionar la tecla la tecla que estoy buscando es enter cada vez que el usuario presione

27
00:03:23,990 --> 00:03:25,040
Enter.

28
00:03:25,160 --> 00:03:38,120
Vamos a vamos a insertar el proyecto incluso aquí por ejemplo si le pones log que es el evento y recargamos

29
00:03:38,730 --> 00:03:40,390
sobre nuestra consola.

30
00:03:40,390 --> 00:03:44,240
Si Aquileo de nuevo proyecto y comienzo a escribir puedes ver que está enviando cada que escribo un

31
00:03:44,240 --> 00:03:51,980
evento nuevo pero puedes dar click aquí y Vauban vas a encontrar algo que se llama Witch que está aquí

32
00:03:51,980 --> 00:04:02,570
abajo e presionarles letra A S Witch es el número 97 si yo presiono enter el Witch es el número 3 entonces

33
00:04:02,570 --> 00:04:06,320
el código del número del lente es el 13.

34
00:04:06,560 --> 00:04:17,170
Puede ser Huicho puede ser el kickoff incluso aquí el aquí entonces aquí voy a poner Baur tecla a Iguala

35
00:04:17,310 --> 00:04:21,610
y punto Witch o y punto.

36
00:04:21,630 --> 00:04:28,660
Kickoff y ahora ponemos IBF la tecla que estamos presionando es igual a El Trece.

37
00:04:28,770 --> 00:04:36,530
Entonces cuando suenan consolón presionarte 13 o Enter.

38
00:04:36,870 --> 00:04:45,520
Mejor presionarte traicionaste enter Crookes una mejor recargamos nuevo proyecto y escribo y puedes

39
00:04:45,540 --> 00:04:52,110
ver que no hago nada pero si le pongo enter aparece presionas enter y de esta forma puedes esperar un

40
00:04:52,110 --> 00:04:59,190
licencia para cualquier tecla de tu teclado y reaccionar en base a esa tecla tú dices Bueno yo no quiero

41
00:04:59,190 --> 00:05:04,800
que sea la ínter quiero que sea alumno o quiero que sea al salir de aquí pues también hay eventos para

42
00:05:04,800 --> 00:05:06,140
esas partes.

43
00:05:06,400 --> 00:05:12,270
Mi caso yo lo quiero comentar refrescaba que Deventer tiene que crearse el siguiente código lo que viene

44
00:05:12,270 --> 00:05:19,020
siendo el delay con el HR-V y el texto entonces vamos a crear esa parte en lugar de crear una función

45
00:05:19,020 --> 00:05:20,790
mucho más grande.

46
00:05:20,790 --> 00:05:23,730
Yo siempre recomiendo comerlo dimitiendo en funciones más pequeñas.

47
00:05:23,730 --> 00:05:31,910
Por lo tanto aquí voy a eliminar esto y lo que voy a hacer es crear una nueva función con una función

48
00:05:31,910 --> 00:05:37,270
función guardar guardar proyecto.

49
00:05:37,300 --> 00:05:43,720
Esto también lo vas a insertar en el HTML pero también lo va a guardar en la base de datos entonces

50
00:05:43,780 --> 00:05:49,290
aquí vamos a ejecutar y lo voy a eliminar.

51
00:05:49,470 --> 00:05:54,860
Mandamos llamar a esa función puede dar proyecto va a tomar un nombre de Proyecto ante un Seki pongo

52
00:05:54,880 --> 00:05:59,990
nombre Proyecto cómo accedemos al nombre del proyecto.

53
00:06:00,000 --> 00:06:09,990
Bueno aquí ya tengo el input con el nuevo proyecto pongo aquí proyecto y el valio y ya por ejemplo aquí

54
00:06:09,990 --> 00:06:21,920
abajo oponerle con su blog nombre Proyecto Punto y Coma aquí os guardamos cambios y le damos nuevo proyecto

55
00:06:21,920 --> 00:06:29,360
y podemos poner aquí por ejemplo el nuevo sitio y darle enter y cuando le das enter que detecta que

56
00:06:29,360 --> 00:06:35,070
la tecla es 3 entonces manda llamar la nueva función toma el input nuevo proyecto que tiene Lire de

57
00:06:35,100 --> 00:06:40,100
nuevo proyecto y es su punto valio que es lo que el usuario ha escrito aquí lo manda la nueva función

58
00:06:40,100 --> 00:06:45,860
e imprime el nuevo proyecto y puedes ver que aquí está el nuevo sitio una vez que le dé enter quiero

59
00:06:45,870 --> 00:06:53,750
que este input que está aquí desaparezca porque ya todo va a ser hecho en esta función y es muy fácil

60
00:06:53,750 --> 00:06:59,190
de hacer porque tenemos la lista de proyectos y le damos remover Chile.

61
00:06:59,480 --> 00:07:02,540
El nuevo proyecto.

62
00:07:02,540 --> 00:07:09,620
Este nuevo proyecto este está aquí le leí con el input ya a estas alturas no podemos eliminar porque

63
00:07:09,620 --> 00:07:16,010
ya se ha pasado hacia acá el nombre del proyecto entonces ya podemos eliminar esa parte nuevo proyecto

64
00:07:17,510 --> 00:07:23,210
tienda virtual y le damos enter y vemos que lo elimina.

65
00:07:23,510 --> 00:07:29,360
Pero ya tengo el acceso a tienda virtual en guardar proyecto y de aquí puedo continuar construyendo

66
00:07:29,360 --> 00:07:34,700
mi template y crear el llamado Ayax y todo lo necesario.

67
00:07:34,700 --> 00:07:39,810
Vamos a continuar en el siguiente vídeo vamos a imprimir el HTML aquí y después haremos el llamado a

68
00:07:39,810 --> 00:07:40,520
Ayax.