logo Materiales del Curso

vscode iconVisual Studio Code
[Editor de Código (IDE)]

Visual Studio Code

Extensiones para FrontEnd
  • Astro (de Astro)
  • Auto Rename Tag (Jun Han)
  • Console Ninja
  • Live Preview (Microsoft)
  • Open in Browser (Tech ER)
  • Tag Inserter
  • Tailwindcss (tailwind)
  • icon githubGITHUB

    Repositorio: Código y Sitios Estáticos

    Github

    GIST de Github / Ejercicio JS

    icon tailwindTailwindcss
    [Framework CSS FrontEnd]

    Tailwind css

    Material Tailwind
  • Tailwind CSS v4 Cheat Sheet
  • Ejemplo de Tailwind
  • Bloques Tailwind
  • Flowbite - Tailwind UI components
  • Daysi UI components
  • Meraki UI - Components
  • Tailwind resources
  • Free Open Source Tailwind CSS Components
  • Float UI - components and website templates
  • Tailscan - free Tailwind resources
  • Otros frameworks para CSS

    Los frameworks de CSS funcionan como bibliotecas de código preescrito que proporcionan herramientas y estilos reutilizables para que no tengas que escribir todo el diseño desde cero.

    icon PostGresSQLPostGreSQL | Supabase
    Base de Datos Multiparadigma

    PostGreSQL

    pgadmin: Gestor de PotGres

    Postgres como Base de Datos Multi-paradigma (Relacional + Documental)

    El soporte de datos semiestructurados con JSONB e índices GIN en Postgres es tan eficiente, que sustituye con éxito a bases de datos NoSQL como MongoDB, permitiendo tener lo mejor del mundo relacional y del mundo documental en un solo lugar.

    Supabase: Postgres en la nube

    Material de clases Base de Datos

    Otras BBDD Relacionales

    Una base de datos relacional es una forma muy estructurada de almacenar, organizar y administrar datos mediante tablas y relaciones definidas. Todas las Bases de Datos Relacionales utilizan el mismo lenguaje de consulta: SQL que significa Structured Query Languaje.

    Propietarias:

    Bases de Datos NoSQL documental

    Hay muchos tipos de BBDD NoSQL. Las siguientes son de tipo Documento, las cuales almacenan la información en formatos flexibles muy parecidos a JSON.

    icon MongoDBMongoDB

    icon ReactReact
    Framework JavaScript

    React

    Material de clases React

    Material React
    Otros frameworks para JavaScript

    Los frameworks de JavaScript proporcionan componentes reutilizables y herramientas optimizadas para manejar la interfaz de usuario: manejo de estados, crear navegación fluida sin recargar la página y comunicación con APIs