1
00:00:00,510 --> 00:00:04,420
En este capítulo te mostraré cómo crear este proyecto que se llama optasen.

2
00:00:04,860 --> 00:00:07,390
Es un administrador de proyectos.

3
00:00:07,540 --> 00:00:10,740
Si doy click aquí inicia sesión o crear una cuenta nueva.

4
00:00:10,740 --> 00:00:11,830
Haz click aquí.

5
00:00:11,880 --> 00:00:14,850
Esto me va a permitir crear una nueva cuenta en mi caso yo ya tengo una.

6
00:00:14,850 --> 00:00:22,200
Entonces vuelvo a iniciar sesión y me voy a guiar colocó mi usuario y mi password doy clic en Iniciar

7
00:00:22,200 --> 00:00:25,980
Sesión y vemos la alerta que dice lo incorrecto.

8
00:00:26,010 --> 00:00:28,580
Presiona ok para abrir el dashboard.

9
00:00:28,680 --> 00:00:35,430
En el caso de que escribamos algo mal aquí por ejemplo admin y pongan password incorrecto iniciar sesión

10
00:00:35,920 --> 00:00:39,820
vemos que decimos un error pero lo colocamos correctamente.

11
00:00:40,740 --> 00:00:47,450
Y nos va a permitir guiarnos a nuestro Dashboard de administración desde aquí podemos crear nuevos proyectos

12
00:00:47,450 --> 00:00:51,120
en el lado izquierdo y asignarles tareas en el lado derecho.

13
00:00:51,170 --> 00:00:54,880
Aquí tengo algunos proyectos pero podemos crear uno nuevo.

14
00:00:55,020 --> 00:00:59,990
Si cree que no proyecto puedes ver que se habilita este input por lo tanto aquí puedes darle un nuevo

15
00:00:59,990 --> 00:01:08,760
nombre aquí tienda virtual en Shopify y todavía enter y veremos que nos dice el proyecto se ha creado

16
00:01:08,760 --> 00:01:15,200
el proyecto tienda virtual en Shopify se creó doy click en OK todo esto ya me lleva al proyecto actual

17
00:01:15,230 --> 00:01:21,010
que es una tienda virtual en Shopify te voy a mostrar cómo hacer toda esa funcionalidad que vimos anteriormente

18
00:01:22,120 --> 00:01:23,220
aquí agrego mis tareas.

19
00:01:23,230 --> 00:01:28,840
Pero si le voy a agregar dice error una tarea no puede ir vacía te mostraré cómo validar formularios

20
00:01:28,840 --> 00:01:35,380
con JavaScript y puedes ver que aquí no hay tareas en este proyecto pero vamos a crear una nueva agregar

21
00:01:36,850 --> 00:01:41,860
logotipo y agregar que la tarea fue creada.

22
00:01:42,080 --> 00:01:44,570
La tarea de agregar logotipos se creó correctamente.

23
00:01:44,580 --> 00:01:47,580
Yo-Kai y vemos que aparece la tarea.

24
00:01:47,810 --> 00:01:56,710
Puedo agregar más cambiar colores o también crear formularios de contacto y notar cómo se crea la alerta

25
00:01:56,710 --> 00:01:59,600
se crea el contenido aquí sin necesidad de recargar la página.

26
00:01:59,590 --> 00:02:06,590
Todo eso lo veremos con Ayax y también se resetea el formulario sólo veremos con JavaScript agregar

27
00:02:07,100 --> 00:02:12,550
formulario de contacto y le damos agregar también.

28
00:02:12,800 --> 00:02:18,990
Yo tengo tres tareas y puedes ver las alertas que aparecen ya tengo tres tareas y todo esto se va a

29
00:02:18,990 --> 00:02:24,060
guardar en la base de datos es decir si recargo la página esto sigue apareciendo porque está almacenado

30
00:02:24,540 --> 00:02:26,960
y lo guardamos utilizando PHP y Meucci.

31
00:02:27,510 --> 00:02:32,520
Desde aquí puedo marcar qué tareas ha determinado si doy clic en este signo vemos que se ponen color

32
00:02:32,520 --> 00:02:39,590
verde si recargo vemos que sigue en color verde y puedo marcar está también o marcar todas o desmarcar

33
00:02:39,590 --> 00:02:45,340
las para marcarlos como incompletas y todo su estado se guarda en la base de datos.

34
00:02:45,590 --> 00:02:51,210
Un proyecto que a mi me gusta mucho también si quieres eliminar una tarea que ya no necesitas hacer

35
00:02:51,210 --> 00:02:57,210
o ya completaste puedes dar clic aquí te va a preguntar con un mensaje de confirmación puedes dar clic

36
00:02:57,210 --> 00:03:04,110
en Cancelar y nada pasa haz click aquí le das sin borrar dice eliminado la tarea fue eliminada y vemos

37
00:03:04,110 --> 00:03:11,130
que desaparece esta parte y también si recargamos desaparece totalmente del proyecto si después decides

38
00:03:11,130 --> 00:03:14,860
eliminar todas las tareas porque ya terminaste.

39
00:03:14,860 --> 00:03:19,450
Puedes ver que una vez que dejas la lista vacía nuevamente te aparece no hay tareas en este proyecto

40
00:03:19,450 --> 00:03:25,810
y puedes continuar agregando aquí estoy en el proyecto actual tienda virtual en Shopify pero puedo cambiarme

41
00:03:25,810 --> 00:03:32,710
fácilmente a los distintos proyectos los que tienen algo pues aquí aparece puedes marcarlos y continuar

42
00:03:32,770 --> 00:03:39,510
con los siguientes en el caso de que no haya algo puedes ver que en algunos casos aparece que no hay

43
00:03:39,510 --> 00:03:44,580
tareas pero siempre estamos viendo en qué proyecto estamos y tenemos el formulario para agregar más

44
00:03:44,580 --> 00:03:45,290
proyectos.

45
00:03:46,740 --> 00:03:48,470
Y también para agregar más tareas.

46
00:03:51,540 --> 00:03:55,590
Eso es lo que vas a aprender en este capítulo siempre he creído que se aprende más creando proyectos

47
00:03:55,590 --> 00:04:01,860
del mundo real y crearemos nuestro administrador de proyectos que podrás utilizar ahora que has comenzado

48
00:04:01,860 --> 00:04:04,670
una nueva carrera como desarrollador web.