Entradas

Mostrando las entradas de febrero 16, 2025

aprendiendo formas de xmp codigo html

 https://chatgpt.com/share/67ba6093-4248-800c-949d-6876d8bdd185 Osea si creo div con ancho 400px Y dentro del div esta un xmp Entonces se desbordara porque mostrara toda la linea excediendo los bordea del div Solucion hacer el css white-space Para que permita el salto de linea

Concepto el span se pone dentro de p

 Osea es para remarcar una palabra o segmento del texto  Asi es lo conceptual

Como se hace maquetacion web?

Osea desde una foto y uno lo hace a codigo puro?, se hace suponiendo que piden landing page no te dan la imagen de diseño y uno se tiene que inventar la maqueta web? Se hace de mostrar diseños genericos y ofrecer eso al cliente para que elija? O como?

atributo img de html, loading lazy

lo unico que entendi lazy se usa en muchas imagenes no en una.  El atributo loading="lazy" en HTML permite diferir la carga de imágenes e iframes hasta que estén a punto de entrar en el área visible del usuario (viewport). Esto mejora el rendimiento de la página al reducir la carga inicial de recursos. Caso 1: Página con una sola imagen Si tu página contiene únicamente una imagen y utilizas loading="lazy" , es posible que la imagen no se cargue inmediatamente, ya que el navegador espera hasta que esté cerca de entrar en el viewport. Dado que no hay más contenido para desplazarse, la imagen podría no cargarse en absoluto, lo que resulta en una experiencia de usuario deficiente. Por lo tanto, en páginas donde la imagen es el contenido principal y se muestra en la vista inicial, no se recomienda usar loading="lazy" . Caso 2: Página con múltiples imágenes En una página que contiene 20 imágenes, de las cuales solo 3 son visibles inicialmente, aplicar loading=...

saber crear animaciones css

 osea tener idea de la mayor parte  de animaciones css para usarlos en ejemplos de maquetador web o haciendo landing page

Trabajar como integrador de api

  Un integrador de API es alguien que se encarga de conectar diferentes sistemas o aplicaciones mediante el uso de APIs (Interfaz de Programación de Aplicaciones) . Su trabajo consiste en hacer que los datos fluyan entre distintos servicios de manera eficiente y segura. Tareas principales Comprender la API Leer la documentación de la API para saber cómo funciona. Identificar los endpoints disponibles (URLs donde se hacen las solicitudes). Revisar los métodos HTTP que se usan ( GET , POST , PUT , DELETE ). Conocer los formatos de datos ( JSON , XML ). Configurar la conexión Obtener credenciales de acceso (claves API, tokens, OAuth). Enviar solicitudes a la API desde una aplicación (usando fetch en JavaScript, axios , cURL , etc.). Manejar errores y respuestas de la API. Procesar los datos Guardar la información recibida en bases de datos o mostrarla en una página web. Transformar los datos para que se adapten al sistema que los usa. Automatizar tareas ...

Trabajos dentro del frontend

  Dentro de frontend , hay varias especializaciones según el nivel de complejidad y enfoque: Maquetador Web → Se encarga de HTML y CSS, transformando diseños en páginas funcionales. Desarrollador de Interfaz de Usuario (UI Developer) → Implementa el diseño con animaciones y efectos visuales avanzados. Especialista en Accesibilidad Web → Optimiza la experiencia para personas con discapacidades (uso de ARIA, contraste, navegación por teclado). Especialista en Optimización Web (WPO) → Mejora la velocidad de carga, SEO técnico y rendimiento de la web. Desarrollador de Aplicaciones Web Sin Frameworks → Crea funcionalidades avanzadas solo con JavaScript puro. Integrador de APIs en Frontend → Conecta la web con servicios externos a través de REST o GraphQL. Desarrollador de Webs Interactivas → Crea experiencias dinámicas como juegos o aplicaciones interactivas. Especialista en Animaciones y Gráficos Web → Trabaja con Canvas, SVG y WebGL para efectos visuales avanzados. D...

Que curso se hacen para realizar 20 trabajos web?

  Aquí tienes los cursos recomendados para cada trabajo: Desarrollador Frontend → HTML, CSS, JavaScript, Frameworks como React/Vue/Angular. Maquetador Web → HTML, CSS, Flexbox, Grid, Diseño Responsivo, Figma/Adobe XD. Desarrollador Backend → Node.js, PHP, Python, Ruby, Bases de Datos SQL y NoSQL, APIs REST. Desarrollador Full Stack → Frontend + Backend + Bases de Datos + Git. Ingeniero de Software Web → Algoritmos, Patrones de Diseño, Arquitectura de Software. Especialista en UX/UI → Diseño de interfaces, Psicología del usuario, Figma/Adobe XD. Desarrollador de Aplicaciones Web Progresivas (PWA) → JavaScript, Service Workers, IndexedDB. Especialista en Accesibilidad Web → WCAG, ARIA, HTML Semántico, CSS para accesibilidad. Desarrollador de Comercio Electrónico → Shopify, WooCommerce, Prestashop, Pasarelas de pago. Desarrollador de WordPress → PHP, HTML, CSS, Creación de Plugins y Temas. Desarrollador de Aplicaciones Web con React/Vue/Angular → JavaScript, Fra...