Home
Videos uploaded by user “Bluuweb !”
¿Cómo INSTALAR Bootstrap 4? 💪Curso completo [Desde cero, para principiantes]
 
04:22
En este apartado instalaremos Bootstrap 4 y realizaremos todas las configuraciones para que comencemos a utilizar este hermoso framework. ¿Cómo descargar e instalar Bootstrap? Enlace para descargar Bootstrap 4: https://v4-alpha.getbootstrap.com/getting-started/download/ ¿Cómo usar Bootstrap? En los siguientes apartados ya comenzaremos a usar Bootstrap para ir creando nuestro sitio web. Curso de Bootstrap 4 PREMIUM 2018! El valor del curso es de $199 dólares pero podrás acceder por tan solo $15 dólares aquí: https://goo.gl/NeCmze MÁS CURSOS DE BLUUWEB 2018! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/
Views: 74689 Bluuweb !
Instalar IONIC - Curso de Ionic APP desde cero 💪
 
04:16
Vamos a instalar IONIC y comenzar a desarrollar nuestra primera aplicación móvil compatible con Android, Ios y Windows. Vamos a configurar Ionic en nuestro computador, pero antes vamos a instalar Nodejs y Cordova. Quiero que se entienda que el proceso de instalar nodejs, cordova y ionic, se realiza solo una vez. Aquí están los enlaces ocupados en el video tutorial: http://ionic-bluuweb.blogspot.cl/2017/07/como-instalar-ionic-y-crear-nuestra.html El primer programa será Node js, y esto nos sirve basicamente para trabajar con su paquete de instalación npm, por lo cual iremos al sitio oficial y descargaremos su instalador el cual será siguiente siguiente siguiente... Una vez que tenemos Nodejs en nuestro computador ya podremos instalar framework a través de npm. Si nos fijamos en la página de ionic verás que el primer paso dice npm install -g... pero antes nos indica que tenemos que tener instalado Node y Cordova... esto último nos servirá para que nuestra aplicación sea compatible con diferentes dispositivos móviles. Nos vamos al sitio oficial de Cordova y vemos el instalador a través de npm por lo tanto copiamos esta línea de código y abrimos Visual Studio Code, si tu estás trabajando con otro editor de código tendrás que abrir la linea de comandos que tengas instalada en tu sistema, yo prefiero trabajar con Visual Studio Code ya que así no tendré que tener diferentes ventanas abiertas al momento de trabajar con la terminal. Una vez que tengamos abierto visual studio ocupamos el atajo ctrl + ñ y se nos abrirá la terminal. Pegamos lo que previamente habíamos copiado y damos a enter. Si te aparece algún warning no te preocupes siempre y cuando no te aparezcan alertas de fallos estará todo bien. Podemos introducir cordova -v para visualizar su versión y hasta aquí todo bien. Ahora instalaremos ionic en nuestro sistema... Volvemos al sitio oficial y podremos copiar la línea npm install -g cordova ionic, una nota importante es el -g... esto significa que es una instalación global por lo tanto solo tendremos que hacer este paso una vez... Así que vamos a nuestra terminal y pegamos el código...después de unos minutos, ya tendremos instalado ionic en nuestro computador. Verificamos la versión con ionic info y si todo esta ok seguiremos con el siguiente paso que es crear nuestro primero proyecto. Todo lo que hicimos previamente, como te repito se hace solo una vez... el instalar nuevos proyectos es lo que se repetirá en el futuro. Nos vamos al paso dos y aquí tenemos el comenzar con una app dice ionic star myApp tabs El myApp es el nombre de la aplicación así que puedes cambiarlo y el tabs es una plantilla... ya veremos con mayor detalle esto pero es para no comenzar con un proyecto desde cero. ¿Y donde pegamos este código?, bueno primero nos vamos a una carpeta donde quieras guardar tu proyecto... arrastramos esa carpeta a visual studio code... abrimos la terminal con ctrl + ñ y nos fijamos que automáticamente estamos en la ruta de la carpeta que acabamos de crear, esto es importante ya que es aquí donde vamos a instalar nuestro proyecto. Pegamos el código y damos a enter. Este proceso se va a demorar un poco así que paciencia. Cuando esté todo ok, nos aparecera un aviso de si queremos vincular con la cuenta de ionic, por ahora le decimos que no con la letra n. Vamos a visualizar nuestra primera aplicación y para eso tendremos que ejecutar un servidor, pero antes tenemos que dirigirnos a la carpeta myApp con cd myApp, verás que la ruta cambia y ahora estamos dentro de nuestra aplicación. Colocamos ionic serve para visualizar nuestro proyecto... esto nos dará una ruta la cual copiamos en el navegador. Y waula! ya tenemos nuestra primera aplicación en marcha. Voy a reducir la pantalla y ver en modo responsive para visualizarla de mejor manera. Por ahora hemos instalado nuestro primero proyecto llamado myApp y si nos dirigimos a la carpeta verás que son una cantidad de archivos impresionantes pero en el próximo video veremos que no tendrás que tocar casi nada. Espero que te recuperes después de tanto chamullo y nos vemos en el siguiente video tutorial. MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi ¿Te gustó este video? Puedes regalarme un café aquí: https://www.paypal.me/bluuweb Finalmente visita mi sitio web: https://bluuweb.org
Views: 43917 Bluuweb !
Sass curso: Introducción e instalación desde cero para principiantes
 
02:33
Sass! Trabaja tus estilos Css como todo un profesional con visual studio code! Para instalar Sass en nuestro computador tenemos que instalar previamente Ruby, además te aconsejo trabajar con Visual Studio Code para que el trabajo con la línea de comandos sea un verdadero chiste. Una vez que tengas estos elementos configurados en tu computador lo siguiente es ir al sitio web oficial de Sass: http://sass-lang.com/install Y copiar y pegar la siguiente línea gem install sass, en tu terminal de comandos. Listo! ya tenemos el primer paso configurado para comenzar a trabajar en nuestro curso paso a paso de Sass. ¿Te gustó este video? Puedes regalarme un café aquí: https://www.paypal.me/bluuweb No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 28447 Bluuweb !
MAILCHIMP 💪 Envía cientos de e-mail Gratis! Correos masivos 💌
 
04:41
MailChimp es una plataforma de email marketing que nos permite enviar cientos y miles de correos masivos a nuestros potenciales clientes, si tu objetivo es llegar a más personas de manera efectiva, estás en el video indicado. Enlace a mailchimp: https://mailchimp.com/ Aquí te dejo una pequeña introducción a esta excelente plataforma que te permitirá conectar con tus clientes de una forma atractiva y 100% eficaz, crea potenciales campañas newsletter con email marketing. Te gustan este tipo de video? deja tus comentarios y si deseas un curso de MailChimp feliz lo desarrollaré. No olvides suscribirte para estar atento a nuevos cursos y noticias del mundo web. Soy Ignacio Gutiérrez y bienvenido al mundo Bluuweb :)
Views: 19068 Bluuweb !
TRELLO 💪, Organizar tus tareas, IDEAS y actividades (También en equipo 👯)
 
01:40
TRELLO es una forma fácil y rápida de organizar tus tareas, actividades, ideas, etc. Tanto personales o en grupo, equipo de trabajo. puedes visitar TRELLO aquí para organizar tus IDEAS de trabajo o futuros proyectos: http://adf.ly/1cpMQL En este video tutorial conocerás una introducción a esta plataforma, así tendrás un idea generalizada de Trello. Recuerda suscribirte para estar al pendiente de otros videos tutoriales y bienvenidos al mundo de Bluuweb https://www.youtube.com/bluuweb Cursos gratuitos aquí: https://bluuweb.org/
Views: 17862 Bluuweb !
Cómo instalar Sublime Text 3 y Escribir código rápido 💪 (Emmet)
 
02:13
Enlace a Sublime: https://www.sublimetext.com/ Enlace a Package Control : https://packagecontrol.io/installation Hola!, aquí les traigo el programa para escribir códigos cómo Html5, Css3, etc. Además instalaremos un complemento que te ahorrará bastante tiempo, esto lo logramos con Emmet. MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) Music: http://www.bensound.com
Views: 25514 Bluuweb !
IONIC: Aprende a desarrollar una aplicación móvil desde cero
 
02:01
IONIC curso paso a paso para principiantes! Ionic es un framework gratuito para desarrollar aplicaciones multiplataformas, utilizando Angular, TypeScript, Sass y HTML5. Su gran cantidad de componentes nos facilita el trabajo al momento de crear una aplicación desde cero, además no tendremos que preocuparnos por la compatibilidad para android, ios o windows. Soy Ignacio Gutiérrez y te invito a descubrir este curso práctico de cómo desarrollar tu primera aplicación con Ionic. ------------------------------ Advertencia: Antes de continuar te quiero advertir que necesitas conocimientos en: HTML, CSS, JavaScript y SASS. Todos estos cursos los encuentras en mi canal y en especial te quiero recalcar el curso de SASS, ya que aquí te explico cómo trabajar con la terminal de Visual Studio Code, variables, importaciones y otros factores relevantes para este curso. Otro punto importante es que trabajaremos con Angular y TypeScript pero a nivel muy genérico, así que no te asustes porque te enseñaré a defenderte cuando lleguemos a este nivel. ------------------------------ Desarrollar y crear aplicaciones con Ionic nos da la ventaja de que estaremos creando apps híbridas para diferentes dispositivos sin tener que cambiar nuestro código. Ionic trabaja con Angular, siendo este uno de los framework más populares hoy en día de Javascript. Así que no te quepa duda de que estás por comenzar una aventura que te traerá cientos de beneficios. Como ya debes de conocer, mi metodología se basa en la práctica y no en las definiciones técnicas, así que no nos detendremos a analizar ciertos funcionamientos propios de Ionic que pueden ocasionar un infarto en nuestro cerebro, sino más bien a llevar a cabo una aplicación sencilla con los mínimos conocimientos en HTML5. Espero que disfrutes tanto como yo de este nuevo reto y no olvides que mis cursos son gratuitos gracias a tu apoyo, tu apoyo en compartir mis videos, apoyo en los comentarios, apoyó en los likes, apoyo en tu suscripción y apoyos en los cafecitos que puedan llegar. Nos vemos en el siguiente video tutorial... adiós! MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi ¿Te gustó este video? Puedes regalarme un café aquí: https://www.paypal.me/bluuweb No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 63853 Bluuweb !
Container y Grid System en Bootstrap 4! 💪Tutorial Español 💪
 
05:23
Conoceremos los Container y Grid System en bootstrap 4, además analizaremos en este primer tutorial en español, el sistema de rejilla que incorpora Flexbox, esta es una de las actualizaciones más importantes de la versión 4 de Bootstrap. En los siguientes apartados continuaremos analizando la Grid System con Flexbox esto es lo más famoso de este Framework. Curso de Bootstrap 4 PREMIUM! El valor del curso es de $199 dólares pero podrás acceder por tan solo $15 dólares aquí: https://goo.gl/NeCmze MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/
Views: 52954 Bluuweb !
VISUAL STUDIO CODE 💪Tutorial en Español 💪
 
07:35
Editor de código Visual Studio Code, donde podrás escribir y programar fácil y rápidamente, lo mejor de todo es que es GRATIS! Para mi es el mejor programa para escribir HTML, CSS, JavaScript, PHP, entre otros lenguajes. En este tutorial vamos a ver como escribir código en Visual Studio Code, qué es y para qué sirve en el mundo del desarrollo web y programación. Descarga el programa en el siguiente enlace: https://code.visualstudio.com/ Escribe código HTML, CSS, JS, PHP, etc. Este completo editor nos permite trabajar de una manera eficaz y llamativa. Este curso tutorial en español tiene como objetivo entregarte las mejores herramientas y consejos para trabajar con Visual Studio Code 2018, si estás empezando en el mundo del desarrollo web o programación este es uno de tus primeros cursos que tienen que revisar. Curso de Bootstrap 4 PREMIUM! El valor del curso es de $199 dólares pero podrás acceder por tan solo $15 dólares aquí: https://goo.gl/NeCmze MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ ¿Te gustó este video? Puedes regalarme un café aquí: https://www.paypal.me/bluuweb No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: https://bluuweb.org Música: http://www.bensound.com/
Views: 142392 Bluuweb !
Cómo instalar Wordpress en mi PC 💪Sin Hosting, Sin Dominio
 
03:48
Esta es una manera rápida y fácil de instalar nuestro querido Wordpress de una forma local en nuestro PC, computador, ordenador, así podrás probarlo y armar tu sitio web sin necesidad de contratar un hosting y sin dominio. Para tener tu Wordpress sin hosting te dejo los enlaces a continuación. Recomiendo utilizar XAMPP o MAMP en lugar de Wamp: https://www.apachefriends.org/es/index.html https://www.mamp.info/en/ Video: https://www.youtube.com/watch?v=hUQtnz9upcE MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi Enlace a Wampserver: http://www.wampserver.com/ Enlace para descargar Wordpress 2017 español: https://wordpress.org/ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) Music: http://www.bensound.com
Views: 30933 Bluuweb !
CSS Flexbox Español #1 💪
 
10:41
Bienvenidos al Tutorial completo de CSS Flexbox para principiantes en español, en este curso veremos qué es Flexbox y para que nos sirve. ¿Qué es CSS Flexbox? Es una nueva forma de posicionar nuestros elementos en el sitio web, es mucho más fácil y utilizaremos menos código. ¿Qué tenemos que saber? Flexbox tiene la siguiente estructura: un contenedor “padre” (que contiene a los elementos que deseamos posicionar) y contenedores “hijos” (que son los elementos flexibles). Si deseas la Guía completa en Español de Flexbox te invito a visital el siguiente sitio web: Todos los códigos en: http://ignaciogutierrez.cl/flexbox-css3/ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/
Views: 19308 Bluuweb !
Columnas Bootstrap 4 Responsive - 💪Curso desde cero
 
04:22
Continuaremos viendo el sistema de columnas en Bootstrap 4 y analizando las funciones responsives según los puntos de ruptura que tenemos a continuación. Cómo primer elemento vemos que bootstrap en tamaños menores a 576 les quita el margen a los contenedores. esto es realmente útil ya que es una preocupación menos al momento de visualizar nuestra página web en móviles. Ahora pasaremos a un ejemplo para trabajar con el primer tamaño. en nuestro HTML copiaremos las columnas ya realizadas y entre ellas agregaremos una etiqueta hr, de html5, que nos formara una división entre ellas. Vemos el resultado en nuestro navegador que está configurado con un ancho de pantalla de 575px, nos aparece la línea divisora y además nuestras 3 columnas configuradas anteriormente. dejaremos configurado por el momento solo la clase "col" para visualizarlo en el navegador. Ahora nuestras columnas tienen el mismo tamaño. Agregaremos nuestro primer tamaño que es col-sm para pantallas entre 576 y 767px, visualizamos y veremos que en pantallas menores a 576 bootstrap nos posiciona las columnas al 100% y al llegar a los 576 coloca las columnas en una fila con el mismo tamaño entre ellas. Esto lo realiza ya que no hemos asignado un tamaño específico. Por ejemplo, le asignaremos las dos primeras columnas con un tamaño de 6 y la tercera con un tamaño del 100% ósea de 12. Ahora el resultado es que tenemos 2 columnas iguales y la tercera al 100%, en pantallas "sm", pero en pantallas pequeñas volvemos al 100% por cada columna. Cabe señalar que las siguientes medidas como la col- "md", lg y xl no están configuradas por lo tanto bootstrap asigna la medida "sm" por defecto para cada una de ellas. Así nosotros podemos asignas diferentes medidas según el tamaño del dispositivo. veremos ahora el tamaño "md" que es para medidas entre 768 y 991px. en este caso le asignaremos un tamaño de 4 a cada columna para que se visualicen en una misma fila. vamos al navegador y el resultado es el esperado. Ahora tenemos configurado 3 resoluciones, la primera al 100%, la segunda con dos filas y la tercera con una sola. Vamos al caso de las pantallas lg, estas están entre los 992 y los 1199px, Asignaremos a la primera columna un tamaño de 2 a la segunda un tamaño de 1 por lo tanto a la tercera tendremos que asignarle un tamaño de 9. ¡Visualizamos en el navegador y wuala! tenemos las columnas con un tamaño específico para pantallas lg. Podrás intuir que para resoluciones xl el resultado también será el esperado. Así te invito a jugar con cada una de las configuraciones que nos ofrece bootstrap ya que tendrás que probar y probar para que se te quede grabado en la cabezota. Para finalizar te mostraré un truquito y es para realizar saltos de filas en tamaños automáticos de columnas. Esto lo realizamos con la clase w-100 aquí bootstrap nos proporciona un ejemplo donde tenemos creadas 4 columnas, pero se visualizan en filas de 2. Para recordarlo mejor veremos el siguiente caso. copiaremos las columnas anteriores junto con el hr para generar otra línea divisora. Vamos a borrar las clases específicas para cada resolución de pantalla y dejaremos solo la clase "col" Visualizamos y veremos que tenemos 3 columnas en una misma fila del mismo tamaño cada una. Ahora agregaremos la división con la clase w-100 después de la columna número 2. Visualizamos y tan tan ya tenemos un salto de fila. Por ahora lo vamos a dejar hasta acá, espero que este video te haya gustado y no olvides compartirlo con tus amigos y darle me gusta. Saludos y nos vemos en el siguiente video tutorial Adiós. MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi Curso de Bootstrap 4 PREMIUM! El valor del curso es de $199 dólares pero podrás acceder por tan solo $15 dólares aquí: https://goo.gl/NeCmze ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Music: http://www.bensound.com
Views: 39746 Bluuweb !
Cómo usar Google Drive
 
04:51
Bienvenidos al curso de como usar Google Drive para principiantes, aprende a usar esta potente plataforma gratuita. Esta es una herramienta de Google gratuita que nos permite trabajar en la nube con archivos de texto, presentaciones, cálculos, etc. Pudiendo compartir tus archivos y editarlos en grupo. Algo importante es que todo lo que crees en tu cuenta es privado por lo tanto mientras no lo compartas será de tu responsabilidad. Si quieres trabajar de forma segura con tus archivos esta es tu opción de trabajo. No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) Finalmente visita mi sitio web: https://www.bluuweb.org
Views: 31250 Bluuweb !
Técnicas para aprender a programar 🤩 [Programación principiantes 2018]
 
06:25
En este video explico algunas técnicas para aprender a programar, si tu estás iniciando y no tienes mucha experiencia conoceremos algunos consejos que te ayudarán en tus futuros proyectos de Programación. ¿Cómo ser programador? aquí van algunos consejos para tu vida y día a día! El primera técnica es tener las bases de algún lenguaje de programación antes de pasar a buscar nuevas alternativas. No tratemos de adelantarnos y vamos paso a paso, así todo será hermoso. El segunda técnica es practicar, y no copiar y pegar! no! jiji es mi mayor error al principio por lo tanto acumula horas de escritura para ser el mejor y comenzar a utilizar la lógica que todo buen programador tiene en su interior! Tercera técnica es mantener la perseverancia, da tu mayor esfuerzo y no caigas en depresión cuando las cosas no funcionan a la primera :) Bonus: Mientras más feliz más aprendes jijij (no está comprobado pero a mi me funciona jiji) Suscríbete aquí: https://www.youtube.com/bluuweb Descarga los archivos del curso aquí: https://goo.gl/4tZAZb ¿Quiéres apoyar el canal? Curso de Bootstrap 4 PREMIUM! Accede con un súper descuento aquí: https://goo.gl/VQZwKg También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: https://www.bluuweb.org Música: https://www.bensound.com/
Views: 30329 Bluuweb !
Curso de JavaScript desde cero para principiantes - Aprende a crear páginas web dinámicas
 
02:39
Bienvenidos al curso de JavaScript! Vamos a aprender los elementos más populares para que nuestra página web sea dinámica y entretenida. El curso será paso a paso y para principiantes, así que no arranques, ni te tires de un puente. Javascript es nuestro primer lenguaje de programación que veremos en nuestro canal, así que muy atento porque tocaremos temas totalmente nuevos. ¿Te gustó este video? Puedes regalarme un café aquí: https://www.paypal.me/bluuweb No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 16954 Bluuweb !
IONIC CURSO  1️⃣0️⃣Enlazar a otras páginas con NavController - Crea APP móviles
 
06:45
En este video tutorial de Ionic conoceremos cómo enlazar nuevas páginas a través de botones, utilizaremos la propiedad NavController. Parece un poco difícil al principio entender la gran cantidad de pasos a seguir, pero con la práctica entenderás que no te llevará más de unos minutos poder realizar esta operación. Este curso de Ionic está destinado a que puedas construir tu primera aplicación, por lo tanto iremos paso a paso explorando las ventajas de utilizar Ionic en nuestros desarrollos de Apps. Más info aquí: https://ionicframework.com/docs/api/navigation/NavController/ MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi ¿Te gustó este video? Puedes regalarme un café aquí: https://www.paypal.me/bluuweb No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 13363 Bluuweb !
Funciones Arrow (de Flecha) Javascript 2018
 
09:12
Funciones Arrow en JavaScript paso a paso, o más conocidas como funciones de flecha, las cuales ya están disponibles en la versión EcmaScript 6 de JS. Esta nueva versión de las funciones nos ahorran unas líneas de código y son más fáciles de aprender, no quiere decir que las tradicionales funciones de Javascript queden obsoletas, sino que las funciones Arrow pueden facilitarnos la vida y la interpretación de código. Actualizarse en Javascript es fundamental, es por esto que he disidido subir videos tutoriales sobre EcmaScript 6. Una nota importante es que tienes que tener la última versión de tu navegador web para que funcione todo correctamente. Si te perdiste los otros videos fundamentales del curso de Javascript los puedes revisar aquí: 📌Curso de Javascript Fundamentos en 40 minutos! Aprende desde cero rápido y práctico - Tutorial https://youtu.be/Zwcqq-7IDI0 📌DOM - Fundamentos de Javascript - Aprende rápido y al grano - Tutorial en español https://youtu.be/8u4Xef5YtFE 📌Curso de Bootstrap 4 PREMIUM! El valor del curso es de $199 dólares pero podrás acceder por tan solo $15 dólares aquí: https://goo.gl/NeCmze No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) 📌https://www.facebook.com/bluuweb/ 📌https://bluuweb.org Música: http://www.bensound.com/
Views: 9895 Bluuweb !
#12 Qué son y cómo hacer Objetos - Curso de JavaScript desde cero para principiantes
 
08:39
En este apartado veremos como hacer objetos en Javascript y cómo llevarlos a un Array. Los objetos son una solución muy eficaz para crear programas orientados a objetos. Puedes revisar más info aquí: https://developer.mozilla.org/es/docs/Web/JavaScript/Introducci%C3%B3n_a_JavaScript_orientado_a_objetos ¿Te gustó este video? Puedes regalarme un café aquí: https://www.paypal.me/bluuweb No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 6182 Bluuweb !
Bootstrap 4 BETA: Qué paso con hidden-*-up | Ocultar elementos - Responsive utilities
 
05:10
Quizás te llamó la atención que ahora no está disponible las clases HIDDEN en Bootstrap Beta, pero esto no es un problema ya que los creadores de Bootstrap lo han solucionado de una manera muy inteligente. Para revisar la documentación oficial de hidden-*-up a Responsive utilities en Bootstrap beta tienes que ir al siguiente enlace: https://getbootstrap.com/docs/4.0/migration/#responsive-utilities En este video tutorial te enseñaré a utilizar y ocultar elementos con d-*-none y d-*-block. ¿Te gustó este video? Puedes regalarme un café aquí: https://www.paypal.me/bluuweb No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 15034 Bluuweb !
#13 Curso de Angular / Fundamentos - Configurando Rutas (Parte 1) - Routing
 
11:16
Veamos como configurar Rutas en nuestro proyecto realizado con Angular. Documentación utilizada: https://angular.io/tutorial/toh-pt5 Descarga los archivos del curso aquí: https://goo.gl/Bacc3P Curso de Bootstrap 4 PREMIUM! El valor del curso es de $199 dólares pero podrás acceder por tan solo $15 dólares aquí: https://goo.gl/NeCmze Espero contar con tu apoyo, ya que estos canales de ingresos me ayudan a que pueda seguir subiendo contenido a mi canal de Youtube! GRACIAS GRACIAS GRACIAS GRACIAS!! :) ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 8585 Bluuweb !
Cómo elegir un proveedor de hosting | Consejos claves para la elección de tu alojamiento web.
 
05:13
****Consideraciones antes de contratar un Hosting**** Para que tu primera experiencia en contratar un hosting no sea un desastre te voy a dar algunas recomendaciones para contratar tu primer hosting. 1. Espacio en disco: Aquí hablamos de la capacidad en espacio que tiene que tener el hosting. Yo recomiendo que minimo tenga que tener 1GB, ya que un sitio promedio pesa aprox 100MB y los 900MB son para tus correos electrónicos. Además pregunta cuánto será el valor si quisieras aumentar el espacio así podrás comparar entre varios hosting. 2. Soporte: Pregunta qué tipo de ayuda tendrás ya sea telefónica, email, chat, etc y en que horarios de atención, si es 24/7 u horarios definidos. Mientras más soporte más caro será el hosting. 3. Hosting internacional o nacional: Si tus clientes son nacionales te recomiendo contratar un servicio local, esto porque tendrás más soporte, respuestas más oportunas, velocidad y mejores precios. Si tu mercado ya es internacional contrata un servicio externo ya que así te aseguras que tu sitio web anda bien todos los países. 4. Seguridad: Pregunta si tienen algún sistema de antivirus o firewall instalados, además si hacen respaldos mensuales, anuales, etc. y si ellos los van guardando y no sobreescribiendo. Porque a veces borran los respaldos antiguos y eso puede ser peligroso. Obviamente no vamos a tener todos los respaldos pero recomiendo los 3 últimos. 5. Ancho de banda: es como un plan de internet en el celular, ellos te dan una cierta cantidad de GB y cuando tu los terminas el internet se pone lento o bien se corta, lo mismo pasa con los hosting ellos tienen un límite de ancho de banda mensual y la mayoría de ellos se colocan lentos una vez una vez que los agotaste. Si no cuentas con suficiente ancho de banda algunas personas no podrán entrar en tu sitio web. 6. Bases de datos: son ocupadas generalmente en páginas como wordpress, joomla, prestashop, etc. estas plataformas ocupan 1 base de datos, por lo tanto tienes que tener la posibilidad de crear por lo menos 1 base de datos en tu hosting. 7. Dedicado o compartido: la mayoría de los hosting relativamente económicos son compartidos, esto es que ocupan el mismo servidor para varios clientes, esto te afecta tanto en la velocidad como en la seguridad, yo en mi opinión siempre he tenido sitios en hosting compartidos y no he tenido mayores problemas y por qué optó por este tipo de plan es simplemente porque mis clientes no están dispuestos a pagar lo que cuesta un hosting dedicado, aquí el valor siempre será unas 5 veces mayor a un hosting compartido. 8. Cuentas de correo: pregunta siempre cuantos correos puedes crear y que platafoma ocupan para visualizarlos. 9. Mensual o anual: existen hosting que te cobran mensual, anual o bien puedes adelantar los 12 pagos y te reducen el valor. Si estás pensando a largo plazo es recomendable pagar anualmente el hosting ya así te garantizas que tu sitio web estará operativo. Trata de ir ahorrando mensualmente algo para el hosting cosa que cuando llegue la cuenta no sea un cacho más para tus deudas. 10. Estabilidad: Pregunta cuántas veces se les cayó el hosting en el año, si tu página va a estar siempre operativa o si te ofrecen un 99%. También es importante preguntar si tu sitio web está caído y es culpa del hosting te van a reembolsar algo económicamente. Ya que por obra de magia los hosting se caen a veces 1 vez al año y justo cuando se cae es cuando le estás mostrando tu sitio web a un cliente. Así que tengan paciencia porque como se corta la luz en tu casa... se puede caer el hosting. Bonus: Compara siempre la oferta de hosting que existen en el mercado. Bueno espero no haberte aburrido y como ya sabes si te gustó el video destrúyeme en los comentarios, dale me gusta y suscríbete.
Views: 2998 Bluuweb !
Qué es Cpanel y para qué nos sirve. Primeros pasos para la administración de nuestro Hosting
 
03:43
Ayúdame a seguir creciendo en videos tutoriales! Puedes compartir mis videos con tus amigos, darle me gusta o destruirme en los comentarios. Gracias a ustedes podemos seguir aprendiendo y ayudando a cientos de emprendedores que inician su camino al éxito! Te invito a suscribirte y dejar todos los comentarios sobre el video. Saludos y nos vemos en otro video tutorial!
Views: 3364 Bluuweb !
Curso de Angular 2018 - Desde cero
 
08:45
Bienvenidos al curso de Angular ! aquí aprenderemos a crear aplicaciones web de una sola página utilizando el modelo vista controlador entre muchas otras funcionalidades. En esta introducción al curso hablaremos de las herramientas que necesitaremos para poder trabajar con Angular en nuestros desarrollos web. Es importante señalar que utilizaremos la última versión de Angular así que mantén actualizados tus softwares. No necesitas conocimientos previos de Angular para seguir este curso ya que iremos paso a paso y desde cero. Es para principiantes :) Descarga los archivos del curso aquí: https://goo.gl/Bacc3P Enlaces utilizados: https://angular.io/ https://www.mozilla.org/es-CL/firefox/developer/ https://code.visualstudio.com/ https://nodejs.org/es/ https://www.typescriptlang.org/#download-links https://github.com/angular/angular-cli Curso de Bootstrap 4 PREMIUM! El valor del curso es de $199 dólares pero podrás acceder por tan solo $15 dólares aquí: https://goo.gl/NeCmze Espero contar con tu apoyo, ya que estos canales de ingresos me ayudan a que pueda seguir subiendo contenido a mi canal de Youtube! GRACIAS GRACIAS GRACIAS GRACIAS!! :) ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 40746 Bluuweb !
#15 Curso de Angular / Fundamentos - Servicios
 
10:04
En este video del curso de Angular veremos como crear un servicio y la finalidad de este. Descarga los archivos del curso aquí: https://goo.gl/Bacc3P Curso de Bootstrap 4 PREMIUM! El valor del curso es de $199 dólares pero podrás acceder por tan solo $15 dólares aquí: https://goo.gl/NeCmze Espero contar con tu apoyo, ya que estos canales de ingresos me ayudan a que pueda seguir subiendo contenido a mi canal de Youtube! GRACIAS GRACIAS GRACIAS GRACIAS!! :) ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 6554 Bluuweb !
Bootstrap 4 Responsive 💪Práctica con ejemplos en Página web 💪
 
08:06
Bienvenidos al apartado de práctica HTML de Bootstrap4 responsive, ya hemos recorrido un camino y es hora de hacer ejemplos con todo lo aprendido. Aquí conoceremos cómo hacer un sitio web responsive con Boostrap 4, utilizando los puntos de roptura y el sistema de columnas. Es un ejemplo básico pero que nos ayudará a entender cómo funciona Bootstrap y lo fácil que es su aplicación en diseño web. Espero que disfrutes y no olvides escribir los códigos y hacer tus propios ejemplos ya que esto te llevará a ser experto en Bootstrap 4! Curso de Bootstrap 4 PREMIUM! El valor del curso es de $199 dólares pero podrás acceder por tan solo $15 dólares aquí: https://goo.gl/NeCmze MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Curso de Css3 para principiantes: https://goo.gl/4cAeDF
Views: 36736 Bluuweb !
#16 Carousel - Cómo hacer un Slideshow - Curso completo de Bootstrap 4! 2017 desde cero
 
06:41
En este tutorial te explico cómo hacer un Slideshow con Bootstrap 4! Utilizaremos el componente más popular de Bootstrap, además de realizar algunas configuraciones para que nuestro carousel tenga una dimensión del 100% del ancho y detecte el alto automáticamente. Finalmente te comento que este Slider es responsive (se adapta a diferentes dispositivos) y está ocupando Html5 y Css3 entre otras configuraciones. No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl
Views: 25452 Bluuweb !
#1 Cómo agregar Javascript a nuestra hoja HTML - Curso de JavaScript desde cero para principiantes
 
03:24
Bienvenidos al curso de Javascript práctico en páginas web, en este apartado vamos a introducirnos a la iniciación de Javascript en HTML. Vamos a ver 3 métodos para agregar Javascript a nuestros proyectos web. Es muy similar a cómo agregamos hojas de estilo CSS... La primera forma y la recomendada es agregar una hoja aparte con la extensión .js podemos crear un nuevo archivo colocarle nombre-inventado.js (aquí la extensión es lo importante, siempre será .js) colocaremos algo fácil como alert("hola soy un mensaje"); Nos vamos a nuestro documento html y si queremos que javascript se ejecute cuando nuestro sitio esté cargado, lo insertamos al terminar nuestra etiqueta body. Abrimos la etiqueta de script y dentro de la primera etiqueta agregamos un src="nombre-inventado.js" Actualizamos nuestro sitio web y wuala! Puedes ver como bootstrap.js también es cargado en esta parte del documento. La segunda opción es escribir el código dentro de una etiqueta html, nos vamos a dirigir al botón y dentro de este colocaremos onclick='alert("hola soy el mensaje numero 2")' Damos click en el botón y wuala! La tercera opción y es la que ocuparemos en los futuros ejercicios, pero no es lo recomendado, es agregarlos dentro del documento HTML. Abrimos las etiquetas de apertura de script y dentro escribimos nuestro código. En este caso será el mismo del documento externo. copiamos, pegamos y actualizamos el sitio web. Wuala! Finalmente tenemos un bonus el cual es ejecutar javascript dentro del navegador web. Damos clic derecho, consola y escrimos alert. damos enter y wuala! ¿Te gustó este video? Puedes regalarme un café aquí: https://www.paypal.me/bluuweb No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 9524 Bluuweb !
IONIC CURSO 5️⃣ Agregando nuevas páginas - Crea APP móviles
 
05:44
IONIC CURSO, Vamos a gestionar las páginas nuevas al template de Ionic, este proceso puede sonar un poco enredado pero trataré de explicar lo mejor posible. Agregar una nueva página al tabs se realiza en dos procesos, unos modificar el menú y el otro es utilizar el cli con las línea de comandos para crear la nueva página. 📌Sigue el curso de IONIC aquí (todos los videos): ¿Te gustó este video? Puedes regalarme un café aquí: https://www.paypal.me/bluuweb No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 18293 Bluuweb !
#17 Todos los componentes en un solo lugar! - Curso completo de Bootstrap 4! 2017 desde cero
 
01:46
uff... casi se me olvida... aquí está el sitio web: https://hackerthemes.com/bootstrap-cheatsheet/ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Music: http://www.bensound.com
Views: 8701 Bluuweb !
IONIC CURSO 1️⃣5️⃣Conexión con API REST - Crea APP móviles
 
10:21
Aprende a conectar tu aplicación de Ionic 3 con una API REST, verás que el proceso es sumamente sencillo con Ionic cli. Los pasos son: Crear un proveedor, importar HttpClientModule, luego configurar tanto nuestro proveedor como la página de aterrizaje y wuala! ya tendremos conexión con una API REST El sitio web utilizado en el ejemplo es: https://jsonplaceholder.typicode.com/ Además podrás acceder a todos los archivos de este tutorial de Ionic aquí: https://goo.gl/Bacc3P MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $10 dólares aquí: https://goo.gl/SRAK6j No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 21490 Bluuweb !
#13 Flexbox CSS3 Español 2018
 
06:14
Aprenderemos a utilizar Flexbox css3 en español para principiantes y desde cero. Este tutorial tiene como objetivo crear columnas en nuestra página web. Flexbox es una de las novedades de css3 y quedarás maravillado con lo fácil de su aplicación. Aprendamos a crear columnas con Flexbox en este 2018! Puedes revisar el contenido del curso de HTML5 y CSS3 aquí: http://www.bluuweb.cl/html-css Descarga los archivos del curso aquí: https://goo.gl/4tZAZb Curso de Bootstrap 4 PREMIUM! Accede con un súper descuento aquí: https://goo.gl/VQZwKg Espero contar con tu apoyo, ya que estos canales de ingresos me ayudan a que pueda seguir subiendo contenido a mi canal de Youtube! GRACIAS GRACIAS GRACIAS GRACIAS!! :) ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl
Views: 7873 Bluuweb !
❤ var let y const en JAVASCRIPT ❤ Diferencias y aplicaciones - Tutorial en Español
 
12:09
Vamos a conocer las diferencias entre VAR, LET y CONST en Javascript, este apartado es muy importante para nuestro curso de Javascript 2018 :) Suscríbete aquí: https://www.youtube.com/bluuweb Descarga los archivos del curso aquí: https://goo.gl/4tZAZb MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi ¿Quiéres apoyar el canal? Curso de Bootstrap 4 PREMIUM! Accede con un súper descuento aquí: https://goo.gl/VQZwKg También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: https://www.bluuweb.org
Views: 6447 Bluuweb !
Curso Laravel 5 desde cero [PHP Framework 2018]
 
14:49
Bienvenidos a nuevo curso de Laravel 5 desde cero para principiantes. Hoy aprenderemos en esta introducción a instalar Laravel 5.6 en Windows (Laragon y Xampp) y hablaremos de sus características más importantes en la elección de este Framework de PHP. Para instalar Laravel 5.6 tenemos que contar con: https://getcomposer.org/ Además de forma alternativa: https://www.apachefriends.org/es/index.html https://laragon.org/ Qué es Laravel? Laravel es un framework de PHP y su filosofía es trabajar con un código elegante y simple. Aquí la idea es que el trabajo está hecho, solo debemos integrarlo, si necesitas un registro de usuario, Laravel lo tiene por defecto, necesitas trabajar con bases de datos, Laravel lo tiene hecho, configurar pagos, etc. Código sencillo e interpretable, además cuenta con un sistema de plantillas llamado Blade que nos permite integrar PHP a nuestro HTML fácil y seguro. Este último punto es muy importante porque la seguridad está muy bien aplicada en este Framework, así que si queremos hacer sitios web seguros con PHP, esta es la alternativa. Espero que disfrutes del curso! Suscríbete aquí: https://www.youtube.com/bluuweb Descarga los archivos del curso aquí: https://goo.gl/4tZAZb ¿Quiéres apoyar el canal? Curso de Bootstrap 4 PREMIUM! Accede con un súper descuento aquí: https://goo.gl/VQZwKg También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: https://www.bluuweb.org
Views: 28788 Bluuweb !
#13 Formularios (parte 1) - Curso completo de Bootstrap 4! 2017 desde cero
 
07:58
Nuevo Curso Premium: Aprende a desarrollar un formulario profesional con PHP, Ajax y Bootstrap 4! Accede por 10 dólares aquí: https://goo.gl/SRAK6j Ventajas: Validaciones con PHP y Html5, Ajax para que el sitio web envíe respuesta al instante (sin sobrecargar el sitio web), Mayor seguridad (no te llegarán e-mail vacios) y 100% responsive utilizando Bootstrap4! Espero contar con tu apoyo en este nuevo curso dictado por Bluuweb :) ******************************************************************** No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl
Views: 18680 Bluuweb !
Curso de Vue.js 😍 #01 Introducción [Tutorial en Español desde cero] Framework de Javascript
 
16:42
Bienvenidos a un nuevo curso, ahora comenzaremos con Vue.js, un Framework de Javascript que está tomando mucha fuerza. Es ideal para principiantes ya que iremos paso a paso! Suscríbete aquí: https://www.youtube.com/bluuweb Descarga los archivos del curso aquí: https://goo.gl/4tZAZb MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi ¿Quiéres apoyar el canal? Curso de Bootstrap 4 PREMIUM! Accede con un súper descuento aquí: https://goo.gl/VQZwKg También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: https://www.bluuweb.org
Views: 18893 Bluuweb !
#6 Tipos de alineamiento con Flexbox - Curso completo de Bootstrap 4! 2017 desde cero
 
09:40
Hoy conoceremos los tipos de alineamiento tanto en filas como en columnas, esto Bootstrap 4 lo incorpora con la nueva tecnología de Flexbox. Te recomiendo que antes de ver este módulo mirar los siguientes videos tutoriales de Flexbox, así entenderás mucho mejor el funcionamiento y los tipos de posiciones. Guía Flexblox parte 1: https://youtu.be/TtgkU8LMGAc Guía Flexbos parte 2: https://youtu.be/-yRjE6YieoM MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl
Views: 32667 Bluuweb !
#2 Visual Studio Code - Tema y Servidor Local
 
04:21
Vamos a conocer tres cositas importantes de Visual Studio Code, entre ella hacer un servidor local con autorefresh del navegador, así no tenemos que estar refrescando nuestro navegador a cada vez que hacemos un cambio en visual studio. Otra cosa es el tema que estoy utilizando este 2018 y dar formato a nuestro código o hacer indentación en VSC. Tema de visual studio code: Palenight Curso de Bootstrap 4 PREMIUM! Accede con un súper descuento aquí: https://goo.gl/VQZwKg Espero contar con tu apoyo, ya que estos canales de ingresos me ayudan a que pueda seguir subiendo contenido a mi canal de Youtube! GRACIAS GRACIAS GRACIAS GRACIAS!! :) ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl
Views: 3417 Bluuweb !
Taller #2 - Crear Menu (navbar) con logo al centro y links a los lados - Curso de Bootsrap 4!
 
05:36
Vamos a crear un menú de navegación con el logo corporativo centrado y los enlaces a los costados, recuerda que esto quedará responsive para todos los dispositivos. Descarga el proyecto aquí: https://goo.gl/WNfF2o Características de nuestro Navbar realizado con Bootstrap 4! - Es un menú horizontal con alineamiento vertical, así todos los elementos están centrados. - Es un menú desplegable ya que en pantallas pequeñas aparece un botón para hacer aparecer nuestros enlaces. - Estamos utilizando las propiedades ml-auto y mr-auto correspondientemente para posicionar nuestros enlaces tanto a la derecha como a la izquierda. - Finalmente ocupamos propiedades de Bootstrap 4 para hacer aparecer y desaparecer el logo corporativo, dependiendo del tamaño de la pantalla. No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl
Views: 14137 Bluuweb !
#8 Semántica o estructura HTML5 - Curso 2018
 
03:55
Veamos una introducción a las nuevas etiquetas de HTML5, esto es más conocido como semántica web en HTML o estructura web. Organizar nuestro sitio web en diferentes secciones te ayuda a entender de mejor forma tu código HTML y relacionarlo con el contenido mismo de la página web. Entre los más importantes están las etiquetas nav, section, footer y article. Puedes revisar el contenido del curso de HTML5 y CSS3 aquí: http://www.bluuweb.cl/html-css Curso de Bootstrap 4 PREMIUM! Accede con un súper descuento aquí: https://goo.gl/VQZwKg Espero contar con tu apoyo, ya que estos canales de ingresos me ayudan a que pueda seguir subiendo contenido a mi canal de Youtube! GRACIAS GRACIAS GRACIAS GRACIAS!! :) ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl
Views: 8276 Bluuweb !
#12 CSS desde cero principiantes - Margenes y Padding
 
05:32
Aprenderemos los margenes y padding en CSS desde cero y para principiantes. Este curso trata de llevar a la práctica cada definición para que puedas aplicarlo a tus páginas web. Puedes revisar el contenido del curso de HTML5 y CSS3 aquí: http://www.bluuweb.cl/html-css Descarga los archivos del curso aquí: https://goo.gl/4tZAZb Curso de Bootstrap 4 PREMIUM! Accede con un súper descuento aquí: https://goo.gl/VQZwKg Espero contar con tu apoyo, ya que estos canales de ingresos me ayudan a que pueda seguir subiendo contenido a mi canal de Youtube! GRACIAS GRACIAS GRACIAS GRACIAS!! :) ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl
Views: 7207 Bluuweb !
CSS Flexbox Español #2
 
05:56
En este apartado conoceremos las propiedades de CSS Flexbox en español, pero de los elementos hijos. Estás propiedades las aplicaremos a los div que se encuentran dentro del contenedor padre. order:; Ordena los elementos hijos según el número que tu le designes. flex-grow:; Especifica el factor de crecimiento de un elemento flexible. Se especifica qué cantidad de espacio debe ocupar el elemento dentro del contenedor flexible. Si todos los elementos tienen flex-grow 1, el espacio restante se distribuye entre los elementos. lex-shrink:; Si utilizamos esta propiedad con valor “0” el elemento hijo no podrá hacerse más pequeño que su ancho establecido. flex-basis:; Con esta propiedad podemos especificar el tamaño inicial que tendrá un elemento hijo. flex:1 1 auto; Es la propiedad resumida de flex-grow, flex-shrink y flex-basis, generalmente se utiliza con la unidad “1 1 auto”. align-self: auto | flex-start | flex-end | center | baseline | stretch; Con aling-self podemos posicionar solo un elemento hijo, generando así diferentes posiciones para cada elemento. Todos los códigos y definiciones en: http://ignaciogutierrez.cl/flexbox-css3-parte-2/ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/
Views: 9555 Bluuweb !
#1 Firebase y Bootstrap 4 - Registro de usuarios con email y contraseña - Aprende a crear un Login
 
06:20
Tutorial de Firebase en español - Aprende a crear una App rápido y fácil! Bienvenidos a un nuevo tutorial donde explicaremos como crear un registro de usuario y contraseña (Login de acceso), para nuestros clientes. Realizaremos nuestra primera aplicación web utilizando Firebase y Bootstrap 4, una herramienta de Google que nos proporciona bases de datos en tiempo real. Si quieres aprender a desarrollar login de accesos con Firebase y Bootstrap 4 estás en el curso correcto. Recuerda que para seguir este curso de Firebase de mejor forma tienes que realizar el curso de JavaScript esencial el cual se encuentra en la siguiente lista de reproducción: https://goo.gl/2Lqxx5 Enlace a Firebase: https://firebase.google.com Enlace a documentación oficial de Firebase: https://goo.gl/2H5gwS Curso de Bootstrap 4 PREMIUM! El valor del curso es de $199 dólares pero podrás acceder por tan solo $15 dólares aquí: https://goo.gl/NeCmze ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 19788 Bluuweb !
Navbar Bootstrap 4 (parte1) - 💪Menú Responsive
 
13:44
Vamos a crear nuestro menú de navegación o NAVBAR con Bootstrap 4! de forma responsive, esta es la primera parte donde analizamos de forma rápida los elementos populares para que puedas crear tu Navbar. Es un apartado muy entretenido y pronto subiré la próxima sección para analizar otros detalles pendientes. MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi Si quieres que hable de algún tema en particular no olives comentar! No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl
Views: 43560 Bluuweb !
#12 Jumbotron y bordes - Curso completo de Bootstrap 4! 2017 desde cero
 
05:50
No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl
Views: 11927 Bluuweb !
DOM JavaScript - 💪Tutorial en Español 2018
 
16:07
DOM JAVASCRIPT es uno de los apartados más interesantes del curso de JS en Español, sus fundamentos nos permiten ya comenzar a interactuar con nuestro sitio web y crear eventos. Si deseas crear páginas dinámicas con diferentes eventos, tienes que saber utilizar el DOM de Javascript, el cual analizaremos con diferentes ejemplos en este tutorial. Si te perdiste el primer tutorial de este curso de fundamentos de Javascript lo puedes revisar aquí: https://goo.gl/tkSK6p MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi 📌 FETCH API JAVASCRIPT: https://goo.gl/hCaGLX ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $10 dólares aquí: https://goo.gl/SRAK6j No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 17974 Bluuweb !
#6 Cómo crear una barra progreso con animación  - Curso de JavaScript desde cero para principiantes
 
02:52
En este ejercicio vamos a crear una barra de progreso animada con Bootstrap y Javascript. Crear la barra es muy fácil con Bootstrap 4 pero la idea es agregarle algún efecto de desplazamiento con Javascript. En el video pasado aprendimos a agregar y quitar clases de CSS, ahora es el turno de ocupar estas herramientas y crear algo genial. Documentación utilizada en este video: https://www.w3schools.com/css/css3_transitions.asp https://v4-alpha.getbootstrap.com/components/progress/ ¿Te gustó este video? Puedes regalarme un café aquí: https://www.paypal.me/bluuweb No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 4933 Bluuweb !
#11 Cards - Curso completo de Bootstrap 4! 2017 desde cero
 
10:26
Hoy conoceremos un componente de Bootstrap 4! y son las Cards (tarjetas), además modificaremos los css propios de Bootstrap para cambiar el sistema responsive que tiene por defecto. Esta sección es muy importante, ya que podrás modificar los Css de Bootstrap según tus necesidades. No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl
Views: 16631 Bluuweb !
HTML5 y Visual Studio Code - Curso Desarrollo Web 2018 💪
 
13:32
Veamos los primeros pasos con HTML5 y Visual Studio Code, que es lo que necesitamos para comenzar a trabajar con HTML y CSS desde cero y paso a paso. En este capítulo del curso de desarrollo web 2018 te mostraré Visual Studio Code, un editor de código que nos hace la vida muy fácil con diversos lenguajes de programación. Además aprenderás a escribir tus primeras líneas de código HTML y CSS paso a paso, para que la práctica haga al maestro! Introducirnos en HTML y CSS es vital para comprender como funciona el desarrollo web. Enlaces utilizados en este video: https://www.mozilla.org/es-CL/firefox/developer/ https://code.visualstudio.com/ Curso de Bootstrap 4 PREMIUM! Accede con un súper descuento aquí: https://goo.gl/VQZwKg Espero contar con tu apoyo, ya que estos canales de ingresos me ayudan a que pueda seguir subiendo contenido a mi canal de Youtube! GRACIAS!! :) MÁS CURSOS DE BLUUWEB! 📌 HTML Y CSS: https://goo.gl/yoMdMZ 📌 JAVASCRIPT: https://goo.gl/hnQkog 📌 JQUERY: https://goo.gl/Ag7XsG 📌 CSS GRID: https://goo.gl/nR56pT 📌 VISUAL STUDIO CODE: https://goo.gl/cvu57R 📌 BOOTSTRAP 4: https://goo.gl/npezrj 📌 PHOTOSHOP: https://goo.gl/1C9k5n 📌 PSD A HTML: https://goo.gl/VYX2V6 📌 TEMAS WORDPRESS: https://goo.gl/GeiVNm 📌 PHP Y MYSQL: https://goo.gl/oao1QT 📌 FORMULARIOS CON PHP Y AJAX: https://goo.gl/GKpZAH 📌 ANGULAR: https://goo.gl/WJhtnC 📌 FIREBASE/FIRESTORE: https://goo.gl/bpKL9i 📌 PHP LARAVEL: https://goo.gl/iAbPBy 📌 MATERIALIZE CSS: https://goo.gl/7pSFY5 📌 IONIC: https://goo.gl/RNGKTD 📌 SASS: https://goo.gl/ba7mEE 📌 PROGRAMACIÓN BÁSICA: https://goo.gl/HksyVi 📌 FETCH API JAVASCRIPT: https://goo.gl/hCaGLX ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: https://bluuweb.org
Views: 31472 Bluuweb !
#7 Curso de Angular / Fundamentos - Hola mundo y primeros conceptos claves
 
07:47
En este video tutorial comenzaremos a modificar nuestro proyecto en Angular, así podremos soltar un poco la mano con los fundamentos de Angular. Descarga los archivos del curso aquí: https://goo.gl/Bacc3P Curso de Bootstrap 4 PREMIUM! El valor del curso es de $199 dólares pero podrás acceder por tan solo $15 dólares aquí: https://goo.gl/NeCmze Espero contar con tu apoyo, ya que estos canales de ingresos me ayudan a que pueda seguir subiendo contenido a mi canal de Youtube! GRACIAS GRACIAS GRACIAS GRACIAS!! :) ¿Necesitas crear formularios de contacto con PHP? Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl Música: http://www.bensound.com/
Views: 8973 Bluuweb !
#18 Copiando plantillas de ejemplo - Curso completo de Bootstrap 4! 2017 desde cero
 
10:39
Ejemplo de plantilla Bootstrap 4: https://goo.gl/qNYzMO Web del curso (aún en construcción): https://goo.gl/kLGVCM No olvides suscribirte a este hermoso canal y destruirme en los comentarios :) También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/ Finalmente visita mi sitio web: http://ignaciogutierrez.cl
Views: 13042 Bluuweb !