Desarrollo Web con Vue js 2, PHP 7 y MariaDB

Aprende a usar vue.js 2, webpack, axios, vue-router, vue-resource, vue-cli, vuex, firebase, firestore, php 7 y MariaDB

4.85 (225 reviews)
Udemy
platform
Español
language
Web Development
category
948
students
17.5 hours
content
Jun 2020
last update
$19.99
regular price

What you will learn

Serán capaces de desarrollar proyectos web con las tecnologías usadas en este curso

A desarrollar proyectos de manera profesional utilizando webpack

Aprender a utilizar el framework de javaScript Vue 2

A poder trabajar como desarrollador freelance y desenvolverse en el mundo laboral

Utilizar el servicio de Firebase y Firestore

Utilizar vue de manera profesional con webpack y cue-cli

Aprender a manejar y realizar consultas a una base de datos con MariaDB

Aprende a usar, axios, vue-resource, vue-cli, webpack, clipboard, localstorage y vuex

Description

Bienvenido a este curso donde te enseñare desarrollo web a través de uno de los mejores frameworks de JavaScript Vue.js en su versión 2, ademas de esto lo acompañaremos de uno de los lenguajes de programación mas utilizados, PHP en su versión 7, también vamos a utilizar bases de datos y para ello utilizaremos MariaDB también conocido como MySQL.

Este curso esta pensado para que aprendas de 0 a 100, desde lo mas basico hasta lo mas profesional, te llevare de la mano para ir conociendo vue desde su forma mas básica utilizando un simple enlace comúnmente llamado cdn, hasta utilizar vue-cli y webpack que nos proporciona un entorno de desarrollo profesional y capacitado para proyectos grandes y desarrollos complejos.

También manejaremos php desde conceptos básicos hasta lograr crear un crud (create, read, update and delete) o lo que es lo mismo crear, leer, actualizar y eliminar desde una base de datos, te explicare las mejoras practicas para realizar operaciones a la base de datos, ademas de enseñarte a protegerte de ataques SQL injection y realizar consultas preparadas, las cuales son las mas optimizadas y recomendadas a la hora de crear un proyecto con php y MariaDB (MySQL).

Posteriormente realizaremos dos proyectos, uno donde utilizaremos una estructura manejada con php y utilizaremos vue en forma de cdn, ya que este framework nos permite utilizar vue de esta forma simple pero al mismo tiempo sacarle provecho para realizar cualquier desarrollo.

El segundo proyecto sera una versión con un entorno profesional, utilizando vue-cli y webpack, manejando el estilo de Single File Components (componentes de un solo archivo) en el cual trabajaremos de una manera mas compleja utilizando componentes y otras tecnologías como vue-router, localStorage y ajax, donde php será nuestro back-end, ademas de utilizar frameworks css para la parte visual, en los cuales estaremos alternando entre Bootstrap y Materializecss.

Content

Introducción

Bienvenida
Editores para trabajar

VUE

Hola mundo con vue
Enlace de datos (DataBinding)
Crear snippets
V-BIND
V-IF
V-SHOW
V-HTML
V-FOR

Propiedades Computadas

Propiedades computadas
Clases css dinámicas con propiedades computadas
Inyectar Style

Metodos

Metodos
Usando teclas especificas en los eventos
Evento submit con TodoList

Componentes

Primer componente
Propiedades de un componente
V-FOR con componentes
Componentes locales
Templates
Slots
Data y métodos en los componentes
Eventos personalizados
Componente a componente

Metodo Ajax y filtros

Ciclo de vida de la instancia
AJAX
Filtros
Filtro de busqueda

Archivos vue básico

Archivos vue básico

PHP

Introducción a PHP
Instalación de xampp en windows
Instalación de xampp en mac
Hola mundo
Variables
Constantes
Concatenaciones
Arrays
Estructura IF
If anidado
Else IF
Estructura switch
Ciclo For
Ciclo While
Foreach
Funciones

Archivos PHP básico

Archivos PHP básico

CRUD PHP Y MariaDB (MySQL)

Creando formulario
Creando base de datos
Diferencias entre GET, POST Y REQUEST
Conexión a base de datos
Seguridad con request_method
Protección contra sql injection en el método post
Guardar registros forma completa
Guardar registros forma corta
Guardar registros con consulta preparada
Mostrar datos con select
Formulario para editar
Consulta editar forma normal
Editar con consulta preparada
Eliminar registros

Archivos CRUD PHP + MariaDB

Archivos CRUD PHP + MariaDB

Proyecto VUE + PHP Parte I (Registro de usuarios e inicio de sesión )

Estructura del proyecto
Archivos principales de la estructura del proyecto
Header y Footer
Formulario de inicio de sesión
Formulario de registro
Conexión y base de datos
Registro lado VUE
Registro lado PHP parte I
Registro lado PHP parte II
Alertas con SweetAlert
Validar email parte I
Validar email parte II
Validar email parte III
Iniciar sesión
Variables de sesión

Proyecto VUE + PHP Parte II (Publicación de registros )

Guardar post parte I
Guardar post parte II
Guardar post parte III
Mostrar post parte I
Mostrar post parte II
Filtro de búsqueda
Enviar y recibir parámetros con javascript
Editar parte I
Editar parte II
Eliminar post parte I
Eliminar post parte II
Botón copiar con clipboard.js
Ocultar botón editar y eliminar
Filtrar por categoria
Seguridad con variables de sesión

Archivos Proyecto VUE + PHP

Archivos Proyecto VUE + PHP

VUE-CLI + WEBPACK

Intro a vue-cli y webpack
Instalar node y vue-cli en windows
Instalar node y vue-cli en mac
Crear proyecto con webpack
Estructura de archivos de un proyecto con webpack
Explorando la carpeta src
Primer componente en webpack
Rutas con vue-router
Enviar parametros entre rutas
Axios con webpack
Bootstrap en webpack

Proyecto VUE + WEBPACK + PHP

Comenzando proyecto
Creando proyecto en vue-cli, webpack y las librerías que usaremos
Configuración y diseño de login
Registro de usuarios
Iniciar sesión
LocalStorage
Generar token
Cerrar sesión
Mixins
Mostrar todos los post
Categorias con beforeRouteUpdate
Guardar post
Editar
Eliminar post
Botón copiar con vue-clipboards

Archivos proyecto VUE + WEBPACK + PHP

Archivos proyecto VUE + WEBPACK + PHP

Subir proyectos a servidor

Creando cuenta en hosting
Configurar conexiones
Subir primer proyecto
Configuración de proyecto con webpack
Cargar proyecto webpack

VUE + FIREBASE

Intro firebase
Crear proyecto
Creando diseño de login
Ejecutar inicio de sesión
Mantener sesión
Menú y botón salir
Sesiones con mixins
Registro de usuarios
Intro al realtime database
Guardar registro
Reglas del database
Mostrar registros
Eliminar registro
Editar registro
Proyecto Firebase

VUE + FIRESTORE

Creando proyecto
Uso de firestore
Mostrar datos desde firestore
Guardar
Editar y eliminar
Proyecto Firestore

Vuex

¿Qué es Vuex?
Store de vuex
State y mapState en vuex
Creando API con php
Ajax con vuex
Uso de get y set en v-models
Agregando segundo v-model
Parametros entre mutaciones
Uso de getters
Proyecto vuex

VUE DRAGGABLE: ordenamiento de listas y tablas

vue draggable
Crear lista con el componente draggable
CSS y reordenar lista
Mover items entre dos o mas listas y ejecutar acciones
Mover filas y columnas en tablas
Proyecto draggable

Electron + vue

Electron
vue table good
Axios y formatear fechas
Paginación y buscador
Icono y crear app de escritorio
Proyecto electron

Screenshots

Desarrollo Web con Vue js 2, PHP 7 y MariaDB - Screenshot_01Desarrollo Web con Vue js 2, PHP 7 y MariaDB - Screenshot_02Desarrollo Web con Vue js 2, PHP 7 y MariaDB - Screenshot_03Desarrollo Web con Vue js 2, PHP 7 y MariaDB - Screenshot_04

Reviews

Albert
April 6, 2021
estuvo muy bueno el curso, el instructor explica muy bien y claro, quizá me falto un poco mas de complejidad en los proyectos; ya que tengo idea, aun así, conocí librerías y herramientas que desconocía, muy recomendable el curso
Jorge
February 27, 2021
Esperaba encontrame con algo más inicial respecto a JS. Vengo de php y se que tampoco debe ser muy amigable para quien no sepa programar. No debería estar anunciado como "Tener ligeros conocimientos de informática y algo de programación básica teórica"
Abel
September 8, 2020
Ya he comenzado a desarrollar PHP y VueJS y no había encontrado algún curso que tratara el tema en conjunto, mucho he aprendido a pesar de que algunos tópicos pensaba ya dominarlos
Juan
August 25, 2020
Excelente curso, muy bien explicado. Para lo que ofrece el curso creo que esta bien, veo que es de hace ya varios años pero me ha encantado
Vicente
July 23, 2020
Pues con los dos primeros videos me a quedado claro cómo funciona vue. Creo que fue una buena elección haber elegido este curso.
Javier
June 1, 2020
El instructor domina el curso, pone ejemplos claros para entender los temas, y lo más importante es que se afana en tener el curso actualizado, Eso se agradece mucho,
Jared
March 8, 2020
Muy contento con el contenido del curso. Espero más actualizaciones. ¡Definitivamente una gran inversión con mucho valor!
Sergio
January 21, 2019
Terminado el curso me voy muy satisfecho ya que el curso esta muy enriquecido y considero que tengo las tablas para desarrollar y mejorar proyectos de una forma mas profesional y vanguardista, curso excelente 100% recomendado.
Ruben
January 20, 2019
Todo muy bien impartido, pero se espera que se incremente la complejidad de los componentes creados con VUEJS, como ser un select anidado, o un drag and drop a base de vue.
Hector
December 26, 2018
En general el curso me ha gustado, pero hubiera querido que en el segundo proyecto se hiciera uno diferente al primero. Esta bien que se haya podido ver la diferencia entre el cdn y el webpack pero copiar, pegar y editar código para hacerlo "mas rápido" no me gusto mucho, en mi caso intente replicarlo todo desde 0. También me gustaría un proyecto con un poco mas de complejidad y no tan pequeño como lo describía en sus videos como para ver varios casos de uso de vue. Espero con ansias los ejemplos con Firebase, buen curso muchas gracias.
GERMAN
December 2, 2018
Muy Buen Curso , Felicitaciones. Le faltaría para ser Excelente , tocar temas básicos como paginación, validación mas profunda en formulario, incluir checkbox, radio button, (select combinados seria un plus también) un poco mas sobre imagenes, buscar una manera de que las urls tanto en las fotos como en las peticiones el dominio sea llamado de una variable global , así no hay que harcodear nada. Con respecto a las fotos , también guardar la ruta pero no el dominio , así la importación de una base no se ensucia a la hora de migrar. También no se si es como angular pero como se utilizariamos rutas children ?? , ese es otro tema a tocar que estaría bueno a incluir. Observaciones para mejorar en los proyectos a mi gusto , pero el curso muy recomendable muy bien Jorge Felicitaciones seguí así. Saludos.
Arnol
December 1, 2018
Finalmente, he sentido que ha sido una inversión acorde a lo esperado, los temas muy directos y concretos, felicidades al profesor por su dedicación y espero que continúe así. Saludos
Jason
November 8, 2018
Excelente si quieres aprender Vuejs y php ya que los temas son explicados a un nivel que todos pueden entender.
José
October 3, 2018
La verdad sí, apenas va empezando pero me agrada la idea de que vaya al grano sin tantos pelos en la lengua, excelente
Luis
September 13, 2018
Excelente lección. :D ¡Like! sigue siendo muy bueno hasta ahora el curso pero en la perte de programación de crud me hubiera gustado que se incluyera uso de validación para evitar registros duplicados, almacenar los datos encriptados en sha y en ésta parte de sistema de login me gustó mucho que se ingre el tema de incluir foto pero quizas manejar los stiles desde un style.css sería bueno porque no sé por qué no me corren todos los stilos propios no sé si por incompatibilidad con materialze o que estoy tonto. jajaja. En fin excelente curso. Por favor avisame si tienes más cursos o harás más cursos sobre php7, javascript, python, java. GRACIAS

Coupons

DateDiscountStatus
9/14/202095% OFF
expired

Charts

Price

Desarrollo Web con Vue js 2, PHP 7 y MariaDB - Price chart

Rating

Desarrollo Web con Vue js 2, PHP 7 y MariaDB - Ratings chart

Enrollment distribution

Desarrollo Web con Vue js 2, PHP 7 y MariaDB - Distribution chart

Related Topics

1420540
udemy ID
11/4/2017
course created date
11/24/2019
course indexed date
Bot
course submited by