- Видео 6
- Просмотров 31 915
Código y más
Добавлен 23 сен 2015
Canal dedicado al mundo de la programación, código limpio y tutoriales de aplicaciones varias para hacer en cuestión de minutos. Entra y podemos aprender juntos para sacar adelante el mundo de habla hispano. Cada vez se buscan más empleos de tecnología y aprovecha que en RUclips encuentras todo a tu alcance.
JAVASCRIPT EN 17 MIN
Hola amigos, el día de hoy vamos a ver las bases de #javascript en sólo 17min. Estas son las bases de todo lo que debes saber de este lenguaje, es recomendable iniciar a desarrollador en él. Te ayudará más adelante con los demás lenguajes.
#codigo #programacion #lenguaje #aprende #codigoymas
=============================================
¿Quieres apoyarme para seguir montando más videos?
Te dejo mi paypal
paypal.com/paypalme/jvanegas09
=============================================
#codigo #programacion #lenguaje #aprende #codigoymas
=============================================
¿Quieres apoyarme para seguir montando más videos?
Te dejo mi paypal
paypal.com/paypalme/jvanegas09
=============================================
Просмотров: 169
Видео
PLUGIN DE TABLAS FÁCIL DE USAR, GRIDJS
Просмотров 1,3 тыс.2 года назад
Hola amigos, el día de hoy vengo con un plugin de #tablas fácil de usar simplemente con #vanillajs. Es muy sencilla su instalación, configuración y uso. Además de su atractivo diseño lo hacen el plugin perfecto para aplicarlo en tus futuros proyectos. #programacion #html #javascript #tables #datatable #vanillajs ¿Quieres apoyarme para seguir montando más videos? Te dejo mi paypal paypal.com/pay...
CÓMO LISTAR DATOS DE UNA BASE DE DATOS CON #HTML #JAVASCRIPT #PHP Y #MYSQL FÁCILMENTE
Просмотров 7 тыс.2 года назад
Hola amigos, el día de hoy les voy a explicar de la forma más sencilla posible, ¿Cómo listar o traer datos de una base de datos MySQL? Usando únicamente #html, #javascript, #php y #mysql en pocos pasos. CÓDIGO DEL PROYECTO github.com/codigoymass/listarphp CAPITULOS 00:00 Inicializar el servidor local y BD 00:37 Crear carpeta del proyecto 01:08 Crear estructura HTML 05:51 Funcionalidad del JS 07...
CÓMO INSERTAR DATOS EN UNA BASE DE DATOS CON #HTML #JAVASCRIPT #PHP Y #MYSQL FÁCILMENTE
Просмотров 20 тыс.2 года назад
Hola amigos, el día de hoy les voy a explicar de la forma más sencilla posible, ¿Cómo insertar datos en una base de datos MySQL? Usando únicamente #html, #javascript y #php. CÓDIGO DEL PROYECTO github.com/codigoymass/insertarphp CAPITULOS 00:00 Introducción 00:23 Configuración XAMPP 00:50 Crear carpeta del proyecto 01:17 Crear estructura HTML 07:28 Archivo JS 11:48 Archivo PHP 13:27 Base de dat...
CÓMO UTILIZAR UNA API EN INTERNET (PARA PRINCIPIANTES)
Просмотров 1702 года назад
Hola amigos, hoy les traigo una manera sencilla de usar una #api pública dentro de la #web. Con los métodos #get y #post, podemos hacer una petición tanto con jQuery como con fetch. Espero les guste! ¿Quieres apoyarme para seguir montando más videos? Te dejo mi paypal paypal.com/paypalme/jvanegas09
Cómo crear un Login con JavaScript y PHP, sin base de datos (Con un JSON)
Просмотров 3,3 тыс.3 года назад
Hola amigos, ¿Cómo están? Aquí les dejo mi primer video de una aplicación básico del manejo de un #login sin la necesidad de una base de datos, solamente uso #html, #js y #php, y la información está en #JSON. Les agradezco que compartan el vídeo, y si les interesa, puedo seguir compartiendo más videos como esté. Gracias! ¿Quieres apoyarme para seguir montando más videos? Te dejo mi paypal paypa...
Gracias
Buenas , cuando estaba replicando el ejercicio, me sale el siguiente error en la consola: [Grid.js] [ERROR]: The container element [object HTMLDivElement] is not empty. Make sure the container is empty and call render() again Saludos
Hola, tienes que tener un div vacío sin ningún elemento adicional
Bro es la primera vez que veo que explican la coneccion de la base de datos dentro del XAMMP
Buenas noches, seguí los pasos por que necesito conectar una base de datos al código, no me tira error, pero cuando lleno el formulario y le doy al botón, no sale el mensaje de que ingresaron correctamente los datos y los datos no se guardan en la base de phpmyadmin, ¿cuál podría ser una solución a este problema? Agradezco la ayuda porfavor, es mi trabajo final ay :((
Puedes debuguear la aplicación dando un var_dump y validando la inserción a la base de datos
Advertencia : PDOStatement::execute(): SQLSTATE[3D000]: Nombre de catálogo no válido: 1046 No hay base de datos seleccionada en C:\xampp\htdocs\InnerJoy\Resultados.php en la línea 16 Advertencia : Conversión de matriz a cadena en C:\xampp\ htdocs\InnerJoy\Resultados.php en la línea 16 Array BUENAS NOCHES me sale este error de casualidad alguien tiene idea de por que y que hacer ?? gracias
Hola, de casualidad puedes compartir el código en dónde hagas la conexión a la base de datos para insertar el registro, quedo atento, saludos.
tengo este problema al momento de registrar los datos me sale esto localhost/:1 Uncaught (in promise) SyntaxError: Unexpected token '<', "<br /> <b>"... is not valid JSON
No me sale la opción de Terminal
Excelente video, lo que no he podido hacer es pasarle heades como una apikey
No tienes ni idea de lo agradecido que estoy contigo y con tu video
Gran video, me ayudó demasiado, me gustaría ver mas contenido, saludos
Hola, muchas gracias por el video me ayudo mucho ¿Tienes algun tutorial de como hacer que los datos que tengo en la tabla mandarlos a un formulario para poder editarlo?
Hola, buena explicación!!
Excelente video amigo!! pero quisiera que luego de darle a finalizar o al botón submit y envíe los datos, me redirija a otro pagina. te agradecería que me ayudaras!
No tengo idea de por qué pone esto: "phpcs" no se reconoce como un comando interno o externo, programa o archivo por lotes ejecutable.
Creo que es alguna extensión que tienes instalada o algo en su defecto.
Hola. No me había dado cuenta de este mensaje: An error occured while reading the file c:\xampp\htdocs\Prueba\testy.json: Cannot read file 'c:\xampp\htdocs\Prueba\testy.json': ENOENT: no such file or directory, open 'c:\xampp\htdocs\Prueba\testy.json'.
No sé si llamaste el archivo test.json o testy.json
@@codigoymas Testy... Aunque no lo llamo en el código... Sugerencias?
Pues tienes que llamarlo de la misma manera, si quieres me compartes el código y te ayudo
Amigo: A la fecha me da este mensaje y no permite ingresar datos a la BD: [Info - 6:54:15 PM] Document saved, starting validation. [Error - 6:54:15 PM] An error occured during document validation after save with the following message: An error occured, no output was received after executing the phpmd command ¿Alguna idea? Tengo ganas de enviarte el código, es una Bd en la que trato de ingresar datos para luego mostrar,
Lo que trato de entender es que el controlador no le está enviando una respuesta o el echo por Json a la petición de js, avísame si puedes validar eso! Me mandas el código si algo
EL mejor
Hola Amigo, excelente tutorial me ayudo muchisimo, solo hay algo que no encuentro como hacer y es que al darle click a un renglon me rediriga a otra pagina ¿Sabras como hacer eso? busco meter el evento onclic
Claro, dentro de una de las columnas puedes meter código HTML con la función gridjs.html(<codigo_html>) Ahí adentro puedes meter un link o un botón, con lo que necesites, saludos! JV09
Buen video, hice un ejemplo similar pero inserte el codigo html dentro de una pagina de wordpress online (no local) y me marca un error 500 en la consola referente el archivo php y otro error "Unexpected end of JSON input". Alguna idea que puede ser, estoy aprendiendo!!!! gracias!!!!
Hola, la verdad no sé si WordPress permita hacer peticiones http a través de su herramiento, desconozco esto totalmente. Saludos JV09
Amigo ayúdame con el código no me carga bien el JSON Aportó con Paypal
Hola, claro mándame un correo detallado con la petición y el JSON del error a jhonatanvanegas6@gmail.com
En el momento de trabajar con fetch() y probar el formulario me da esto: Pedido de origen cruzado bloqueado: La política de mismo origen no permite leer el recurso remoto en file:///C:/wamp/BD/registrar.php. (Razón: pedido CORS no es http). Y no borra ni permite ingresar a la BD lo que pongo.
Hola, los errores CORS los deniega expresamente el servidor en este caso el wamp, te recomiendo cambiarlo o verificar el por qué está bloqueando las peticiones, quedó atento! Saludos.
Tengo un par de problemas, entre ellos sale este mensaje de error: "Sonarlint: Path To Node Executable Path to a Node.js executable (14.17.0 or more recent) used to analyze JavaScript and TypeScript code. On Windows, backslashes must be escaped, e.g. C:\\Program Files\\NodeJS\\14-lts\\bin\ ode.exe"
Hola amigo, eso es una extensión de vscode para nodejs, yo no uso eso para el ejemplo, te recomiendo que lo desinstales para realizar el ejemplo, saludos.
Hermano eres un maestro, que explicación tan sublime, ¿crees que podrías hacer uno de como hacer consultas a la base de datos?
Hola amigo, gracias por tu comentario, claro en mi perfil hay un vídeo de cómo listar datos
Hola. Muy buen vídeo, pero tengo el siguiente problema: en vez de que me cargue la data de inmediato, necesito que la información me aparezca al presionar un botón. De antemano muchas gracias
Hola amigo, gracias por el comentario, si necesitas que se use un botón para listar, simplemente en el js coloca la funcionar de listar(); dentro del evento del botón que quieres usar, un saludo.
Como sería para que esa validación sea con una base de datos con una tabla en específico? No se como hacerle
Hola amigo, voy a hacer un vídeo al respecto! Saludos
Me pidieron agregar una encriptación MD5 del lado del cliente, ¿en dónde se puede agregar ese algoritmo? Excelente video, me ayudó mucho en lo que estoy haciendo.
Lo puedes lograr usando una librería de JavaScript para hacerlo desde el lado del cliente, aquí hay alguna información que te puede servir desarrolloweb.com/articulos/hacer-md5-javascript.html
@@codigoymas Gracias, ¿y que tendría que modificar para agregar más de un usuario y una contraseña?
Claro, primero el archivo data.json, debe ser un array ejemplo: [ {"usuario": "correo@gmail.com", "password": "admin123"}, {"usuario": "correo1@gmail.com", "password": "admin321"}, {"usuario": "correo2@gmail.com", "password": "admin456"}, ] Y en el controlador PHP en vez de buscar una sola linea el usuario, tienes que buscar dentro del nuevo array de la estructura anterior de la siguiente manera: $posicion_user = array_search('correo_usuario', array_column($data, 'usuario')); En donde 'correo_usuario' es la variable de usuario que recibes por POST, y $data es la variable con la que lees el JSON. Si no te funciona me avisas. Lo que te retorna es la posición del usuario, si te retorna un número con la posición es porque si lo encontró, y puedes hacer la validación de la contraseña, sino creo que te retornará false, lo cual indica que el usuario no existe dentro de ese array. Un saludo!!
Muy buen video. Tengo una consulta, si agrego un encabezado más por ejemplo ->"enlace" la cual se guarde el url de cada usuario (url de su página web por ejemplo) por ello también se agregaría en la bd un campo "enlace". Entonces mi consulta sería cómo haría para cuando me muestra todos los datos de los usuarios en la lista, al hacerle click en el url de cada usuario me direccione a su página?.
Hola, lo que puedes hacer es que cuando se liste desde JS cada uno de los elementos, puedes crear en la columna del enlace un elemento a con href de la url del usuario: Ejemplo: En el minuto 16:00 puedes ver que se va agregando uno por uno y en la última fila puedes poner <td><a href="${item.url_base_datos}">perfil</a>
Porque no usaste un archivo css?
Hola amigo, porque con Bootstrap que es una librería de CSS puedo crear estilos mucho más rápido que si uso un archivo de CSS para estilizar, saludos.
Hola gracias x el video; tengo una duda....si quiero guardar un numero en json y luego ir incrementando esos numeros con nuevos valores se podria hacer? Por ejemplo: tengo 5horas como valor primario y luego ingreso 2 horas; se podria hacer que esas 5 horas iniciales se conviertan en 7 horas sumando ambos valores el anterior y el actual ingresado y que el nuevo valor quede almacenado en memoria?
Hola claro que sí, antes de hacer el update en el controlador, puedes consultar ese row por su ID y consultar el valor que tiene, para que al hacer el update le sumes el nuevo valor que le mandaste
Si necesitas ayuda me avisas y lo miramos! Saludos.
function assert() { let valorDeInput = document.getElementById('btn2').value; localStorage.setItem('name_user', valorDeInput); let user = localStorage.getItem('name_user'); let suma = parseFloat('') + parseFloat (user); document.getElementById('cuadrado').innerHTML = suma;
Me vencio jaja hago la suma pero me reemplaza el valor del local storage y cuando lo invoco con el nuevo valor no me lo suma sino que lo reemplaza; super agradecido que me des un idea mas si te es posible ya pase el codigo bro
Amigo, lo que trato de deducir son dos cosas, primero siempre estás seteando el localStorage y luego lo estás leyendo, sugiero que lo hagas al revés, para que tomes el valor que ya había para luego sumarlo, luego lo otro que veo es que en la suma, tienes un paraeFloat pero está vacío, ahí adentro iría el otro elemento con el que quieres sumar o si no es más te lo trataré de explicar en un código
Hola amigo excelente! video, como agregar icono editar en la columna de grijs.
Hola, dentro de cada columna puedes insertar HTML también, puedes concatenarlo, solo te queda usar una librería de iconos, ya sea fontawesome, boxicons, ionicons o cualquier que gustes, saludos!
@@codigoymas Ok muchas gracias, si me funcionó
@@codigoymas hola amigo cmo estas ?? gracias por tu explicacion. sin embargo tengo problema para implementar etiquetas html en la tabla, me da error , y me traigo los registros en JSON
Hola, tienes que validar que lo que generes de HTML tiene que ir en una sola fila, si quieres me compartes el código y lo revisamos, o dime ¿Qué es lo que quieres hacer?. Saludos JV09
@@codigoymas si me parece perfecto por favor , ya que estoy realizando un proyecto del trabajo y estoy estancado con eso enserio , tendrás algún correo para comunicarme contigo y así pasarte el código ?? Y gracias en verdad , pensé que ya no estabas activo porque no subías más vídeos pero gracias a ti he aprendido muchas cosas
Y si quiero enviar variables directamente desde js? Es decir, no enviarlas por medio del getElementbyId
el getElementById es para capturar el campo y poderlo enviar por JS por medio de Ajax de forma asíncrona, si lo que quieres es mandarlo por medio de un formulario post de forma síncrona se tendría que recargar la página y enviar la url de la petición por medio de atributos dentro del elemento de form así: <form method="post" action="url_de_peticion.php"> Y los campos se tendrían que mandar con un atributo name así: <input name="nombre_campo"> Luego el botón de guardar debería ser un tipo submit <button type="submit">Guardar</button> Y recibirías desde el archivo de petición de la misma manera las variables por post. Recuerda que esto te obligaría a recargar la página cada vez que insertes un nuevo dato. Saludos.
Una pregunta! Pude enlazar la bbdd y crear registros, pero al momento de enviar la informacion se crea un registro nuevo pero sin el texto que escribi en el formulario
Hola, tienes que validar que el nombre de la variable que mandes desde js sea la misma que recibas desde el php con post
@@codigoymas MUCHISIMAS GRACIAS!!
Excelente!!! Consulta: ¿Cómo trabajar esto en un formulario secundario? O sea, tener una página inicial desde la que llamo al form y en el hacer esto y modificar datos. La idea es luego probar todo en un sitio.
Hola, gracias por el comentario, tengo la tarea de crear un crud. Pronto lo subiré para que lo vean. Saludos desde Colombia.
Muchas Gracias! y felicidades por tu codigo limpio. para mi no funcionó : Uncaught (in promise) SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
Hola, gracias por tu comentario. Puedes abrir la consola con f12 y luego le das a la pestaña Network o red y luego ejecutas nuevamente la petición, allí verás la petición que mandaste, das click y en la pestaña response o respuesta ves lo que te trae la respuesta para validar que si sea en JSON o si existe algún tipo de error.
Nombre del tema de vscode?
Se llamaba catpucin theme, pero por alguna razón ya no lo encuentro disponible. Lo siento.
Que maestro muchas gracias!!
👍
No me funcionó 😔 me da error, ayuda lo puedes dejar descargar
¿Te sale algún error?
amigo he intentado de muchas maneras realizar tu practica pero ahora no me sale error de cors sino los siguientes errores :8012/crud/registar.php:1 Failed to load resource: the server responded with a status of 404 (Not Found) localhost/:1 Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
Pues según lo que veo estás tratando de tirar el request a registar.php no sé si tengas el error con el nombre del archivo. Ya que error 404 es que no existe el archivo de petición.
Amigo trate de hacer la practica pero no me funciona me sale un error en el archivo js en el fetch
Hola amigo, puedes especificar el error que te sale en la consola?
@@codigoymas Access to fetch at 'file:///C:/xampp/htdocs/insertarphp-main/registrar.php' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.ese es el error que me aparece
Es un error de cors, si tienes algun plugin o algo instalado en tu navegador no realizará las peticiones que no sean seguras. Te recomiendo ver más información acerca del Cors en RUclips, hay muchos enlaces. Primero sería que revisaras la manera en la que realizas la petición.
@@codigoymas Amigo otra pregunta por que tu visual studio code te deja automcompletar todas las funciones y parametros y a mi no? debo de realizar alguna configuracion?
Para las clases de css hay snippets, cualquiera te sirve, para autocerrar las etiquetas HTML, tengo la extensión auto closet Tag. Hay snippets para clases de Bootstrap. Y para PHP recomiendo PHP Intelephense. Saludos!
Hola, una pregunta, como mandarias alguna variable que tengas en archivo javascript a el php?
La manera en la que envías la data del formulario podrías mandar cualquier tipo de variable y recuperarla por POST. cualquier cosa por acá estamos!
Todo fácil, excelente material. gracias
Excelente tu video amigo.. pero ahora quiero ponerlo eso en datatables.. copmo hago ??? porfavor ayuda!
Genial y fácil de implementar sin tanta vuelta... gracias por compartirlo Saludos desde Cajicá, Cundinamarca Pedro Luis (nequi ??)
Muy bueno el video y muy bien editado, he descargado el código, creado la base de datos, agregado registros para probar pero al final de todo lo único que me muestra son los th de la tabla. El error que me sale es: "Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0" y no se que es lo que sucede así que de nuevo, gracias, saludos y adiós.
Abre la consola del navegador y luego abre la sección de "Network" o "Red" y ahí verás las peticiones http que realizas, dale click a la que te sale el error y en la pestaña de preview o responde verás un error más detallado del por qué te sale ese mensaje. Un saludo y gracias por ver los videos
@@codigoymas gracias, he hecho lo que me dijiste y me da: Uncaught (in promise) SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data he probado poner otra base de datos, cambiar los nombres de campo pero persiste esto.
Ese error te lo trae es porque desde el js intenta parsear un JSON, pero no lo encuentra, por lo que el error debe estar entre la base de datos y el backend
@@codigoymas gracias, lo tratare de arreglar. Abrazo!
Hola amigo estoy atento a tus videos, quisiera consultar como puedo implementar al momento de insertar el formulario poder imprimir el mismo con un estilo propio sin que muestre el botón o sea con un formato de hoja y poner un pie de firma, ojala me puedas ayudar, se agradece de antemano.
Hola, pronto subiré un vídeo de un CRUD en PHP. No entiendo bien lo de imprimir, te refieres a después de insertar. Imprimir el registro en un formato PDF y que se pueda descargar?
@@codigoymas Si correcto que me permita al momento de insertar poder llevarlo a formato pdf e imprimirlo a traves de la impresora.
Ok, está semana trataré de hacer un vídeo con esto
@@codigoymas MUCHAS GRACIAS!!
@@codigoymas hola estimado, disculpa las molestias pero referente a este mismo formulario existe la posibilidad de poder editar un registro que lo presente en el mismo formulario y enviarlo editado a la BD??
Hola amigo, gracias por compartir tus conocimientos, excelentes videos, consulta como se puede desde listar agregar unos botones para editar y eliminar cada registro??, si puedes complementar este video te lo agradecería, muchas gracias de antemano. Saludos!!
Hola Bodega Fármacos, gracias por ver el video. En esta semana estaré subiendo un vídeo de un CRUD fácil de implementar y desarrollar. Pendiente a la campanita. :)
@@codigoymas muchas gracias por compartir tus conocimientos, estaré atento a la campanita.
Excelente este tutorial, te lo agradezco infinitamente. "tengo un problema por alguna razon cuando guardo en mi formulario me redirecciona a la pantalla donde dice "true" (no se por que). Se registra en la base de dato, pero no vuelve al formulario y lo limpia como te pasa a ti. podrias ayudarme?
Aquí pueden pasar varias cosas que tienes que revisar: 1. Revisa que desde el javascript, antes de mandar la petición, si tengas bien escrito el preventDefault (Este evita que me redireccione la página y no cumpla su funcionalidad AJAX). 2. El form del HTML no deberá tener ningún action, pues lo que hará la etiqueta form, es redireccionar ese formulario hacia la página que estés colocando allí, evitando que el proceso se haga por medio de JavaScript. 3. Revisar que desde la respuesta de PHP, no se mencione ningún redirect o algo similar. Si sigues estás pasos, creo que lo podrás solucionar, sino, avísame y le echamos un vistazo. ¡Saludos amigo!
Algo así pero creando y conectando a una BD en un servidor gratis? Podrá ayudarme?
Claro, qué servidor? Recuerda que tienes que crear la base de datos en ese hosting y hacer la conexión ahí mismo. ¡Avísame cómo te va!
@@codigoymas algún servidor gratuito primero.
He usado 000webhost. Me sirve para cuando quiero hacer pruebas, tiene buenas características para empezar. Ya si quieres desplegar aplicaciones como tal, sirven aplicaciones como Digital Ocean o Hostinger. ¡Me avisas cómo te va! Saludos.
@@codigoymas Agradezco su interés. Sigo lo que hizo en este video, no se porqué me da mensaje de error, apenas pueda le comento
Exelente tutorial! muchas gracias, me quedo una duda, yo intente meter 37 registros en mi BD pero no se ve la cabecera y cuando meto registros con acenos me deja en blanco todo exepto la cabecera, he estado buscando solución pero no he encontrado.
¿A qué te refieres con "cabecera"?, y referente a los acentos, tienes que validar que tanto la base de datos como las tablas tengan el formato UTF-8 al crearlas, de lo contrario, no te dejará insertar tildes. Avísame si te ha funcionado o no? Próximamente crearé un foro para todo esto.
@@codigoymas Hola! muchas gracias por responder, me referia al <tr> pero ya vi que es por la class="bg-dark que esta en el body, opte por quitarcela y me aparecierón mis 37 registros completos, más adelante cheare como regresar la class y ajustar el body, respecto a la base de datos, si no la configure como UTF8 pero despues le cambien los parametros a UTF8 y UTF8_general_cl pero no me tomo las comas, voy a volver a hacer la bd configurando estos parametros desde el principio. Muchas gracias por tu respuesta. Saludos.