Desarrollo web archivos

Curso Figma

5 comentarios / Animación, Creación de contenidos, Desarrollo web, Diseño 2D y 3D, Diseño fullstack, Diseño web, Inteligencia Artificial, Redes sociales / Por jlopez

Curso de Figma ¡Hola a todos! ¡Estoy emocionado de anunciar comenzamos entrenamientos a este curso Hola estudiante, si alguna vez has querido crear Historias y personajes animados pero no sabías cómo empezar, este entrenamiento es fundamental para Lograrlo Este blog inicialmente tiene como fin transferir conocimientos de temas acerca de la herramienta de Figma Bienvenido al Curso, hablaremos de: Capas Fotogramás Clave javaScript Bootstrap Git PHP React Angular MySql Temario Curso Figma Introducción a Figma ¿Qué es Figma?Ventajas de Figma sobre otras herramientas de diseñoConfiguración de la cuenta y del espacio de trabajo Interfaz de usuario de Figma Barra de herramientasPanel de capasPanel de propiedadesAtajos de teclado esenciales Conceptos básicos de diseño en Figma Crear y gestionar marcos (frames)Formas básicas y herramientas de dibujoManipulación de objetos (mover, escalar, rotar)Alineación y distribución de elementos Trabajando con capas y grupos Organización de capasCreación y gestión de gruposUso de máscarasBloqueo y ocultación de capas Estilos y colores Creación y aplicación de estilos de colorGestión de la biblioteca de estilosCreación de paletas de coloresUso de degradados y opacidad Tipografía en Figma Añadir y editar textoEstilos de texto y párrafoImportación y gestión de fuentesAjustes avanzados de tipografía Componentes y sistemas de diseño Creación de componentesInstancias y propiedadesVariantes de componentesOrganización de componentes en la biblioteca Grids y constraints Configuración de grids de diseñoUso de constraints para diseño responsivoAuto layout para diseños flexibles Prototipado en Figma Creación de conexiones entre framesConfiguración de transiciones y animacionesInteracciones avanzadas (hover, arrastrar, etc.)Prototipado para diferentes dispositivos Colaboración en Figma Compartir proyectos y archivosComentarios y feedbackHistorial de versiones y control de cambiosTrabajo en equipo en tiempo real Plugins y integraciones Exploración de la comunidad de plugins Instalación y uso de plugins populares Integración con otras herramientas (Slack, Jira, etc.) Exportación y entrega Exportación de assets para desarrollo Generación de especificaciones para desarrolladores Creación de presentaciones y documentación de diseño Técnicas avanzadas de diseño Diseño de sistemas de iconos Creación de ilustraciones en Figma Diseño de interfaces complejas (dashboards, apps) Optimización del flujo de trabajo Mejores prácticas para la organización de archivos Creación de plantillas y bibliotecas de equipo Automatización de tareas repetitivas Accesibilidad y diseño inclusivo Principios de diseño accesible Herramientas de Figma para evaluar la accesibilidad Implementación de patrones de diseño inclusivo Diseño para diferentes plataformas Diseño para web Diseño para aplicaciones móviles (iOS y Android) Diseño para aplicaciones de escritorio Animación avanzada en Figma Uso de Smart Animate Creación de micro-interacciones Prototipado de animaciones complejas Gestión de proyectos de diseño en Figma Planificación y estructuración de proyectos grandes Seguimiento del progreso y colaboración a gran escala Presentación de proyectos a clientes o stakeholders Tendencias y técnicas emergentes Diseño de interfaces de voz (VUI) Realidad aumentada (AR) y realidad virtual (VR) en Figma Diseño para wearables y IoT Proyecto final Aplicación de todos los conocimientos adquiridos Creación de un proyecto completo desde el concepto hasta el prototipo final Presentación y defensa del proyecto Profe Jlopez explica el curso, no olvides darle like y suscribirse al canal Enlaces de interes Figma figma community Blog oficial figma Lenguaje javaScript Bootstrap Articulos de Explicaciones Box Model Git Videotutoriales explicativos https://youtu.be/7EaCBFDFyrc?si=_uU0_Jrapx7JkYwZhttps://youtu.be/baBSsOxoEgY?si=gS9qtq34fAWTvWpS Herramientas recomendadas Drag and drop con javascript: https://drag-and-drop.formkit.com SQLFlow herramienta que visualiza bases de datos: https://sqlflow.gudusoft.com/#/ La practica hace al maestro

Flexbox Grid – Produccion multimedia tercer trimestre

12 comentarios / Desarrollo web, Diseño fullstack, Diseño web / Por jlopez

Estamos trabajando Flexbox Grid ¡Hola a todos! POR ACA ME DEJAN SUS ENLACES DE GH-PAGES Este equipo inicialmente tiene como fin transferir conocimientos de backend y frontend para los entrenamientos a senasoft 2023 Bienvenido al Taller, hablaremos de: Html5 CSS3 javaScript Bootstrap Git PHP React Angular MySql Temario Curso de Diseño Frontend HTML, CSS, JavaScript y Git https://www.pacgrafica.com/blog/wp-content/uploads/2023/03/pa-floating-effects-filters-css-selector.mp4 HTML51.1 Etiquetas Huérfanas / Compuestas1.2 Estructura semántica1.3 Etiquetas semánticas1.4 Atributos comunes y generales 1.5 Estructura del documento1.6 Identación y herencias1.7 Box model CSS2.1 Estructura sintaxis2.2 Tipos de incorporación CSS: – Interno – Externo – En línea2.3 Identación, herencias y comentarios2.4 Niveles de especificidad2.5 Flexbox grid, Breakpoints2.6 Mediaqueries2.7 Pseudo Elementos2.8 Pseudo Clases Git5.1 Introducción a Git y control de versiones5.2 Github5.3 Repositorios5.4 Control de cambios y push5.5 Terminología y comandos básicos de Git5.6 Metodología Bootstrap4.1 Librería4.2 Componentes4.3 Incorporación: – CDN – Librería local 4.4 Incorporación de componentes, helpers, layout4.5 Identación, herencias y comentarios4.6 Display Grid4.7 Flexboxgrid4.8 Grid systems4.9 Breakpoints JavaScript3.1 Introducción a JavaScript3.2 Variables y tipos de datos3.3 Operadores y expresiones3.4 Estructuras de control: – Condiciones (if, else if, else) – Bucles (for, while, do-while) – Switch3.5 Funciones y ámbito de variables3.6 Objetos y propiedades3.7 Arrays y bucles de iteración3.8 Eventos y manipulación del DOM3.9 jQuery (opcional) https://youtu.be/EyLDGCestpQ Profe Jlopez explica el curso, no se olviden darle like y suscribirsen al canal Enlaces de interes W3Schools Developer Mozilla Lenguaje Html Lenguaje javaScript Bootstrap Articulos de Explicaciones Box Model Git https://youtu.be/Q1sur8Qji5I?si=NZvPkimirL5P27dGhttps://youtu.be/0FeSGNnYoOM?si=nieONtrP2fzYCfvF Herramientas recomendadas Drag and drop con javascript: https://drag-and-drop.formkit.com SQLFlow herramienta que visualiza bases de datos: https://sqlflow.gudusoft.com/#/ Creador de personas que no existen: https://thispersondoesnotexist.com/ Pagina de Iconos: https://fontawesome.com/ Creador de Gradientes: https://cssgradient.io/ Creador de imagenes con IA: https://firefly.adobe.com La practica hace al maestro

Transferencias desarrollo web

2 comentarios / Desarrollo web, Diseño fullstack, Diseño web / Por jlopez

Transferencias de conocimientos ¡Hola a todos! ¡Estamos emocionados de anunciar comenzamos entrenamientos a senasoft Si alguna vez has querido crear aplicaciones web impresionantes pero no sabías cómo empezar, este entrenamiento es para ti. Este equipo inicialmente tiene como fin transferir conocimientos de backend y frontend para los entrenamientos a senasoft 2023 Quieres pertenecer a nuestro grupo, hablaremos de: Frontend Backend Desarrollo Web Lenguajes de programación TEMARIO TRANSFERENCIAS Y ENTRENAMIENTO SENASOFT https://www.pacgrafica.com/blog/wp-content/uploads/2023/03/pa-floating-effects-filters-css-selector.mp4 Transferencia 1 https://youtu.be/uRaLwivY0KU Handru Camargo explica sistema de busqueda javascript puro Transferencia 2 https://youtu.be/Hs6D3k9WPbU Profe Jlopez explica funcionamiento de movimiento de personaje con el teclado en javascript No esperes más, comparte, comenzamos a entrenar!

AR Aframe Libreria de Realidad Aumentada

9 comentarios / Desarrollo web, Diseño 2D y 3D, Diseño fullstack, Diseño web, Realidad Aumentada / Por jlopez

Aprende Realidad Aumentada ¡Hola a todos! ¡Estoy emocionado de anunciar que estaré dictando un curso en profundidad sobre esta Realidad Aumentada! Si alguna vez has querido crear un sitio web impresionante pero no sabías cómo empezar, este curso es para ti. A-Frame es un framework web diseñado para crear experiencias en realidad virtual (VR). Se basa en HTML, lo que facilita su uso para principiantes. Sin embargo, A-Frame va más allá de ser simplemente un motor de gráficos en 3D o un lenguaje de marcado; su núcleo es un potente sistema de componentes basado en entidades, lo que le otorga una estructura declarativa, extensible y modular, construido sobre three.js. Inicialmente desarrollado por Mozilla y ahora mantenido por sus cocreadores en Supermedium, A-Frame fue creado con el objetivo de proporcionar una herramienta sencilla pero poderosa para desarrollar contenido de VR. Este proyecto de código abierto ha crecido hasta convertirse en una de las comunidades más grandes en el ámbito de la realidad virtual. A-Frame es compatible con la mayoría de los cascos de VR, como Vive, Rift, Windows Mixed Reality, Cardboard, Oculus Go, y también puede utilizarse para experiencias de realidad aumentada. Aunque ofrece soporte para una amplia variedad de dispositivos, su objetivo principal es crear experiencias de VR interactivas e inmersivas que superen el contenido 360°, aprovechando al máximo el seguimiento posicional y los controladores. Quieres pertenecer a nuestro grupo, hablaremos de: Realidad Virtual Realidad Aumentada Realidad Extendida Metaverso TEMARIO CURSO AR-AFRAME https://www.pacgrafica.com/blog/wp-content/uploads/2023/03/pa-floating-effects-filters-css-selector.mp4 No esperes más, comparte esta información con tus amigos, familiares y colegas interesados en aprender WordPress. ¡Juntos podemos ayudar a más personas a aprender esta valiosa herramienta y construir sitios web impresionantes!