Oscar Leuro
Oscar Leuro
  • 29
  • 208 428
Modal en Angular sin Librerías Externas 🥇
Hey! qué tal geeks, aquí te enseño a realizar un modal en Angular 11+ sin utilizar librerías externas como Bootrap. Vamos a crear un modal en Angular utilizando unicamente las herramientas nativas que nos proporciona este framework; en este caso usaremos Observables.
Aprende a crear modal con Angular 11 sin librerías.
🥇 Sígueme en mis redes sociales
✅IG: oscarleuro
✅FB: oscarleurodev
✅Nuevo Blog: oscarleuro.com
มุมมอง: 22 616

วีดีโอ

5.- Ordenar Elementos Hijos - Order - GUÍA DE FLEX BOX
มุมมอง 6104 ปีที่แล้ว
En este vídeo aprenderemos a ordenar elementos hijos de nuestra caja flexible utilizando la propiedad Order de Flexbox.
🥇Curso de Ajax sin JQuery - Evento Load
มุมมอง 5364 ปีที่แล้ว
Vamos a conocer el evento Load utilizado para obtener nuestra respuesta de la petición en vez del manejador de evento OnreadyStateChange y también aprenderemos a utilizar rapidamente la plantilla de cadena de texto de JavaScript Qué aprenderás? ✅Evento Load ✅Plantilla de Cadena de Texto para mostrar datos. Artículo para guiarte en el curso: oscarleuro.com/guia-de-ajax-en-espanol/ ¡Nos vemos en ...
🥇 Curso de Ajax sin JQuery en Español - Introducción
มุมมอง 1.4K4 ปีที่แล้ว
¡Qué tal geeks! Bienvenidos a esta guía de Ajax en español utilizando únicamente JavaScript. CREAREMOS UNA APLICACIÓN DE UNA SOLA PÁGINA (Sin Recarga) CON AJAX Ajax es la tecnología que está detrás de las aplicaciones web modernas y que debes aprender para dar el siguiente paso en el mundo del desarrollo WEB antes de entrar a los Frameworks y Librerías. En esta breve introducción haré mención d...
🥇Curso de Ajax sin JQuery - Enviando Datos
มุมมอง 2.1K4 ปีที่แล้ว
Vamos a conocer los métodos y propiedades utilizadas para enviar datos con AJAX a nuestro servidor. Métodos que conoceremos: ✅Método Send ✅Método SetRequestHeader También trabajaremos AJAX con PHP para procesar nuestros datos y obtenerlos en nuestra vista. Artículo para guiarte con el curso en mi blog: oscarleuro.com/guia-de-ajax-en-espanol/ ¡Nos vemos en el siguiente vídeo! No olvides comparti...
🥇Curso de Ajax sin JQuery - Recibiendo Datos
มุมมอง 1.7K4 ปีที่แล้ว
Primer vídeo de esta gruía de Ajax sin Jquery en español en el que trabajaremos con las peticiones asíncronas para recibir datos. Vamos a conocer los métodos y propiedades utilizadas para realizar una petición y obtener como respuesta los datos deseados. Artículo para guiarte con el curso en mi blog: oscarleuro.com/guia-de-ajax-en-espanol/ ¡Nos vemos en el siguiente vídeo! No olvides compartir ...
Mostrar Elementos al Desplazarnos(Scroll) - Efecto Fade - Tutorial Completo
มุมมอง 13K4 ปีที่แล้ว
¡Qué tal Geeks! les traigo este tutorial muy completo de cómo desarrollar este poderoso efecto para aplicarlo en nuestros diseños, utilizando código 100% nativo, nada de librerías. Dejaré también el enlace por si quieren descargarlo. No olviden dar like y compartir. Sígueme en mis redes sociales y mantente informado de mis últimos vídeos. IG: oscarleuro FB OLeuro
Desplazamiento Suavizado
มุมมอง 2134 ปีที่แล้ว
Te enseño puntualmente a realizar este sencillo efecto del desplazamiento suavizado en tu web. Sígueme en mis redes: IG: OscarLeuro FB: OLeuro PD: No se me da la gana de activar el windows. :)
CREAR, ELIMINAR Y ESCRIBIR ARCHIVOS CON PHP - FOPEN, FWRITE Y UNLINK
มุมมอง 8K5 ปีที่แล้ว
En este vídeo aprenderemos a manipular archivos con php utilizando las funciones fopen, fwrite y unlink. Sígueme en FB: OLeuro/ Instagram: OLeuro/
Subir Archivos con PHP - APRENDES SÍ O SÍ
มุมมอง 14K5 ปีที่แล้ว
Qué tal Geeks! les dejo este pequeño tutorial pero muy importante en el que aprenderemos a subir archivos a una base de datos. No olvides suscribirte y seguirme en las redes: OLeuro
4.- Propiedades de Flex-Box para elementos hijos - GUÍA DE FLEX BOX
มุมมอง 1.2K5 ปีที่แล้ว
Cuarto capítulo en el que aprenderemos cuales son las propiedades Flexbox para los elementos hijos de una caja flexible. Entre esas propiedades veremos la propiedad align-self y la propiedad de crecimiento de un elemento hijo: flex-grow. Sígueme en FB: OLeuro
3.- Dimensiones en una caja y el salto de linea (FLEX-WRAP) - GUÍA DE FLEX BOX
มุมมอง 9565 ปีที่แล้ว
En este capítulo conoceremos como trabajar con las dimensiones de nuestras cajas padres y items hijos, luego utilizaremos la propiedad FLEX - WRAP para hacer un salto de linea y así acomodar de mejor manera nuestros items. Sígueme en FB: OLeuro
2.- Posicionar Elementos Hijos - GUÍA DE FLEX BOX
มุมมอง 3K5 ปีที่แล้ว
Segundo vídeo de esta guía de Flexbox. Aquí veremos como posicionar los items hijos respecto al eje principal y alinearlos respecto al eje secundario con las propiedades Justify-content y align-items. Sígueme y no te pierdas de nada: OLeuro/
1.- ¿Qué es Flex Box? - GUÍA DE FLEX BOX 🥇
มุมมอง 2.1K5 ปีที่แล้ว
Con Flexbox aprenderás a crear layouts correctas ✅ para tus proyectos WEB, en este capítulo veremos como iniciar con Flexbox y conoceremos los ejes de las cajas flexibles. 🥇 Sígueme en mis redes sociales ✅IG: oscarleuro ✅FB: OLeuro ✅Nuevo Blog: oscarleuro.com
Input Range en Fronted - Controlador Slide
มุมมอง 3K5 ปีที่แล้ว
¿Sabes cómo funciona el input tipo range? ¿Sabes cómo usarlo en el diseño WEB? en este vídeo te lo explico de manera sencilla. Sígueme en FB: OLeuro
Buscador con PHP y MySql - Búsqueda por Coincidencia de Caracter - Mejor Explicación
มุมมอง 34K5 ปีที่แล้ว
Buscador con PHP y MySql - Búsqueda por Coincidencia de Caracter - Mejor Explicación
4 - Funciones Básicas en Base de Datos - CRUD - UPDATE - ¡FINAL!
มุมมอง 1.1K5 ปีที่แล้ว
4 - Funciones Básicas en Base de Datos - CRUD - UPDATE - ¡FINAL!
3 - Funciones Básicas en Base de Datos - CRUD - DELETE
มุมมอง 8865 ปีที่แล้ว
3 - Funciones Básicas en Base de Datos - CRUD - DELETE
2 - Funciones Básicas en Base de Datos - CRUD - READ
มุมมอง 1.5K5 ปีที่แล้ว
2 - Funciones Básicas en Base de Datos - CRUD - READ
1 - Funciones Básicas en Base de Datos - CRUD - CREATE
มุมมอง 2.1K5 ปีที่แล้ว
1 - Funciones Básicas en Base de Datos - CRUD - CREATE
0 - Funciones Básicas en Bases de Datos - CRUD - Introducción
มุมมอง 2.1K5 ปีที่แล้ว
0 - Funciones Básicas en Bases de Datos - CRUD - Introducción
CRUD - Funciones Básicas en Base de Datos - Presentación
มุมมอง 2.7K5 ปีที่แล้ว
CRUD - Funciones Básicas en Base de Datos - Presentación
Conexión a Base de Datos con PHP
มุมมอง 8075 ปีที่แล้ว
Conexión a Base de Datos con PHP
SECCIÓN SLIDE - CSS3 HTML5
มุมมอง 2215 ปีที่แล้ว
SECCIÓN SLIDE - CSS3 HTML5
GALERIA DE FOTOS con CSS3 y HTML5 - Efecto Hover
มุมมอง 7865 ปีที่แล้ว
GALERIA DE FOTOS con CSS3 y HTML5 - Efecto Hover
Evento Click en un botón ¿Cómo funciona? - JavaScript, CSS y HTML
มุมมอง 83K5 ปีที่แล้ว
Evento Click en un botón ¿Cómo funciona? - JavaScript, CSS y HTML
CARDS - Tarjetas de contenido para tu WEB con CSS y HTML
มุมมอง 4K5 ปีที่แล้ว
CARDS - Tarjetas de contenido para tu WEB con CSS y HTML
Menú Responsive solo con HTML5 Y CSS3
มุมมอง 9615 ปีที่แล้ว
Menú Responsive solo con HTML5 Y CSS3
Te amo Monguita :)
มุมมอง 22711 ปีที่แล้ว
Te amo Monguita :)

ความคิดเห็น

  • @yaky-p8k
    @yaky-p8k 3 หลายเดือนก่อน

    hola tienes algún ejercicio para cambiar fotos, ejemplo para hacer una lampara que prende y apaga pero con fotos?. saludos

  • @francosaGianses
    @francosaGianses 4 หลายเดือนก่อน

    Esta pendejada si tipeas un punto o coma tambien lo busca.

  • @santonio8550
    @santonio8550 6 หลายเดือนก่อน

    muy buena explicación!! gracias estimado!!!

  • @anoranzasimuladores
    @anoranzasimuladores 6 หลายเดือนก่อน

    Hola! Muy bueno, pero tengo un problema. Al darle click, él me reacciona y se cambia, pero solo por 1 segundo y luego se borra automaticamente. Alguien sabe por que?

  • @JulioDiazMaty
    @JulioDiazMaty 7 หลายเดือนก่อน

    Muchísimas gracias!

  • @miguelscacchi5439
    @miguelscacchi5439 9 หลายเดือนก่อน

    Maravilloso de mucha utilidad, muchas gracias !!

  • @nicolashernandez2117
    @nicolashernandez2117 9 หลายเดือนก่อน

    la buena mano dios me lo bendiga

  • @estebanmena3690
    @estebanmena3690 9 หลายเดือนก่อน

    pero y si necesito que cargue en el mismo input?

  • @laurap5242
    @laurap5242 10 หลายเดือนก่อน

    Muchas gracias por este tutorial, me ha servido de muchisimo!

  • @eduardomarquez3732
    @eduardomarquez3732 11 หลายเดือนก่อน

    No me ha funcionado. cuando hago echo sale la página en blanco. Trabajo desde una MAC y ya he visto varios videos y no me permite cargar nada a la base de datos

  • @anakarinamancilla6012
    @anakarinamancilla6012 11 หลายเดือนก่อน

    Gracias! me fue útil!

  • @CristoferOffice
    @CristoferOffice ปีที่แล้ว

    Que tal amigo, buen video, una consulta tendria que crear n numeros de servicios para cada modal que quiera aplicar a la pagina?

  • @magalimedina8540
    @magalimedina8540 ปีที่แล้ว

    Muy bueno!! gracias!!

  • @Sercroft
    @Sercroft ปีที่แล้ว

    Para los que necesiten la transparencia y en general los estilos del componente del modal: .modal{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); z-index: 2; display: flex; justify-content: center; align-items: center; } Pd: Gracias por el vídeo, me ayudaste mucho.

  • @billito94
    @billito94 ปีที่แล้ว

    si me salio lo adapte a un programa que tengo

  • @gustavosoy2306
    @gustavosoy2306 ปีที่แล้ว

    ayudenme en un servidor externo todo funciona al 100 pero cuando lo pruebo en localhost nada :( sera el IIS el problema?

  • @EmilianoLopez-v7b
    @EmilianoLopez-v7b ปีที่แล้ว

    hola como estas me pasas el codigo ?

  • @juliocesaramadortejeda1455
    @juliocesaramadortejeda1455 ปีที่แล้ว

    Entonces debería crear n servicios dependiendo del número de modales que tenga en mi app? Ya que si no todos estarías escuchando el mismo observable cierto?

  • @daironv5403
    @daironv5403 ปีที่แล้ว

    Te amo bro.

  • @armandopenaleonett1258
    @armandopenaleonett1258 ปีที่แล้ว

    Una pregunta, hay necesidad de usar un servicio para esta funcionalidad ?, es mala practica crear el eventEmitter en el componente hijo ? en este ejmplo que es sencillo no veo la necesidad de crear un servicio ... lo digo por que quiero aplicarlo en un proyecto personal y justo donde lo necesito tampoco veo la necesidad de crear un servicio para esto

  • @gilbertosagaonlopez832
    @gilbertosagaonlopez832 ปีที่แล้ว

    por que pones tanto espacio, con una línea es suficiente

  • @ronaldbaronsanchez4001
    @ronaldbaronsanchez4001 ปีที่แล้ว

    quisiera ver como manejar el opacity porfa al dar clic

  • @milito-no.k3149
    @milito-no.k3149 ปีที่แล้ว

    Máquina Oscar

  • @william.fitnesss7110
    @william.fitnesss7110 ปีที่แล้ว

    Gracias

  • @andresprieto607
    @andresprieto607 ปีที่แล้ว

    me salvaste la vida papu xD

  • @aguss3163
    @aguss3163 ปีที่แล้ว

    sos crack, muchas gracias !

  • @leandrocanalda8764
    @leandrocanalda8764 ปีที่แล้ว

    Excelente tutorial, me cansé de leer en otros lados cosas que no funcionaban o no cerraban por falta de explicación.

  • @lokangokid
    @lokangokid ปีที่แล้ว

    fopen('gracias.php','w+'); fwrite($file, ' Muchas gracias lo voy a probar en mi proyecto!!.. Me suscribo'); unlink('gracias.php')

  • @osqilucero_twitch
    @osqilucero_twitch ปีที่แล้ว

    Grande!!!!

  • @Luna-cp5tp
    @Luna-cp5tp ปีที่แล้ว

    Excelente video de calidad, muy bien explicado para que se pueda entender. Segui paso a paso los 5 videos y me ayudaron a entender muchos conceptos de forma muy fácil. Muchas gracias.

  • @aquilesgonzalez9230
    @aquilesgonzalez9230 ปีที่แล้ว

    como lo puedo adaptar para que cambies en varios botones

  • @elkinriverajim
    @elkinriverajim ปีที่แล้ว

    Excelente...muchas gracias por tu explicación

  • @nozianm3975
    @nozianm3975 ปีที่แล้ว

    buen video aprendi un nuevo tema y super bien expicado y de manera consisa

  • @principiant
    @principiant ปีที่แล้ว

    Gracias Maestro, hay videos actuales que nada mas se van por la tanguente, el tuyo mis respetos, sencillo y practico

  • @waynermoncada2777
    @waynermoncada2777 ปีที่แล้ว

    Bro, se me quitaron las ganas de seguir viendo tu video al ver que agregas los estilos dentro del html... Eso no se hace...

  • @LAVF
    @LAVF 2 ปีที่แล้ว

    Comó configuro la carpeta destino , a mi no me guarda nada

  • @ronaldordonez7788
    @ronaldordonez7788 2 ปีที่แล้ว

    excelente canal gracias bro

  • @jvalencia167
    @jvalencia167 2 ปีที่แล้ว

    gracias bro por tu gran aporte

  • @oshoosho4604
    @oshoosho4604 2 ปีที่แล้ว

    y el crud?

  • @gabrielucho9686
    @gabrielucho9686 2 ปีที่แล้ว

    Un video pero con la funcion replace() 🙏🙏🙏 y formulario prompt() 🙏

  • @johnpineda5602
    @johnpineda5602 2 ปีที่แล้ว

    Hice todo lo del video, pero no me abre el modal pero si llega al metodo que vuelve true el modal... Que podría ser?

    • @silvanaborsani8009
      @silvanaborsani8009 ปีที่แล้ว

      a mi no me cierra jajajaja Tal vez pusiste codigo en otro lado que no era.

    • @CristoferOffice
      @CristoferOffice ปีที่แล้ว

      @@silvanaborsani8009 Pudiste resolverlo? a mi tampoco me cierra

    • @DBLooper-
      @DBLooper- 8 หลายเดือนก่อน

      @@CristoferOffice pues a ni me cierra ni me abre jaja

  • @luisroca6229
    @luisroca6229 2 ปีที่แล้ว

    parce su video me gusto mucho y me ayudo pero me gastaría ver el código porque no c como cuadrar el css bien jeje un abrazo y mucho exito

  • @katerineardilacaicedo4004
    @katerineardilacaicedo4004 2 ปีที่แล้ว

    tengo una curiosidad y necesito que me saquen de duda ya que estoy aprendiendo el mundo del desarrollo de web, y me han enseñado que html , head y body se habre y se cierra y he notado que el body esta cerrado mas no veo el body abierto y esta funcionando bien. pense que eso afectaria ya que el body es la parte que muestra la pagina web, alguien me puede sacar de duda por favor y gracias.

    • @ellrosca8380
      @ellrosca8380 ปีที่แล้ว

      Talvez no revisaste bien tu pantalla

  • @RafaelFlorez67
    @RafaelFlorez67 2 ปีที่แล้ว

    Otra forma de hacer lo mismo: El que quiera probarlo, copie esto dentro del body: <style> .caja{ width: 100px; border: 1px solid #f00; margin: 20px; } .azul .caja{ border: 1px solid #000; background: #00a; color: #fff; } </style> <button onclick="body.classList.toggle('azul')">Click</button> <div class="caja">Hola</div>

  • @facundosaccani9967
    @facundosaccani9967 2 ปีที่แล้ว

    te juro q te amo

  • @yannpoirot1736
    @yannpoirot1736 2 ปีที่แล้ว

    MUY BIEN EXPLICADO Oscar, gracias

  • @cristiandominguez4642
    @cristiandominguez4642 2 ปีที่แล้ว

    Una pregunta cómo hago para poner otras tres tarjetas pero debajo de la que ya están creadas?

  • @santigaviria86
    @santigaviria86 2 ปีที่แล้ว

    Amigo podrías compartir el código. La clase modal no me funciona

  • @cristiandominguez4642
    @cristiandominguez4642 2 ปีที่แล้ว

    Tengo un problema con el section para ubicar la trajera en el código Flex no las ubica ayuda por fa

  • @elisiumcosmos7600
    @elisiumcosmos7600 2 ปีที่แล้ว

    Una cosita....la imagen tomada de tu pc N. En el vídeo no sale clara....el código....muy bueno lección....el básico patrón es lo ke más enseña ..felicidades...