Ya no necesito usar Google Chrome para probar mis webs NUNCA MÁS !! Ahora uso VS Code en su lugar 🚀

Despedida de los navegadores web tradicionales

Resumen de la sección: En esta sección, el presentador menciona que ha encontrado una alternativa mejor a los navegadores web tradicionales como Google Chrome, Firefox y Opera. Explica que ha integrado un navegador web dentro de su Visual Studio Code para facilitar el desarrollo y depuración de sitios web.

Integración del navegador web en Visual Studio Code

• El presentador explica que ha integrado un navegador web dentro de su Visual Studio Code.

• Esta integración le permite probar y depurar su sitio web sin tener que salir del entorno de desarrollo.

• Además del navegador, también tiene acceso a herramientas como gestores de bases de datos, auto completado de código y conectividad con FTP y SSH.

• La integración incluye una terminal y la posibilidad de conectarse a repositorios Git.

Ventajas del entorno de desarrollo completo

Resumen de la sección: En esta sección, el presentador destaca las ventajas de tener un entorno de desarrollo completo en Visual Studio Code.

Ventajas del entorno completo

• El presentador menciona que ya no necesita cambiar entre Visual Studio Code y Google Chrome para probar sus proyectos.

• Con todas las herramientas disponibles en Visual Studio Code, puede realizar tareas como navegación por pestañas, reconocimiento automático de código y optimización sin salir del entorno.

• También destaca la posibilidad de personalizar el tema visual según las preferencias individuales.

Anuncio sobre cursos relacionados

Resumen de la sección: En esta sección, el presentador hace un anuncio sobre sus cursos relacionados con el desarrollo web y anima a los espectadores a suscribirse y explorar las opciones disponibles.

Anuncio de cursos relacionados

• El presentador menciona que tiene varios cursos relacionados con el desarrollo web.

• Destaca un nuevo curso de CSS3 avanzado que acaba de lanzar, en el cual se enseñará maquetación web responsive, Flexbox, CSS Grid Layout y más.

• Invita a los espectadores a revisar la descripción del video para obtener más información sobre los cursos disponibles.

Introducción a la extensión "Live Preview"

Resumen de la sección: En esta sección, el presentador introduce una extensión llamada "Live Preview" que permite tener un navegador web integrado en Visual Studio Code para previsualizar y probar páginas web.

Introducción a "Live Preview"

• El presentador muestra cómo encontrar e instalar la extensión "Live Preview" desde el menú de extensiones en Visual Studio Code.

• Explica que esta extensión proporciona un entorno de trabajo para previsualizar y probar páginas web directamente dentro del editor.

• Comenta que esta extensión es diferente de otra llamada "Live Server", ya que esta última permite crear un servidor local de pruebas, mientras que "Live Preview" se enfoca en la previsualización dentro del propio editor.

Visualización de una web en Visual Studio Code

Resumen de la sección: En esta sección, se muestra cómo visualizar una página web en Visual Studio Code utilizando el Live Preview y otras opciones disponibles.

Apertura de una web en Visual Studio Code

• Se puede abrir una página web en Visual Studio Code utilizando el Live Preview.

• Al hacer clic en el icono "Show Preview", se abre automáticamente la página web seleccionada.

• Es posible ver la versión responsive y navegar por las diferentes páginas de la web.

Navegador basado en Chromium

• El navegador integrado en Visual Studio Code está basado en Chromium.

• Funciona bien y es capaz de interpretar efectos complejos, transiciones y propiedades experimentales.

• Permite abrir la página web directamente en un navegador externo o buscar texto dentro de la página.

Herramientas de desarrollo

• Las herramientas de desarrollo del navegador integrado son similares a las de Google Chrome.

• Se pueden realizar cambios en tiempo real, como modificar colores o estilos.

• Es posible depurar el código y ver los resultados en la consola.

Ventajas y limitaciones del navegador integrado

• El navegador integrado es útil para desarrollar y probar mientras se trabaja en el código.

• Sin embargo, para ver la web finalizada o probarla completamente responsive, es recomendable utilizar otro navegador como Google Chrome.

Uso del navegador integrado vs. otros navegadores

Resumen de la sección: En esta sección, se discute cuándo es recomendable utilizar el navegador integrado en Visual Studio Code y cuándo es preferible utilizar otros navegadores.

Navegador integrado en Visual Studio Code

• El navegador integrado en Visual Studio Code es útil para el desarrollo y la depuración del código.

• Permite visualizar la web mientras se trabaja en el código y realizar cambios rápidos.

• Es especialmente útil para ver la web en una pestaña junto al código.

Uso de otros navegadores

• Para ver la web finalizada o probarla completamente responsive, es recomendable utilizar otros navegadores como Google Chrome.

• Otros navegadores ofrecen herramientas adicionales, como la vista de diseño adaptable y una mejor representación del resultado final.

Recomendación de cursos adicionales

Resumen de la sección: En esta sección, se mencionan los cursos adicionales disponibles para aprender desarrollo web.

• Se recomienda explorar los cursos adicionales proporcionados por el instructor para seguir aprendiendo desarrollo web.

• Los cursos abarcan diferentes temas relacionados con CSS3 avanzado y ofrecen oportunidades para aprender y mejorar las habilidades en este campo.