https://video.bestwebhosting.co/browse-UCJl1YajcPWTeJNsQhGyMIMg-videos-1-date.html Best WebHosting Video site is a collection of web hosting related videos about Wordpress, Dedicated Servers, VPS, Shared Hosting, Game server hosting etc. Also, tutorials and how-to's, comparisons and reviews of the Best Web Hosting Companies. https://video.bestwebhosting.co/e0ca2a5ef.video

Aprende que es Vite y como utilizarlo para agilizar el desarrollo de tus proyectos de Javascript, React o Vue.

Mis cursos de desarrollo web:
⭐ Curso Completo de Diseño Web Profesional:
https://www.desarrolloweb.io/cursos/diseno-web

⭐ Curso Completo de React y Firebase:
https://www.desarrolloweb.io/cursos/react

⭐Curso Completo de Javascript
https://www.desarrolloweb.io/cursos/javascript

⭐ Curso Completo de PHP y MYSQL:
https://www.desarrolloweb.io/cursos/php-y-mysql

⭐ Curso de Bootstrap 5:
https://www.desarrolloweb.io/cursos/bootstrap

⭐ Curso Completo de creación de tiendas online:
https://www.desarrolloweb.io/cursos/tiendas-online

---

Vite: https://vitejs.dev/
Webpack: https://webpack.js.org/

Temario:
00:00 - Introducción
02:49 - Como funciona webpack
13:16 - Como funciona vite
16:24 - Iniciar proyecto en vite
28:51 - Estilos CSS y variables de ambiente

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Sun, 28 May 2023 17:26:46 +0000 Guía de Vite para principiantes. <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/e0ca2a5ef-1.jpg" /></p>Aprende que es Vite y como utilizarlo para agilizar el desarrollo de tus proyectos de Javascript, React o Vue.<br /> <br /> Mis cursos de desarrollo web:<br /> ⭐ Curso Completo de Diseño Web Profesional:<br /> https://www.desarrolloweb.io/cursos/diseno-web<br /> <br /> ⭐ Curso Completo de React y Firebase:<br /> https://www.desarrolloweb.io/cursos/react<br /> <br /> ⭐Curso Completo de Javascript <br /> https://www.desarrolloweb.io/cursos/javascript<br /> <br /> ⭐ Curso Completo de PHP y MYSQL:<br /> https://www.desarrolloweb.io/cursos/php-y-mysql<br /> <br /> ⭐ Curso de Bootstrap 5:<br /> https://www.desarrolloweb.io/cursos/bootstrap<br /> <br /> ⭐ Curso Completo de creación de tiendas online:<br /> https://www.desarrolloweb.io/cursos/tiendas-online<br /> <br /> ---<br /> <br /> Vite: https://vitejs.dev/<br /> Webpack: https://webpack.js.org/<br /> <br /> Temario:<br /> 00:00 - Introducción<br /> 02:49 - Como funciona webpack<br /> 13:16 - Como funciona vite<br /> 16:24 - Iniciar proyecto en vite<br /> 28:51 - Estilos CSS y variables de ambiente<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/e0ca2a5ef.video https://video.bestwebhosting.co/49544129f.video

En este curso aprenderás a programar en Javascript desde lo más básico hasta un nivel intermedio/avanzado.

¡No importa si no sabes programar!
Este curso está diseñado para que aprendas desde cero y paso a paso mediante ejemplos, prácticas y proyectos.

🔥 Versión premium del curso:
https://www.desarrolloweb.io/cursos/javascript
¿Qué incluye el curso premium?
✅ Más de 33 horas en video en las que aprenderás más de 180 temas diferentes.
✅ 6 proyectos y aplicaciones reales para practicar todo lo aprendido.
✅Acceso a todo el código del curso, incluyendo los proyectos.
✅Acceso a un sistema de preguntas y respuestas. (siempre respondo todas las preguntas)
✅Garantía de 30 días, si no te gusta te devolvemos tu dinero.

---

📄 Código del curso:
https://github.com/falconmasters/curso-javascript

== TEMARIO ==
Sección 1: Javascript desde cero (introducción)
00:00:00 - Introducción
00:14:35 - Descarga de recursos del curso
00:21:14 - Qué es Javascript
00:26:56 - Creando las carpetas del curso
00:31:55 - Hola Mundo con Javascript
00:44:17 - Preparando archivos adicionales de la sección
00:46:53 - Variables
01:01:01 - Tipos de Datos (Cadenas de Texto y Números)
01:10:07 - Tipos de Datos (Arreglos, Objetos y Funciones)
01:19:24 - Operadores aritméticos y de comparación
01:33:53 - Operadores lógicos
01:43:36 - Arreglos
01:55:50 - Objetos
02:08:10 - Template Strings
02:14:04 - Condicionales
02:30:33 - Condicionales Switch
02:41:55 - Operador Ternario
02:51:13 - Funciones
03:02:32 - Parámetros y Argumentos de Función
03:13:38 - Sentencia Return
03:22:52 - Variables Globales (Scope de Javascript)
03:26:57 - Variables Locales
03:34:20 - Variables de Bloque
03:46:58 - Métodos para trabajar con arreglos (Parte 1)
04:00:09 - Métodos para trabajar con arreglos (Parte 2)
04:09:32 - Métodos para trabajar con arreglos (Parte 3)
04:26:08 - Métodos para trabajar con arreglos (Parte 4)
04:36:58 - Métodos para trabajar con arreglos (Parte 5)
04:45:24 - Métodos para trabajar con objetos
04:52:06 - Métodos para trabajar con cadenas de texto
05:07:23 - Métodos para trabajar con números
05:22:02 - Operador spread, rest y destructuración de objetos.
05:37:49 - Ciclo For
05:55:31 - Break y Continue
06:08:28 - Ciclo while
06:15:50 - Ciclo foreach, for in, for of
06:26:20 - Clases
06:40:23 - Herencia
06:54:12 - Métodos y Propiedades Estáticos
07:00:51 - Callbacks
07:09:01 - Promesas
07:19:23 - Ejemplo de promesa
07:29:33 - Async/Await - Try/Catch

Sección 2: Módulos (ES6)
07:41:41 - Qué son los módulos
07:43:22 - Instalando NodeJS
07:52:38 - Instalando Rollup
08:00:28 - Utilizando Rollup
08:19:40 - Named Imports y Namespace Imports
08:30:19 - Default Imports
08:36:38 - Emtpy Imports

Sección 3: BOM - Browser Object Model
08:40:04 - Introducción al BOM
08:57:04 - Objeto Window
09:07:56 - Objeto Location y History
09:17:04 - Objeto Navigator
09:20:42 - Alertas
09:27:18 - Funciones de tiempo
09:39:09 - Cookies

Sección 4: DOM - Document Object Model
10:01:01 - Introducción al DOM
10:02:49 - Creando los archivos de la sección
10:05:13 - Seleccionando elementos del DOM (parte 1)
10:16:39 - Seleccionando elementos del DOM (parte 2)
10:27:32 - Modificando elementos del DOM
10:38:24 - Creando y agregando nodos al DOM
10:49:51 - Eliminando elementos del DOM
10:55:03 - Modificando los estilos de los elementos del DOM con CSS
11:06:22 - Modificando los estilos de los elementos del DOM con Javascript
11:16:44 - Que son los eventos
11:19:07 - Como agregar eventos
11:33:07 - Propagación de Eventos
11:39:10 - Tipos de Propagación
11:43:31 - Eliminar Eventos del DOM

Sección 5:
11:52:43 - Presentación del proyecto (galería)

Sección 6:
11:55:39 - Presentación del proyecto (tienda)

Sección 7: Formularios
12:58:32 - Introducción a la sección
12:01:32 - Creando los archivos de la sección
12:07:27 - Accediendo a elementos de formulario (parte 1)
12:24:57 - Eventos para formularios
12:40:36 - Validación de formularios
12:56:27 - Expresiones regulares para validar formularios

Sección 8:
13:06:34 - Presentación del proyecto (formulario)

Sección 9: APIs
13:10:41 - Introducción a las APIs
13:18:22 - LocalStorage API
13:29:10 - Trabajando con la API nueva de fechas
13:39:43 - JSON
13:53:19 - Fetch API

Sección 10:
14:07:31 - Presentación del proyecto (página de películas)

Sección 11:
14:10:49 - Presentación del proyecto (app de gastos)

Sección 12:
14:14:01 - Presentación del proyecto (portafolio)

Sección 13: APIs
14:16:36 - Conclusión

---

Otros de mis cursos:
⭐ Curso Completo de Diseño Web Profesional:
https://www.desarrolloweb.io/cursos/diseno-web

⭐ Curso Completo de React y Firebase:
https://www.desarrolloweb.io/cursos/react

⭐ Curso Completo de PHP y MYSQL:
https://www.desarrolloweb.io/cursos/php-y-mysql

⭐ Curso de Bootstrap 5:
https://www.desarrolloweb.io/cursos/bootstrap


Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Tue, 09 May 2023 18:02:31 +0000 Curso de Javascript | Completo, Práctico y desde Cero <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/49544129f-1.jpg" /></p>En este curso aprenderás a programar en Javascript desde lo más básico hasta un nivel intermedio/avanzado.<br /> <br /> ¡No importa si no sabes programar!<br /> Este curso está diseñado para que aprendas desde cero y paso a paso mediante ejemplos, prácticas y proyectos.<br /> <br /> 🔥 Versión premium del curso:<br /> https://www.desarrolloweb.io/cursos/javascript<br /> ¿Qué incluye el curso premium?<br /> ✅ Más de 33 horas en video en las que aprenderás más de 180 temas diferentes.<br /> ✅ 6 proyectos y aplicaciones reales para practicar todo lo aprendido.<br /> ✅Acceso a todo el código del curso, incluyendo los proyectos.<br /> ✅Acceso a un sistema de preguntas y respuestas. (siempre respondo todas las preguntas)<br /> ✅Garantía de 30 días, si no te gusta te devolvemos tu dinero.<br /> <br /> ---<br /> <br /> 📄 Código del curso:<br /> https://github.com/falconmasters/curso-javascript<br /> <br /> == TEMARIO ==<br /> Sección 1: Javascript desde cero (introducción)<br /> 00:00:00 - Introducción<br /> 00:14:35 - Descarga de recursos del curso<br /> 00:21:14 - Qué es Javascript<br /> 00:26:56 - Creando las carpetas del curso<br /> 00:31:55 - Hola Mundo con Javascript<br /> 00:44:17 - Preparando archivos adicionales de la sección<br /> 00:46:53 - Variables<br /> 01:01:01 - Tipos de Datos (Cadenas de Texto y Números)<br /> 01:10:07 - Tipos de Datos (Arreglos, Objetos y Funciones)<br /> 01:19:24 - Operadores aritméticos y de comparación<br /> 01:33:53 - Operadores lógicos<br /> 01:43:36 - Arreglos<br /> 01:55:50 - Objetos<br /> 02:08:10 - Template Strings<br /> 02:14:04 - Condicionales<br /> 02:30:33 - Condicionales Switch<br /> 02:41:55 - Operador Ternario<br /> 02:51:13 - Funciones<br /> 03:02:32 - Parámetros y Argumentos de Función<br /> 03:13:38 - Sentencia Return<br /> 03:22:52 - Variables Globales (Scope de Javascript)<br /> 03:26:57 - Variables Locales<br /> 03:34:20 - Variables de Bloque<br /> 03:46:58 - Métodos para trabajar con arreglos (Parte 1)<br /> 04:00:09 - Métodos para trabajar con arreglos (Parte 2)<br /> 04:09:32 - Métodos para trabajar con arreglos (Parte 3)<br /> 04:26:08 - Métodos para trabajar con arreglos (Parte 4)<br /> 04:36:58 - Métodos para trabajar con arreglos (Parte 5)<br /> 04:45:24 - Métodos para trabajar con objetos<br /> 04:52:06 - Métodos para trabajar con cadenas de texto<br /> 05:07:23 - Métodos para trabajar con números<br /> 05:22:02 - Operador spread, rest y destructuración de objetos.<br /> 05:37:49 - Ciclo For<br /> 05:55:31 - Break y Continue<br /> 06:08:28 - Ciclo while<br /> 06:15:50 - Ciclo foreach, for in, for of<br /> 06:26:20 - Clases<br /> 06:40:23 - Herencia<br /> 06:54:12 - Métodos y Propiedades Estáticos<br /> 07:00:51 - Callbacks<br /> 07:09:01 - Promesas<br /> 07:19:23 - Ejemplo de promesa<br /> 07:29:33 - Async/Await - Try/Catch<br /> <br /> Sección 2: Módulos (ES6)<br /> 07:41:41 - Qué son los módulos<br /> 07:43:22 - Instalando NodeJS<br /> 07:52:38 - Instalando Rollup<br /> 08:00:28 - Utilizando Rollup<br /> 08:19:40 - Named Imports y Namespace Imports<br /> 08:30:19 - Default Imports<br /> 08:36:38 - Emtpy Imports<br /> <br /> Sección 3: BOM - Browser Object Model<br /> 08:40:04 - Introducción al BOM<br /> 08:57:04 - Objeto Window<br /> 09:07:56 - Objeto Location y History<br /> 09:17:04 - Objeto Navigator<br /> 09:20:42 - Alertas<br /> 09:27:18 - Funciones de tiempo<br /> 09:39:09 - Cookies<br /> <br /> Sección 4: DOM - Document Object Model<br /> 10:01:01 - Introducción al DOM<br /> 10:02:49 - Creando los archivos de la sección<br /> 10:05:13 - Seleccionando elementos del DOM (parte 1)<br /> 10:16:39 - Seleccionando elementos del DOM (parte 2)<br /> 10:27:32 - Modificando elementos del DOM<br /> 10:38:24 - Creando y agregando nodos al DOM<br /> 10:49:51 - Eliminando elementos del DOM<br /> 10:55:03 - Modificando los estilos de los elementos del DOM con CSS<br /> 11:06:22 - Modificando los estilos de los elementos del DOM con Javascript<br /> 11:16:44 - Que son los eventos<br /> 11:19:07 - Como agregar eventos<br /> 11:33:07 - Propagación de Eventos<br /> 11:39:10 - Tipos de Propagación<br /> 11:43:31 - Eliminar Eventos del DOM<br /> <br /> Sección 5:<br /> 11:52:43 - Presentación del proyecto (galería)<br /> <br /> Sección 6:<br /> 11:55:39 - Presentación del proyecto (tienda)<br /> <br /> Sección 7: Formularios<br /> 12:58:32 - Introducción a la sección<br /> 12:01:32 - Creando los archivos de la sección<br /> 12:07:27 - Accediendo a elementos de formulario (parte 1)<br /> 12:24:57 - Eventos para formularios<br /> 12:40:36 - Validación de formularios<br /> 12:56:27 - Expresiones regulares para validar formularios<br /> <br /> Sección 8:<br /> 13:06:34 - Presentación del proyecto (formulario)<br /> <br /> Sección 9: APIs<br /> 13:10:41 - Introducción a las APIs<br /> 13:18:22 - LocalStorage API<br /> 13:29:10 - Trabajando con la API nueva de fechas<br /> 13:39:43 - JSON<br /> 13:53:19 - Fetch API<br /> <br /> Sección 10:<br /> 14:07:31 - Presentación del proyecto (página de películas)<br /> <br /> Sección 11:<br /> 14:10:49 - Presentación del proyecto (app de gastos)<br /> <br /> Sección 12:<br /> 14:14:01 - Presentación del proyecto (portafolio)<br /> <br /> Sección 13: APIs<br /> 14:16:36 - Conclusión<br /> <br /> ---<br /> <br /> Otros de mis cursos:<br /> ⭐ Curso Completo de Diseño Web Profesional:<br /> https://www.desarrolloweb.io/cursos/diseno-web<br /> <br /> ⭐ Curso Completo de React y Firebase:<br /> https://www.desarrolloweb.io/cursos/react<br /> <br /> ⭐ Curso Completo de PHP y MYSQL:<br /> https://www.desarrolloweb.io/cursos/php-y-mysql<br /> <br /> ⭐ Curso de Bootstrap 5:<br /> https://www.desarrolloweb.io/cursos/bootstrap<br /> <br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/49544129f.video https://video.bestwebhosting.co/dde952b08.video

🔥 Curso de Javascript: https://www.desarrolloweb.io/cursos/javascript

-
¿Qué incluye este curso?
✅ Más de 33 horas en video en las que aprenderás más de 180 temas diferentes.
✅ 6 proyectos y aplicaciones reales para practicar todo lo aprendido.
✅Acceso a todo el código del curso, incluyendo los proyectos.
✅Acceso a un sistema de preguntas y respuestas. (siempre respondo todas las preguntas)
✅Garantía de 30 días, si no te gusta te devolvemos tu dinero.

-
Otros de mis cursos:

⭐ Curso Completo de Diseño Web Profesional:
https://www.desarrolloweb.io/cursos/diseno-web

⭐ Curso Completo de React y Firebase:
https://www.desarrolloweb.io/cursos/react

⭐ Curso Completo de PHP y MYSQL:
https://www.desarrolloweb.io/cursos/php-y-mysql

⭐ Curso de Bootstrap 5:
https://www.desarrolloweb.io/cursos/bootstrap

⭐ Curso Completo de creación de tiendas online:
https://www.desarrolloweb.io/cursos/tiendas-online

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Mon, 08 May 2023 17:40:38 +0000 Curso de Javascript | Completo, Práctico y desde Cero (premium) <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/dde952b08-1.jpg" /></p>🔥 Curso de Javascript: https://www.desarrolloweb.io/cursos/javascript<br /> <br /> -<br /> ¿Qué incluye este curso?<br /> ✅ Más de 33 horas en video en las que aprenderás más de 180 temas diferentes.<br /> ✅ 6 proyectos y aplicaciones reales para practicar todo lo aprendido.<br /> ✅Acceso a todo el código del curso, incluyendo los proyectos.<br /> ✅Acceso a un sistema de preguntas y respuestas. (siempre respondo todas las preguntas)<br /> ✅Garantía de 30 días, si no te gusta te devolvemos tu dinero.<br /> <br /> -<br /> Otros de mis cursos:<br /> <br /> ⭐ Curso Completo de Diseño Web Profesional:<br /> https://www.desarrolloweb.io/cursos/diseno-web<br /> <br /> ⭐ Curso Completo de React y Firebase:<br /> https://www.desarrolloweb.io/cursos/react<br /> <br /> ⭐ Curso Completo de PHP y MYSQL:<br /> https://www.desarrolloweb.io/cursos/php-y-mysql<br /> <br /> ⭐ Curso de Bootstrap 5:<br /> https://www.desarrolloweb.io/cursos/bootstrap<br /> <br /> ⭐ Curso Completo de creación de tiendas online:<br /> https://www.desarrolloweb.io/cursos/tiendas-online<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/dde952b08.video https://video.bestwebhosting.co/0c7118d80.video

En este video aprenderás como hacer un sistema de notificaciones / alertas tipo toast con animaciones y cierre automático todo desde cero con HTML, CSS y Javascript.

🚀 Blog de Diseño Web:
http://www.falconmasters.com

⭐ Curso Completo de Diseño Web Profesional:
https://www.desarrolloweb.io/cursos/diseno-web

⭐ Curso Completo de React y Firebase:
https://www.desarrolloweb.io/cursos/react

⭐ Curso Completo de PHP y MYSQL:
https://www.desarrolloweb.io/cursos/php-y-mysql

⭐ Curso de Bootstrap 5:
https://www.desarrolloweb.io/cursos/bootstrap

⭐ Curso Completo de creación de tiendas online:
https://www.desarrolloweb.io/cursos/tiendas-online

---

📄 Código del Proyecto: https://github.com/falconmasters/notificaciones-toast

📄Iconos:
https://icons.getbootstrap.com/icons/exclamation-octagon-fill/
https://icons.getbootstrap.com/icons/check-square-fill/
https://icons.getbootstrap.com/icons/exclamation-triangle-fill/
https://icons.getbootstrap.com/icons/info-circle-fill/

Indice:
02:05 - Código HTML
14:58 - Código CSS
32:42 - Animaciones con CSS
49:40 - Eventos de botones
59:51 - Función de abrir toast
01:20:35 - Botón de cerrar toast

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Facebook: http://www.facebook.com/falconmasters]]> Thu, 04 May 2023 23:32:54 +0000 Como hacer un sistema de notificaciones "toast" con animaciones | HTML, CSS y Javascript <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/0c7118d80-1.jpg" /></p>En este video aprenderás como hacer un sistema de notificaciones / alertas tipo toast con animaciones y cierre automático todo desde cero con HTML, CSS y Javascript.<br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ⭐ Curso Completo de Diseño Web Profesional:<br /> https://www.desarrolloweb.io/cursos/diseno-web<br /> <br /> ⭐ Curso Completo de React y Firebase:<br /> https://www.desarrolloweb.io/cursos/react<br /> <br /> ⭐ Curso Completo de PHP y MYSQL:<br /> https://www.desarrolloweb.io/cursos/php-y-mysql<br /> <br /> ⭐ Curso de Bootstrap 5:<br /> https://www.desarrolloweb.io/cursos/bootstrap<br /> <br /> ⭐ Curso Completo de creación de tiendas online:<br /> https://www.desarrolloweb.io/cursos/tiendas-online<br /> <br /> ---<br /> <br /> 📄 Código del Proyecto: https://github.com/falconmasters/notificaciones-toast<br /> <br /> 📄Iconos:<br /> https://icons.getbootstrap.com/icons/exclamation-octagon-fill/<br /> https://icons.getbootstrap.com/icons/check-square-fill/<br /> https://icons.getbootstrap.com/icons/exclamation-triangle-fill/<br /> https://icons.getbootstrap.com/icons/info-circle-fill/<br /> <br /> Indice:<br /> 02:05 - Código HTML<br /> 14:58 - Código CSS<br /> 32:42 - Animaciones con CSS<br /> 49:40 - Eventos de botones<br /> 59:51 - Función de abrir toast<br /> 01:20:35 - Botón de cerrar toast<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/0c7118d80.video https://video.bestwebhosting.co/ac6d82d77.video

En este tutorial vas aprender como diseñar en Figma una interfaz de usuario para una aplicación de gastos.

🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

Iconmonster: https://iconmonstr.com
GetWaves: https://getwaves.io

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:48 +0000 Figma - Como Diseñar una App de Gastos <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/ac6d82d77-1.jpg" /></p>En este tutorial vas aprender como diseñar en Figma una interfaz de usuario para una aplicación de gastos.<br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso de Bootstrap 4:<br /> https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> Iconmonster: https://iconmonstr.com<br /> GetWaves: https://getwaves.io<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/ac6d82d77.video https://video.bestwebhosting.co/e6526f27b.video

En este tutorial vamos a ver como crear un menú de navegación vertical con viñetas para indicar en punto en el que nos encontramos.

🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

📄 Código del Proyecto:
https://github.com/falconmasters/menu-temario/tree/master

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:48 +0000 Menú Vertical por Puntos (estilo temario) con HTML y CSS <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/e6526f27b-1.jpg" /></p>En este tutorial vamos a ver como crear un menú de navegación vertical con viñetas para indicar en punto en el que nos encontramos.<br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso de Bootstrap 4:<br /> https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> 📄 Código del Proyecto:<br /> https://github.com/falconmasters/menu-temario/tree/master<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/e6526f27b.video https://video.bestwebhosting.co/8a434b129.video

En este tutorial aprenderás como implementar una paginación con botones de anterior y siguiente para tus proyectos con Firestore.

🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

📄 Código del Proyecto:
https://github.com/falconmasters/paginacion-firebase


Pravatar: https://pravatar.cc/

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:48 +0000 Firebase - Paginación Sencilla y Rápida <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/8a434b129-1.jpg" /></p>En este tutorial aprenderás como implementar una paginación con botones de anterior y siguiente para tus proyectos con Firestore.<br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso de Bootstrap 4:<br /> https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> 📄 Código del Proyecto:<br /> https://github.com/falconmasters/paginacion-firebase<br /> <br /> <br /> Pravatar: https://pravatar.cc/<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/8a434b129.video https://video.bestwebhosting.co/35411b587.video

En esta guía vas aprender como escribir código HTML y CSS mas rápido mediante el plugin de Emmet que viene con Visual Studio Code.

🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

📄 Referencia de Emmet: https://docs.emmet.io/cheat-sheet/

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:48 +0000 Guía de Emmet + Tips y Consejos para Visual Studio Code <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/35411b587-1.jpg" /></p>En esta guía vas aprender como escribir código HTML y CSS mas rápido mediante el plugin de Emmet que viene con Visual Studio Code.<br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso de Bootstrap 4:<br /> https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> 📄 Referencia de Emmet: https://docs.emmet.io/cheat-sheet/<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/35411b587.video https://video.bestwebhosting.co/a39c97171.video

En este tutorial vamos aprender como utilizar y agregar los date pickers de Material UI a nuestros proyectos en español.

🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

📄 Código del Proyecto: https://github.com/falconmasters/material-ui-date-pickers/tree/codigo_base/
Material UI Pickers: https://material-ui-pickers.dev/getting-started/installation
Paquete de NPM: https://www.npmjs.com/package/@material-ui/pickers

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:48 +0000 Selectores de Fecha y Hora en React <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/a39c97171-1.jpg" /></p>En este tutorial vamos aprender como utilizar y agregar los date pickers de Material UI a nuestros proyectos en español.<br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso de Bootstrap 4:<br /> https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> 📄 Código del Proyecto: https://github.com/falconmasters/material-ui-date-pickers/tree/codigo_base/<br /> Material UI Pickers: https://material-ui-pickers.dev/getting-started/installation<br /> Paquete de NPM: https://www.npmjs.com/package/@material-ui/pickers<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/a39c97171.video https://video.bestwebhosting.co/d475fa190.video

En este video vamos a ver la forma actualizada de como integrar la terminal de git dentro de visual studio code.

🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

Git: https://git-scm.com/


00:00 - Introducción
02:43 - Como integrar la terminal

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:48 +0000 Como Integrar Git Bash en Visual Studio Code 2022 | Windows <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/d475fa190-1.jpg" /></p>En este video vamos a ver la forma actualizada de como integrar la terminal de git dentro de visual studio code.<br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso de Bootstrap 4:<br /> https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> Git: https://git-scm.com/<br /> <br /> <br /> 00:00 - Introducción<br /> 02:43 - Como integrar la terminal<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/d475fa190.video https://video.bestwebhosting.co/29d6fddf6.video

En esta primera sección del curso de diseño web profesional desde cero vamos aprender como crear el diseño de nuestra primera página web.


Este video es la primera sección de mi curso Curso Completo de Diseño Web Profesional. Este video es solamente una demostración de lo que


El curso completo lo puedes encontrar aquí:

⭐⭐⭐⭐⭐ Curso Completo de Diseño Web Profesional https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7


- Otros Cursos Geniales -

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

📄 Enlaces utilizados en el video:
- https://www.figma.com/
- https://unsplash.com/
- https://fontawesome.com/
- https://brandcolors.net/

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:48 +0000 Curso de Diseño Web - Creando un Portafolio en Figma <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/29d6fddf6-1.jpg" /></p>En esta primera sección del curso de diseño web profesional desde cero vamos aprender como crear el diseño de nuestra primera página web.<br /> <br /> <br /> Este video es la primera sección de mi curso Curso Completo de Diseño Web Profesional. Este video es solamente una demostración de lo que <br /> <br /> <br /> El curso completo lo puedes encontrar aquí: <br /> <br /> ⭐⭐⭐⭐⭐ Curso Completo de Diseño Web Profesional https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> <br /> - Otros Cursos Geniales -<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso de Bootstrap 4:<br /> https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> 📄 Enlaces utilizados en el video:<br /> - https://www.figma.com/<br /> - https://unsplash.com/<br /> - https://fontawesome.com/<br /> - https://brandcolors.net/<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/29d6fddf6.video https://video.bestwebhosting.co/8c1650e3d.video

En este video iniciamos el curso completo de Bootstrap 5 presentando que vamos aprender, que es Bootstrap 5 y la Grid con la que podemos hacer sitios responsive.

Este capitulo forma parte del inicio de mi curso en Udemy, el curso consta de mas de 90 videos y 15 horas de contenido.
Puedes inscribirte al curso desde este enlace.
⭐⭐⭐⭐⭐ Curso de Bootstrap 5: https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64


--- Otros Cursos ---
🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:48 +0000 Curso de Bootstrap 5 - Introducción al mejor framework de diseño web <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/8c1650e3d-1.jpg" /></p>En este video iniciamos el curso completo de Bootstrap 5 presentando que vamos aprender, que es Bootstrap 5 y la Grid con la que podemos hacer sitios responsive.<br /> <br /> Este capitulo forma parte del inicio de mi curso en Udemy, el curso consta de mas de 90 videos y 15 horas de contenido.<br /> Puedes inscribirte al curso desde este enlace.<br /> ⭐⭐⭐⭐⭐ Curso de Bootstrap 5: https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> <br /> --- Otros Cursos ---<br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/8c1650e3d.video https://video.bestwebhosting.co/d640823e0.video

⭐️⭐️⭐️⭐️⭐️ Curso de Bootstrap 5: https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

El curso incluye:
♦ 16+ Horas en Video
♦ 90+ Temas Diferentes
♦ Practicas Reales
♦ Acceso a TODO el código
♦ Garantía de 30 días

🔔 Mas de 10,000 Estudiantes ya inscritos !!!

No desaproveches esta única oportunidad
⭐️⭐️⭐️⭐️⭐️ Curso de Bootstrap 5: https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

Bienvenido al Curso de Bootstrap 5, en este curso aprenderás a crear sitios web responsive en pocos pasos con el mejor framework de diseño web.

---
Redes Sociales:

♦ Twitter @falconmasters:
http://www.twitter.com/falconmasters

♦ Pagina de Facebook:
http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:48 +0000 Curso de Bootstrap 5: Completo, Práctico y Desde Cero <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/d640823e0-1.jpg" /></p>⭐️⭐️⭐️⭐️⭐️ Curso de Bootstrap 5: https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> El curso incluye:<br /> ♦ 16+ Horas en Video<br /> ♦ 90+ Temas Diferentes<br /> ♦ Practicas Reales<br /> ♦ Acceso a TODO el código<br /> ♦ Garantía de 30 días<br /> <br /> 🔔 Mas de 10,000 Estudiantes ya inscritos !!!<br /> <br /> No desaproveches esta única oportunidad<br /> ⭐️⭐️⭐️⭐️⭐️ Curso de Bootstrap 5: https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> Bienvenido al Curso de Bootstrap 5, en este curso aprenderás a crear sitios web responsive en pocos pasos con el mejor framework de diseño web.<br /> <br /> ---<br /> Redes Sociales:<br /> <br /> ♦ Twitter @falconmasters:<br /> http://www.twitter.com/falconmasters <br /> <br /> ♦ Pagina de Facebook:<br /> http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/d640823e0.video https://video.bestwebhosting.co/4f8f0eb46.video

En esta guía vamos aprender como trabajar con Flexbox dentro de Bootstrap 5, aprenderemos todas las clases disponibles y como utilizarlas.

Este video que forma parte de mi curso de Bootstrap desde cero el cual puedes tomar desde este enlace:
👉 https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64



🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:48 +0000 Curso de Bootstrap 5 - Guía Completa de Flexbox <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/4f8f0eb46-1.jpg" /></p>En esta guía vamos aprender como trabajar con Flexbox dentro de Bootstrap 5, aprenderemos todas las clases disponibles y como utilizarlas.<br /> <br /> Este video que forma parte de mi curso de Bootstrap desde cero el cual puedes tomar desde este enlace:<br /> 👉 https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> <br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/4f8f0eb46.video https://video.bestwebhosting.co/c75d2b3f2.video

En este tutorial vas aprender como crear ventanas modal re-utilizables y con muchas opciones de personalización utilizando React y Styled Components.



✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A


🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---



🔗 Código Base: https://github.com/falconmasters/react-ventanas-modal
🔗 Styled Components: https://styled-components.com/docs/basics#installation
🔗 Icono de Bootstrap: https://icons.getbootstrap.com/icons/x/
🔗 Foto de unsplash: https://unsplash.com/photos/jpwA8clh8vA


---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:48 +0000 React - Ventanas Modal Re-utilizables <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/c75d2b3f2-1.jpg" /></p>En este tutorial vas aprender como crear ventanas modal re-utilizables y con muchas opciones de personalización utilizando React y Styled Components.<br /> <br /> <br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso de Bootstrap 4:<br /> https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> <br /> <br /> 🔗 Código Base: https://github.com/falconmasters/react-ventanas-modal<br /> 🔗 Styled Components: https://styled-components.com/docs/basics#installation<br /> 🔗 Icono de Bootstrap: https://icons.getbootstrap.com/icons/x/<br /> 🔗 Foto de unsplash: https://unsplash.com/photos/jpwA8clh8vA<br /> <br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/c75d2b3f2.video https://video.bestwebhosting.co/433e74b52.video

¿Alguna vez has intentado borrar una carpeta de node_modules?

🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

📄 NPKill: https://www.npmjs.com/package/npkill

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:48 +0000 Como borrar la carpeta de "node_modules" <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/433e74b52-1.jpg" /></p>¿Alguna vez has intentado borrar una carpeta de node_modules?<br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso de Bootstrap 4:<br /> https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> 📄 NPKill: https://www.npmjs.com/package/npkill<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/433e74b52.video https://video.bestwebhosting.co/8ec031e55.video

En este video vas aprender como utilizar el fantástico paquete de iconos gratuito de Bootstrap 5 en cualquier sitio web o proyecto.

🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 5:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

📄 Iconos de Bootstrap:
https://icons.getbootstrap.com/

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:47 +0000 Iconos de Bootstrap 5 - Como utilizarlos en cualquier proyecto <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/8ec031e55-1.jpg" /></p>En este video vas aprender como utilizar el fantástico paquete de iconos gratuito de Bootstrap 5 en cualquier sitio web o proyecto.<br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso de Bootstrap 5:<br /> https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> 📄 Iconos de Bootstrap:<br /> https://icons.getbootstrap.com/<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/8ec031e55.video https://video.bestwebhosting.co/6e562b9e3.video

En este video vamos a ver como trabajar con formik, la mejor librería para trabajar con formularios dentro de React.

🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

🔗 Código del Proyecto: https://github.com/falconmasters/
🔗 Formik: https://formik.org/

📄 Expresión Regular Nombre: /^[a-zA-ZÀ-ÿ\s]{1,40}$/
📄 Expresión Regular Correo: /^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$/


---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:47 +0000 Guía de Formik - Librería para Formularios en React <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/6e562b9e3-1.jpg" /></p>En este video vamos a ver como trabajar con formik, la mejor librería para trabajar con formularios dentro de React.<br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso de Bootstrap 4:<br /> https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> 🔗 Código del Proyecto: https://github.com/falconmasters/<br /> 🔗 Formik: https://formik.org/<br /> <br /> 📄 Expresión Regular Nombre: /^[a-zA-ZÀ-ÿ\s]{1,40}$/<br /> 📄 Expresión Regular Correo: /^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$/<br /> <br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/6e562b9e3.video https://video.bestwebhosting.co/c95b2f329.video

En este video te voy a enseñar como automatice una tarea que me iba a tomar 2 horas en una de solo 5 minutos utilizando Javascript básico.

🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

📄 Código del Proyecto:
https://github.com/falconmasters/

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:47 +0000 Así automaticé una tarea de 2 horas con Javascript. <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/c95b2f329-1.jpg" /></p>En este video te voy a enseñar como automatice una tarea que me iba a tomar 2 horas en una de solo 5 minutos utilizando Javascript básico.<br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso de Bootstrap 4:<br /> https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> 📄 Código del Proyecto:<br /> https://github.com/falconmasters/<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/c95b2f329.video https://video.bestwebhosting.co/cf18053a2.video

En este video quiero darles un tip a las personas que comienzan aprender javascript, para optimizar mas su código mediante delegación de eventos.

🚀 Blog de Diseño Web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de React y Firebase:
https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso Completo de Woocommerce:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

---

📄 Código del Video: https://jsfiddle.net/rsxjLk0m/1/

---

Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Página de Facebook: http://www.facebook.com/falconmasters]]> Thu, 14 Jul 2022 21:22:47 +0000 CONSEJO: Estas usando mal los Event Listeners en Javascript !!! <![CDATA[<p><img src="https://video.bestwebhosting.co/uploads/thumbs/cf18053a2-1.jpg" /></p>En este video quiero darles un tip a las personas que comienzan aprender javascript, para optimizar mas su código mediante delegación de eventos.<br /> <br /> 🚀 Blog de Diseño Web: <br /> http://www.falconmasters.com<br /> <br /> ✔️ Curso Completo de Diseño Web Profesional:<br /> https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7<br /> <br /> ✔️ Curso Completo de React y Firebase:<br /> https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A<br /> <br /> ✔️ Curso Completo de PHP y MYSQL:<br /> https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A<br /> <br /> ✔️ Curso de Bootstrap 4:<br /> https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64<br /> <br /> ✔️ Curso Completo de Woocommerce:<br /> https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846<br /> <br /> ---<br /> <br /> 📄 Código del Video: https://jsfiddle.net/rsxjLk0m/1/<br /> <br /> ---<br /> <br /> Redes Sociales:<br /> 📌 Twitter: http://www.twitter.com/falconmasters <br /> 📌 Página de Facebook: http://www.facebook.com/falconmasters]]> https://video.bestwebhosting.co/cf18053a2.video