- Видео 24
- Просмотров 30 676
Nick Pashkov
Мексика
Добавлен 29 апр 2020
Bienvenidos a mi canal donde encontrarán información y vídeos de temas como Desarrollo Web, Móviles, Desarrollo de vídeo juegos entre otros. Espero que disfruten su estancia :)
Proxy en Javascript - ¿Qué es y para qué sirve?
En este video veremos el objeto Proxy en JavaScript, que es la base de la reaactividad y los frameworks actuales como Vue.js para manejar su reactividad. Crearemos un mecanismo de verificación de datos con una expresión regular.
Просмотров: 785
Видео
Vue 3.0 - Funciones setup() y ref() | Nuevas plantillas - Qué hay de nuevo en Vue 3
Просмотров 1,6 тыс.3 года назад
¡Estoy de regreso! Me disculpo por mi ausencia en estos meses, tiempos difíciles 😪 Pero aquí estoy de vuelta con ustedes 😅 ¡Vue 3.0 ya está disponible! Vamos a explorar sus nuevas funciones paso a paso, respondiendo preguntas como ¿en qué cambió? ¿qué beneficios tiene? ¿qué tan estable es hasta el momento? entre muchas otras 🤔
Crea tu propia mini-nube de Ubuntu Server con Multipass
Просмотров 7 тыс.4 года назад
En este video les explico como funciona la tecnología de Multipass que permite crear maquinas virtuales de Ubuntu Server de una manera muy sencilla y rápida. Orientado hacia principiantes para aprender sobre la configuración básica de servidores Web. nickpashkov.com/
Aprende Vue.js creando tu propio clon de Instagram (P14 | Bugfixes y finalización)
Просмотров 3474 года назад
Patreon: www.patreon.com/nickpashkov Instagram: nickpashkov Web: www.nickpashkov.com/ Respositorio git: gitlab.com/NickyPashkov/tutorial-vue.js-clon-de-instagram Vue.js es un framework para aplicaciones web progresivas, en esta serie de videos aprenderemos a desarrollar una aplicación muy parecida a Instagram, con Vue.js y un servidor Rest de Node.js
Aprende Vue.js creando tu propio clon de Instagram (P13 | Comentarios y Multer.js)
Просмотров 1294 года назад
Patreon: www.patreon.com/nickpashkov Instagram: nickpashkov Web: www.nickpashkov.com/ Respositorio git: gitlab.com/NickyPashkov/tutorial-vue.js-clon-de-instagram Vue.js es un framework para aplicaciones web progresivas, en esta serie de videos aprenderemos a desarrollar una aplicación muy parecida a Instagram, con Vue.js y un servidor Rest de Node.js
Aprende Vue.js creando tu propio clon de Instagram (P12 | Modal de publicación)
Просмотров 1264 года назад
Patreon: www.patreon.com/nickpashkov Instagram: nickpashkov Web: www.nickpashkov.com/ Respositorio git: gitlab.com/NickyPashkov/tutorial-vue.js-clon-de-instagram Vue.js es un framework para aplicaciones web progresivas, en esta serie de videos aprenderemos a desarrollar una aplicación muy parecida a Instagram, con Vue.js y un servidor Rest de Node.js
Aprende Vue.js creando tu propio clon de Instagram (P11 | Likes en fotos)
Просмотров 1544 года назад
Patreon: www.patreon.com/nickpashkov Instagram: nickpashkov Web: www.nickpashkov.com/ Respositorio git: gitlab.com/NickyPashkov/tutorial-vue.js-clon-de-instagram Vue.js es un framework para aplicaciones web progresivas, en esta serie de videos aprenderemos a desarrollar una aplicación muy parecida a Instagram, con Vue.js y un servidor Rest de Node.js
Aprende Vue.js creando tu propio clon de Instagram (P10 | Subida a Base de Datos)
Просмотров 984 года назад
Patreon: www.patreon.com/nickpashkov Instagram: nickpashkov Web: www.nickpashkov.com/ Respositorio git: gitlab.com/NickyPashkov/tutorial-vue.js-clon-de-instagram Vue.js es un framework para aplicaciones web progresivas, en esta serie de videos aprenderemos a desarrollar una aplicación muy parecida a Instagram, con Vue.js y un servidor Rest de Node.js
Aprende Vue.js creando tu propio clon de Instagram (P9 | Arrastrar y soltar imagen)
Просмотров 1244 года назад
Patreon: www.patreon.com/nickpashkov Instagram: nickpashkov Web: www.nickpashkov.com/ Respositorio git: gitlab.com/NickyPashkov/tutorial-vue.js-clon-de-instagram Vue.js es un framework para aplicaciones web progresivas, en esta serie de videos aprenderemos a desarrollar una aplicación muy parecida a Instagram, con Vue.js y un servidor Rest de Node.js
Fundamentos de Deno - Crea una simple API REST utilizando Deno y TypeScript
Просмотров 4634 года назад
Deno es un entorno de ejecución seguro de JavaScript construido en V8 y Rust que soporta TypeScript por defecto. Aunque Deno sigue la misma arquitectura que Node.js, es un proyecto totalmente nuevo, desarrollado en el lenguaje Rust. En este vídeo aprenderás sobre como puedes crear una simple API usando Deno, implementando la libreria de Oak. nickpashkov.com/ www.patreon.com/nickpashkov instagra...
Aprende Vue.js creando tu propio clon de Instagram (P8 | Posts)
Просмотров 954 года назад
Patreon: www.patreon.com/nickpashkov Instagram: nickpashkov Web: www.nickpashkov.com/ Respositorio git: gitlab.com/NickyPashkov/tutorial-vue.js-clon-de-instagram Vue.js es un framework para aplicaciones web progresivas, en esta serie de videos aprenderemos a desarrollar una aplicación muy parecida a Instagram, con Vue.js y un servidor Rest de Node.js
Aprende Vue.js creando tu propio clon de Instagram (P7 | Página de inicio)
Просмотров 1074 года назад
Patreon: www.patreon.com/nickpashkov Instagram: nickpashkov Web: www.nickpashkov.com/ Respositorio git: gitlab.com/NickyPashkov/tutorial-vue.js-clon-de-instagram Vue.js es un framework para aplicaciones web progresivas, en esta serie de videos aprenderemos a desarrollar una aplicación muy parecida a Instagram, con Vue.js y un servidor Rest de Node.js
Aprende Vue.js creando tu propio clon de Instagram (P6 | Páginas protegidas)
Просмотров 2334 года назад
Patreon: www.patreon.com/nickpashkov Instagram: nickpashkov Web: www.nickpashkov.com/ Respositorio git: gitlab.com/NickyPashkov/tutorial-vue.js-clon-de-instagram Vue.js es un framework para aplicaciones web progresivas, en esta serie de videos aprenderemos a desarrollar una aplicación muy parecida a Instagram, con Vue.js y un servidor Rest de Node.js
Aprende Vue.js creando tu propio clon de Instagram (P5 | Login y Registro con JWT)
Просмотров 2614 года назад
Patreon: www.patreon.com/nickpashkov Instagram: nickpashkov Web: www.nickpashkov.com/ Respositorio git: gitlab.com/NickyPashkov/tutorial-vue.js-clon-de-instagram Vue.js es un framework para aplicaciones web progresivas, en esta serie de videos aprenderemos a desarrollar una aplicación muy parecida a Instagram, con Vue.js y un servidor Rest de Node.js
Aprende Vue.js creando tu propio clon de Instagram (P4 | Conexión con API)
Просмотров 3184 года назад
Patreon: www.patreon.com/nickpashkov Instagram: nickpashkov Respositorio git: gitlab.com/NickyPashkov/tutor... Vue.js es un framework para aplicaciones web progresivas, en esta serie de videos aprenderemos a desarrollar una aplicación muy parecida a Instagram, con Vue.js y un servidor Rest de Node.js
Aprende Vue.js creando tu propio clon de Instagram (P3 | Validación de Formularios)
Просмотров 2474 года назад
Aprende Vue.js creando tu propio clon de Instagram (P3 | Validación de Formularios)
Aprende Vue.js creando tu propio clon de Instagram (P2 | Pantalla de Login)
Просмотров 4944 года назад
Aprende Vue.js creando tu propio clon de Instagram (P2 | Pantalla de Login)
Aprende Vue.js creando tu propio clon de Instagram (P1 | Introducción e Instalación)
Просмотров 1,2 тыс.4 года назад
Aprende Vue.js creando tu propio clon de Instagram (P1 | Introducción e Instalación)
Crea una aplicación web en PHP más ordenada (P5 | Modelos II)
Просмотров 8224 года назад
Crea una aplicación web en PHP más ordenada (P5 | Modelos II)
UX/UI Cast #1 - Custom File Select Button with HTML, CSS & JS
Просмотров 2,8 тыс.4 года назад
UX/UI Cast #1 - Custom File Select Button with HTML, CSS & JS
Crea una aplicación web en PHP más ordenada (P4 | Base de datos y Modelos)
Просмотров 1,3 тыс.4 года назад
Crea una aplicación web en PHP más ordenada (P4 | Base de datos y Modelos)
Crea una aplicación web en PHP más ordenada (P3 | Pasar datos a las plantillas)
Просмотров 1,6 тыс.4 года назад
Crea una aplicación web en PHP más ordenada (P3 | Pasar datos a las plantillas)
Crea una aplicación web en PHP más ordenada (P2 | Plantillas y Buffers)
Просмотров 3,1 тыс.4 года назад
Crea una aplicación web en PHP más ordenada (P2 | Plantillas y Buffers)
Crea una aplicación web en PHP más ordenada (P1 | Introducción y rutas)
Просмотров 7 тыс.4 года назад
Crea una aplicación web en PHP más ordenada (P1 | Introducción y rutas)
Te devuelve en la pos 0 vacio porque explode() agarra el valor de la izquierda del separador que en este caso es el "/" sino tenes nada antes del "/" entonces es normal que devuelva 0, hay que tener en cuenta que hace tambien REQUEST_URI que a diferencia de cualquier otro metodo que agarre el PORT, request_uri solo agarra el request de la barra de direcciones que siempre esta despues del puerto. Osea, quitando el puerto lo que sigue es la uri que comienza por un espacio vacio seguido de la barra, seguido de otra cosa, la barra y asi hasta el infinito y mas alla. saludos.
Te amo amigo, muchas gracias por todo
Que buen video!
$uri = $_SERVER['PATH_INFO'] ?? '/';
Min 19:10 añado una mejora para obtener la URI: $uri = implode('/', array_slice(explode('/', $_SERVER['SCRIPT_NAME']), 0, -1)) . '/'; $uri = substr(rawurldecode(($_SERVER["REQUEST_URI"] ?? "")), strlen($uri)); if (str_contains($uri, '?')) { $uri = substr($uri, 0, strpos($uri, '?')); } $uri = '/' . trim($uri, '/'); var_dump("uri: $uri");
Como se llama ese tema de visual?
Tengo un error 404
recien comenzando y tira muy buena pinta :) consulta, esto seria vue 2.0? ... consulto por la fecha de publicación
Ya no continuaste con los videos de Vue 3?
Gracias, estaba descargando un ubuntu server para ponerlo en mi virtualbox y esto me salvó de hacer todo ese proceso, gracias! :)
desde multipas puedo compartir aplicaciones como lo hace windows subsystem ? por ejemplo si ejecuto code ., me va abrir el visual code desde el ubuntu?
Chevere que termines el crud.
buenas... ilustre y como se hace para la apariencia de la tienda "front end", como se haría entonces
Cool!
GODDDD, ME AYUDASTE MUCHO:)
Muy bueno los videos! pero tengo un problema cuando escribo algo luego de la / por ejemplo índex.phph/productos me sale un mensaje de ¡Objeto no localizado!. Por que puede ser eso?
Pls we no dejes esto morir, eres un puto dios !
♥️ Dios simplemente
Excelente video! Que bueno que esta proxy! Me da curiosidad los otros tantos handlers que tiene. GRACIAS!!!!
Contexto si tiene, debe de tenerlo, pero ahora no utilizas tais, sino que inyectas a setup la variable context y es similar a vue2.
si quiero consumir una api en una cierta pagina???
A mi no me carga los estilos. los invoque así <link rel="stylesheet" href="/styles/main.css"> También así <link rel="stylesheet" href="../styles/style.css"> Pero no me lo reconoce, ayuda!!!!
Ya me sirvio
Sube el volumen ¿OK?
Muy bueno, gracias!
Hola, Muchas gracias por tan buen tutorial. Sin embargo, debo comentarle que al intentar instalar vee-validate (con la instrucción: "npm i vee-validate"). Recibo el siguiente mensaje: ============================================================================================= npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: frontend@0.1.0 npm ERR! Found: vue@2.6.14 npm ERR! node_modules/vue npm ERR! vue@"^2.6.11" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@"^3.0.0" from vee-validate@4.4.11 npm ERR! node_modules/vee-validate npm ERR! vee-validate@"^4.4.11" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. ============================================================================================= Y, al adicionar el los scripts y ejecutar la instrucción "yarn serve" (para encender el servidor). Recibo el siguiente mensaje: ============================================================================================= yarn run v1.22.5 $ vue-cli-service serve INFO Starting development server... 98% after emitting CopyPlugin ERROR Failed to compile with 1 error This dependency was not found: * vue-Validate in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Login.vue?vue&type=script&lang=js& To install it, you can run: npm install --save vue-Validate ============================================================================================= ¿Alguna sugerencia para solventar estos problemas? PD: Adjunto la información en el documento "package.json". Ya que, (como dato curioso) aparece instalado como dependencia el paquete "vee-validate": ============================================================================================= { "name": "frontend", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" }, "dependencies": { "core-js": "^3.6.5", "line-awesome": "^1.3.0", "nib": "^1.1.2", "pug": "^3.0.2", "pug-plain-loader": "^1.1.0", "register-service-worker": "^1.7.1", "vee-validate": "^2.2.15", "vue": "^2.6.11", "vue-router": "^3.2.0", "vuex": "^3.4.0" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-pwa": "~4.5.0", "@vue/cli-plugin-router": "~4.5.0", "@vue/cli-plugin-vuex": "~4.5.0", "@vue/cli-service": "~4.5.0", "stylus": "^0.54.7", "stylus-loader": "^3.0.2", "vue-template-compiler": "^2.6.11" }, "browserslist": [ "> 1%", "last 2 versions", "not dead" ] } ============================================================================================= Saludos
Como estás? Sigo exactamente estos pasos pero al tratar de ingresar a /content/1 sin el php me indica que no existe (404 not found). Estoy realizando esto sobre un hosting, no estaría entendiendo como corregirlo.
Hola! Depende de tu host, ya sea que es nginx o apache la configuración es diferente. Debes buscar cómo redireccionar todas las peticiones a index.php para que funcione
buenas noches a todos, primeramente muy buenos videos, pero tengo un inconveniente soy nuevo y recien estoy entrando a php, e intentado hacer las funciones pero no me funcionan, nose si puedas recomendarme algun video o explicarme como tengo que hacerlo, gracias
brother no se como no tienes mas subs, llevo tiempo buscando aprender algo como esto para mi proyecto, estoy entendiendo todo y no e echo el curso de PHP excelente video
Excelente video, gracias
Hola, si tengo mi apache no va funcionar esto? me arroja el error 404, existe una forma en la que pueda configurar apache para que trabaje de esta forma
Claro, para eso ocupas configurar el archivo htaccess para que redireccione todas las peticiones a index.php, aqui te paso un link mediatemple.net/community/products/all/204643080/how-do-i-redirect-my-site-using-a-.htaccess-file
@@NickPashkov muchas gracias, eres muy amable
no entiendo por qué sale este error: Internal Server Error The server encountered an internal error or misconfiguration and was unable to complete your request. Please contact the server administrator at webmaster@localhost to inform them of the time this error occurred, and the actions you performed just before this error. More information about this error may be available in the server error log. Apache/2.4.38 (Debian) Server at localhost Port 8080
voy a investigar para ver qué tengo malo
Yo estoy trabajando con docker pero creo que esto puede ayudar a todas las personas que tengan el mismo problema, voy a dejar la solución. * Solución 1 (gente que trabaja sin docker), editen el archivo /etc/apache2/sites-enabled/000-default.conf, cambien el contenido por esto: <VirtualHost *:80> ServerAdmin webmaster@localhost DocumentRoot /var/www/html <Directory /var/www/html> RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^ /index.php [QSA,L] </Directory> ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined </VirtualHost> *Solución 2 (gente que trabaja con docker): -Lo primero es crear un archivo con extensión .conf, por ejemplo rest.conf -Luego, agregan la configuración del virtualhost de la parte 1. -Por último, agreguen esto en su Dockerfile : RUN a2enmod rewrite COPY rest.conf /etc/apache2/sites-enabled/000-default.conf
Buenísimo pero para hacerlo mas rápido y enfocado a PHP hubieras usado Boostrap o alguna otra libreria !
Muchas gracias por los videos pero tuve un problema y no pude continuar.
Muy interesante Nick 👌🏽
Muy interesante e instructivo, vas a proporcionar el código?
Hola! Checa en la descripción hay un enlace a gitlab con todo el código, saludos
Muy bien explicado!, muchas gracias!
Tus vídeos son oro Bro!!
Gracias por hacer este vídeo, es muy útil y fácil de entender, sin embargo, el código que colocaste para lo de las uris, va a quedar en ese index.php? o se va a mover a otra ubicación?
Eres un crack bro
excelente pero y si la direccion de ifconfig que me da la coloco en el explorador y no funciona luego de seguir todos los pasos para ver que nginx esta funcionando que deberia revisar ? si el server esta online recien instalado.
Hola amigo, me hubiese gustado que empezaras diciendo con que sistema operativo vas a trabajar: Windows ? Linux ? etc.
Hola gracias por tu comentario! Particularmente en este tutorial puedes seguir los mismos pasos para todos los sistemas operativos, lo único que cambiaría es la instalación de php (que en windows tendrias que agregar el directorio al path), pero lo demás es practicamente igual. Saludos!
Muy bueno! te recomiendo que le agregues al titulo o a la descripcion del video la palabra "ob_start()" ya que asi cuando alguien busca conoser el funcionamiento de ese metodo le aparezca tu video. Saludos!
Gracias!
Me dio mucho panorama la información, al parecer la diferencia con un VM tradicional sería que aquí la VM está "integrada" a tu maquina en vez de tenerla en una "caja" aparte, muchas gracias.
Amigo eres increible <3
Una pregunta el multipass me permite crear una MV en una carpeta en especifico que no sea solo en la carpeta Home?
Si te refieres al mapeo que hace de tus archivos de la maquina host, tiene opciones específicas lo puedes checar en la página oficial multipass.run/
@@NickPashkov ok, muchas gracias lo voy a revisar.
Muy bueno el video. Me ayudo mucho a aclarar una duda que tenía sobre ob_start a la hora de implementarlo en un plugin de Wordpress que estaba desarrollando. Claro que seguiré tus videos compa. Saludos!
Puede ser confuso al principio pero esa función es bastante útil! Y me alegra que te haya gustado el video
Felicitaciones por tu videos me sirvio mucho, pero tengo una pregunta como hago funcionar la aplicacion en cpanel ya que subi el proyecto y no me muestra nada pero en local funciona muy bien
Muchas gracias! Me alegro que te haya servido, para que funcione en un servidor primero debemos saber que tipo de servidor es, si es un Apache o es Nginx, talvez haré un video pronto de como configurar los servidores o hosting para eso
@@NickPashkov el servidor es apache, si seria bueno un video de como configurar los servidores
@@randysalasherrera21 Mientras tanto puedes checar este link: help.dreamhost.com/hc/es/articles/215747748--Como-puedo-redireccionar-y-sobreescribir-mis-URL-con-un-archivo-htaccess- Alli explica como configurar un archivo llamado htaccess para que funcione todo, me comentas si te funciona
@@NickPashkov probe con los ejemplos que estan y ninguno me funciono
@@NickPashkov bro ya resolvi el problema era la version php del servidor, no necesite usar .htaccess, gracias por el tutorial me sirvio para organizar mejor mi aplicacion
muy bueno, nunca habia usado lo de buffer. yo hice un sistema con POO en el cual puse en una clase en el modelo con una lista blanca de los nombres de cada seccion (about, home) etc.. y en el controlador voy verificando si son realmente los de las listaas y sino los envio al 404 $ruta = explode("/", $_GET['views']); $respuesta= vistasModelo::obtener_vistas_mdl($ruta[0]); en el index principal llamo al controlador y voy cargando cada vista, voy a seguir viendo tus videos son muy buenos. gracias
Claro, esa es otra manera, me alegra que te hayan gustado los videos!
¡Increíble diseño! Las herramientas que mencionas son geniales, gran tutorial.
I'm proud of you