En este capítulo te mostraré cómo crear este proyecto que se llama optasen.
Es un administrador de proyectos.
Si doy click aquí inicia sesión o crear una cuenta nueva.
Haz click aquí.
Esto me va a permitir crear una nueva cuenta en mi caso yo ya tengo una.
Entonces vuelvo a iniciar sesión y me voy a guiar colocó mi usuario y mi password doy clic en Iniciar
Sesión y vemos la alerta que dice lo incorrecto.
Presiona ok para abrir el dashboard.
En el caso de que escribamos algo mal aquí por ejemplo admin y pongan password incorrecto iniciar sesión
vemos que decimos un error pero lo colocamos correctamente.
Y nos va a permitir guiarnos a nuestro Dashboard de administración desde aquí podemos crear nuevos proyectos
en el lado izquierdo y asignarles tareas en el lado derecho.
Aquí tengo algunos proyectos pero podemos crear uno nuevo.
Si cree que no proyecto puedes ver que se habilita este input por lo tanto aquí puedes darle un nuevo
nombre aquí tienda virtual en Shopify y todavía enter y veremos que nos dice el proyecto se ha creado
el proyecto tienda virtual en Shopify se creó doy click en OK todo esto ya me lleva al proyecto actual
que es una tienda virtual en Shopify te voy a mostrar cómo hacer toda esa funcionalidad que vimos anteriormente
aquí agrego mis tareas.
Pero si le voy a agregar dice error una tarea no puede ir vacía te mostraré cómo validar formularios
con JavaScript y puedes ver que aquí no hay tareas en este proyecto pero vamos a crear una nueva agregar
logotipo y agregar que la tarea fue creada.
La tarea de agregar logotipos se creó correctamente.
Yo-Kai y vemos que aparece la tarea.
Puedo agregar más cambiar colores o también crear formularios de contacto y notar cómo se crea la alerta
se crea el contenido aquí sin necesidad de recargar la página.
Todo eso lo veremos con Ayax y también se resetea el formulario sólo veremos con JavaScript agregar
formulario de contacto y le damos agregar también.
Yo tengo tres tareas y puedes ver las alertas que aparecen ya tengo tres tareas y todo esto se va a
guardar en la base de datos es decir si recargo la página esto sigue apareciendo porque está almacenado
y lo guardamos utilizando PHP y Meucci.
Desde aquí puedo marcar qué tareas ha determinado si doy clic en este signo vemos que se ponen color
verde si recargo vemos que sigue en color verde y puedo marcar está también o marcar todas o desmarcar
las para marcarlos como incompletas y todo su estado se guarda en la base de datos.
Un proyecto que a mi me gusta mucho también si quieres eliminar una tarea que ya no necesitas hacer
o ya completaste puedes dar clic aquí te va a preguntar con un mensaje de confirmación puedes dar clic
en Cancelar y nada pasa haz click aquí le das sin borrar dice eliminado la tarea fue eliminada y vemos
que desaparece esta parte y también si recargamos desaparece totalmente del proyecto si después decides
eliminar todas las tareas porque ya terminaste.
Puedes ver que una vez que dejas la lista vacía nuevamente te aparece no hay tareas en este proyecto
y puedes continuar agregando aquí estoy en el proyecto actual tienda virtual en Shopify pero puedo cambiarme
fácilmente a los distintos proyectos los que tienen algo pues aquí aparece puedes marcarlos y continuar
con los siguientes en el caso de que no haya algo puedes ver que en algunos casos aparece que no hay
tareas pero siempre estamos viendo en qué proyecto estamos y tenemos el formulario para agregar más
proyectos.
Y también para agregar más tareas.
Eso es lo que vas a aprender en este capítulo siempre he creído que se aprende más creando proyectos
del mundo real y crearemos nuestro administrador de proyectos que podrás utilizar ahora que has comenzado
una nueva carrera como desarrollador web.