FacebookYoutubeBlog

Actualizada
Noticias, descuentos, sorpresas
Recibe gratuitamente nuestro boletín con todas las novedades acerca de los cursos, descuentos, promociones, etc...


Últimas Noticias


Todas las consultas y los usuarios que siguen el tutorial los puedes encontrar en el blog: blog.ayzweb.com y en http://www.dreamweaver-tutoriales.com/soporte.

Los archivos ZIP de descarga están en esta misma Web, en el apartado Cursos, dentro del tutorial que estés buscando.

  • - Más de 33.000 seguidores en el canal de Youtube
  • - 5.000.000 visualizaciones de los videos de Youtube, y subiendo...
  • - Más de 4.500 fans en Facebook.
  • - Más de 2200 alumnos en todo el mundo.

Página web de servicios onlineUna web real, explicada paso a paso.

5 sobre 5 Total votos: 2


¿Cuántas veces habéis visto una web de servicios online y os habéis preguntado cómo se empieza, por dónde empiezo, cómo lo hago? Pues bien, en esta ocasión, este tutorial va dedicado a la construcción del servicio real (EN BREVE) y del cual podéis ver el funcionamiento en dicho link.

Por supuesto, sólo podréis ver en dicho link la parte pública de la web, pero hay una parte privada que corresponde a los administradores que también se explica en los vídeos.

Este tutorial comienza desde cero, partiendo de dos plantillas gratuitas realizadas en Bootstrap 4, usaremos PHP 7 y MySQL 5.2, lo que asegura que esta web tardará muchos años en quedarse envejecida en cuanto a estructura de programación y desarrollo.

Es aconsejable al menos haber seguido las partes gratuitas de alguno de nuestros tutoriales, como el de Tienda Online 2017, aunque explicaremos también muchas cosas repetidas anteriormente, para que por fin podáis comprender entre varias explicaciones, el objeto de hacer las cosas de una determinada manera.

Este curso se publicará en breve y los 12 primeros capítulos serán de acceso gratuíto. Para mantenerte informado de cuándo se abrirán al público y su coste, que llevará descuento asegurado, te puedes suscribir a nuestro boletín informativo, puedes hacerlo en esta misma página en el menú de la izquierda, o bien al canal de Youtube, recuerda marcar la campanita para que te lleguen las nuevas publicaciones..

El obejetivo de la web será crear un entorno donde por un aparte, usuarios que busquen todo tipo de servicios online en una zona tendrán acceso a realizar propuestas para que otra parte de usuarios, esta vez, profesionales, puedan contactar con ellos para realizar dichos trabajos.

Aquí os dejamos la lista de los primeros 40 capítulos que ya están grabados, pero aun no publicados, y seguimos aumentando ese número desarrollando más funcionalidades.

 

Curso Página Web de servicios online 2019



Suscríbete al canal para recibir un aviso cada publicación

Capítulos hasta el momento:

Capítulo 1: (16:27)
Pendiente de grabación

Capítulo 2:
Preparamos el entorno de trabajo y comenzamos a construir nuestra primera plantilla para que el proceso de desarrollo sea mucho más cómodo.

Capítulo 3:
Finalizamos con al creación de la plantilla que usaremos en la parte visual de la página Web. Creamos una región editable que nos ayudará a clasificar las diferentes secciones de la Web.

Capítulo 4:
Creamos nuestra primera página de plantilla. Creamos nuestra primera tabla de base de datos donde se guardarán los datos de usuario.

Capítulo 5:
Creamos nuestra primera conexión a la base de datos y empezamos a manipular el formulario de acceso registrado de usuarios

Capítulo 6:
Comenzamos con la creación de la página que logueará y dará acceso a nuestros usuarios al servicio como usuario logueado y le permitirá realizar acciones.

Capítulo 7:
Finalizamos el procedimiento de acceso de usuario y comenzamos con el alta y registro de usuario que nos dará los datos para luego poder acceder como un usuario real al servicio.

Capítulo 8:
Completamos el formulario de alta y empezamos con la consulta que nos introducirá los datos del nuwevo usuario dentro de la base de datos.

Capítulo 9:
Finalizamos el alta de usuario, codificando la contraseña con SHA256 para mayor seguridad. Comenzamos con la creación de la tabla en la que guardaremos todas las consultas que se realicen a la base de datos, lo que nos facilitará encontrar errores de desarrollo y de posterior funcionamiento de la página.

Capítulo 10:
Creada la función que nos permitirá controlar todas las consultas que se hagan a la base de datos desde nuestra web.

Capítulo 11:
Creamos la función para comprobar que el correo electrónico de un usuario nuevo no existe ya en la base de datos y evitamos duplicados. Gestionamos el menú superior para ocultar el botón de acceder cuando el usuario está logueado.

Capítulo 12:
Creamos el logout del usuario, y ajustamos el menú a nuestras necesidades. Solventamos el error del espacio vacío en la parte superior de la web. cambiamos las imágenes del slider.

Capítulo 13:
Completamos los textos del menú y ajustamos el estilo. Creamos la tabla de categorías que dirigirá toda nuestra página web porque será donde las personas elijan el flujo de la información.

Capítulo 14:
Preparamos la primera consulta a la base de datos para obtener las categorías principales en el buscador que habrá en la página principal

Capítulo 15:
Utilizamos las ventajas de bootstrap para realizar un filtro sobre la información que pongamos en un campo. Organizamos los resultados para que todo se vea coherente y facilite el trabajo del usuario.

Capítulo 16:
Creamos dos listas para los resultados y solucionamos el tema de los acentos, para que no sean determinantes a la hora de buscar una información

Capítulo 17:
Arreglamos el diseño y la forma de mostrar la información en la página principal y comenzamos a definir los dos tipos de formulario que necesitaremos para que los usuarios puedan solicitar un servicio.

Capítulo 18:
Creamos el formulario que nos servirá para actualizar la información de contacto del usuario y de la persona que ofrece sus servicios.

Capítulo 19:
Mostramos las provincias para que pueda seleccionar varias de ellas a la hora de seleccionar de dónde quiere recibir trabajos el profesional, así como empezamos con la lista de las cetegorías sobre las que es especialista el usuario.

Capítulo 20:
Comenzamos con la lista de categorías, donde el usuario podrá seleccionar todas aquellas en las que vaya a poder desempeñar un trabajo profesional. Usaremos parte de la programación de index.php para aprovechar información

Capítulo 21:
Organizamos la forma de mostrar la información y distinguimos entre los dos formularios que tenemos en la misma página, porque la información será diferente para cada tipo de usuario.

Capítulo 22:
Creamos la tabla que nos almacenará la información para cuando un usuario almacene la provincia donde quiere trabajar.

Capítulo 23:
Procesamos la información de cada una de las provincias y eliminamos los datos anteriores que teníamos para disponer de la información justa en la tabla de la base de datos.

Capítulo 24:
Procesamos la información de las categorías, que serña muy similar a como hemos procedido con las provincias. Insertamos el código para subir una imagen del usuario con una barra de progreso.

Capítulo 25:
Finalizamos el procedimiento para subir la imagen de logo de usuario, permitimos que se sobreescriba la imagen y le damos el nombre que nos viene bien para la base de datos.

Capítulo 26:
Añadimos un campo de tipo textarea donde se mostrará la información de presentación de cada usuario que ofrezca trabajos. Creamos una página para el listado de resultados.

Capítulo 27:
Creamos una página donde el usuario seleccionará la provincia para la que necesita el servicio. Será un form muy sencillo para que la navegación y usabilidad del sitio sean agradebles.

Capítulo 28:
Creamos la página final dondfe pediremos a través de un form los datos que necesitamos de la persona para crear una solicitud. Detectaremos si el usuario se ha logueado previamente y si no le invitaremos a hacerlo para poder tener sus datos de contacto.

Capítulo 29:
Añadimos la tabla de solicitud para guardar los datos de las solicitudes que nos vayan entrando. Creamos algunos usuarios ofertantes, que nos servirán para mostrar los resultados previos de ellos mismos cuando se esté buscando un servicio.

Capítulo 30:
Utilizamos MySQL Front para que nos ayude a hacer una consulta que relacionará 3 tablas de la base de datos para obtener los resultados relacionados con la provincia y la categoría de cada usuario.

Capítulo 31:
Creamos la página individual donde se mostrarán todos los datos del profesional que estamos buscando, también irán aquí las valoraciones, comentarios, etc.

Capítulo 32:
Comenzamos a desarrollar la plantilla de lo que será la página de adminitración. Utilizaremos las plantillas de Dreamweaver para acelerar la productividad del desarrollo.

Capítulo 33:
Creamos la página principal basándonos en la plantilla y comenzamos con la página para gestionar los usuarios del sistema, tanto los que ofertan servicios, como los que los ofrecen.

Capítulo 34:
Comenzamos con la paginación de los resultados de los usuarios en esta página, para verlo de una forma organizada y poder saltar por los grupos de usuario que determinemos.

Capítulo 35:
Gestionamos los datos del usuario que queremos mostrar, la imagen, el nombre, etc. Creamos una función muy sencilla para mostrar la fecha en formato europeo, on la posibilidad de moestrar la hora también

Capítulo 36:
Empezamos a crear el apartado para poder modificar los datos de usuario, especialmente el campo de si están activos o no, así como el campo donde los usuarios completan su texto de presentación.

Capítulo 37:
Obtenemos los datos que necesitamos del usuario y creamos un formulario donde se nos permitirá modificar los datos como la presentación y el estado del usuario.

Capítulo 38:
Hacemos un UPDATE para actualizar los datos en nuestra base de datos y le mostramos al usuario un aviso para que vea si necesita volver a un apartado o al otro en función de sus necesidades.

Capítulo 39:
Iniciamos el formulario para buscar los datos dentro de los usuarios, nos servirá para el resto de páginas donde queramos utilizar este tipo de listados.

Capítulo 40:
Arreglamos el buscador para que funcione como búsqueda sobre diferentes campos. Realizamos un pequeño truco para poder volver a la página donde estábamos dentro de los dos tipos de usuario. Colocamos el logo en la administración.

Capítulo ...:
Grabando...

 

 

Noticias, descuentos, sorpresas
Recibe gratuitamente nuestro boletín con todas las novedades acerca de los cursos, descuentos, promociones, etc...


Últimas Noticias


Todas las consultas y los usuarios que siguen el tutorial los puedes encontrar en el blog: blog.ayzweb.com y en http://www.dreamweaver-tutoriales.com/soporte.

Los archivos ZIP de descarga están en esta misma Web, en el apartado Cursos, dentro del tutorial que estés buscando.

  • - Más de 33.000 seguidores en el canal de Youtube
  • - 5.000.000 visualizaciones de los videos de Youtube, y subiendo...
  • - Más de 4.500 fans en Facebook.
  • - Más de 2200 alumnos en todo el mundo.

Comentarios rápidos

83.37.124.82: Gracias, Jorge. Eres un crack

separador 190.189.72.77: Excelentes Tutoriales. Muy agradecido por todo lo que me has enseñado. Sigue adelante!!! Abrazo desde Argentina.

separador 186.105.231.193: muy bien!

separador 95.22.245.92: Genial. Me siento muy a gusto en tu sitio. Espero que este sitio te de mucha prosperidad por ayudar a tanta gente como yo!!

separador Escribe tu comentario
Ver todos los comentarios

5 motivos

  • 1- Aprenderás a manejar Dreamweaver.
  • 2- Serás capaz de crear desde cero cualquier Web que te propongas.
  • 3- Podrás tener tu propio negocio de creación Web
  • 4- Contarás con una comunidad de alumnos que te podrán ayudar.
  • 5- Adquirirás independencia para realizar cualquier programación