Diseño web

Todo lo que necesitas saber para crear y mantener un sitio web efectivo y atractivo. Desde cómo elegir la plataforma adecuada hasta cómo optimizar la experiencia del usuario y mejorar el SEO.

Curso Adobe ANIMATE – Copy

9 comentarios / Animación, Diseño fullstack, Diseño web / Por

Curso Adobe Animate ¡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 Adobe Animate Bienvenido al Curso, hablaremos de: Capas Fotogramás Clave javaScript Bootstrap Git PHP React Angular MySql Temario Curso Adobe Animate https://www.pacgrafica.com/blog/wp-content/uploads/2023/03/pa-floating-effects-filters-css-selector.mp4 Introducción a Adobe Animate: Introducción al software y su interfaz. Herramientas básicas de dibujo y selección. Capas y organización de elementos. Importar y exportar archivos. Creación de la primera animación básica. Animación Básica: Animación de movimiento con fotogramas clave. Animación de formas básicas. Uso de guías y máscaras. Animación con interpolación de movimiento. Práctica: Creación de una animación simple. Trabajo con Símbolos Introducción a los símbolos y biblioteca. Símbolos gráficos vs. de botón vs. de película. Animación con símbolos. Creación y edición de símbolos. Práctica: Creación de una animación utilizando símbolos. Interactividad y Sonido Introducción a la interactividad. Uso de botones y acciones. Importar y sincronizar audio. Creación de botones interactivos. Práctica: Creación de una animación interactiva con sonido.   Animación Avanzada Animación de personajes: Principios básicos. Rigging básico con huesos. Animación de caminata y corrida. Animación facial y expresiones. Práctica: Animación de un personaje simple. Efectos y Exportación Uso de filtros y efectos. Animación de partículas. Exportación de proyectos para web y vídeo. Preparación de archivos para diferentes dispositivos. Práctica: Creación de una animación con efectos especiales. Proyecto de Animación Desarrollo del proyecto de animación. Retroalimentación y ajustes. Finalización del proyecto. Presentación de proyectos y revisión final. Profundización y Práctica Exploración de técnicas avanzadas según intereses individuales (ej. animación de texto, efectos de cámara, animación de juego). Prácticas guiadas y tutoriales adicionales. Revisión general y cierre del curso. Profe Jlopez explica el curso, no olvides darle like y suscribirse al canal Enlaces de interes W3Schools Developer Mozilla Lenguaje Html 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

senasoft2024

5 comentarios / Animación, Audiovisual, Copywriting, Creación de contenidos, Diseño 2D y 3D, Diseño web, Inteligencia Artificial, Realidad Aumentada / Por

¡Hola a todos! <SenaSoft /2024> ¡Producto Audiovisual Ganador 3cer lugar categoria Audiovisuales <SenaSoft /2024> Mira el Video Ganador Que Logro el Equipo para Ganar Historia Preproducción Producción Post-producción Descarga PDF ¡Hola a todos! ¡Estamos emocionados de anunciar en presentar recursos y heramientas para las categorias: – Desarrollo Integral– Experiencia de RA-virtual– Medios Audiovisuales Estos recursos y conocimientos son para aplicar a los proyectos Quieres pertenecer a nuestro grupo, hablaremos de: IA Temas y Plugins Juguetes Creación de Contenido Descarga PDF ACTIVIDADES DE DESARROLLO INTEGRAL DESARROLLO INTEGRAL Queridos aprendices, ¡Se encuentra disponible en línea toda la Ruta Habilitadora 2024! Pueden disfrutarla, volver a verla, estudiarla tomando apuntes y seguir creciendo en un camino de carrera con un nivel de talla mundial. ✅ Desarrollar un MVP, software que funcione (ver en YouTube) ✅ Equipos Agile, “Three Amigos” (ver en YouTube) ✅ Calidad de software (ver en YouTube) ✅ Sostenibilidad, ¿qué es? (ver en YouTube) ✅ Modelamiento de producto (ver en YouTube) ✅ Hablar en público y presentaciones efectivas (ver en YouTube) ✅ Bonus sobre AI: prompt engineering (ver en YouTube) ✅ Sostenibilidad del agua -Experto del SENA- (ver en YouTube) https://readme.so/es/editor creador readme ACTIVIDADES DE EXPERIENCIA REALIDAD VIRTUAL EXPERIENCIA DE REALIDAD VIRTUAL Recurso: Video APK unity para metaquest 2 ACTIVIDADES DE MEDIOS AUDIOVISUALES MEDIOS AUDIOVISUALES Referentes Video Interrapidisimo: https://youtu.be/ZlyOPxjvXt8?si=xsxOEI_9C2lvyxmP Video 2: https://www.youtube.com/watch?v=V4OVwGySNWc Video 3: https://www.youtube.com/watch?v=pEx6XeBh1yE Video 4: https://www.youtube.com/watch?v=pEx6XeBh1yE AuraProds: efectos visuales, premiere, after effects y blender. https://www.youtube.com/@AuraProds/videos Pixel40: photoshop https://www.youtube.com/@Pixel40/videos Antonio Wimmer: Producción y procesos https://www.youtube.com/@antoniowimmer Keegan: Short e historias https://www.youtube.com/@KeeganEvansPhoto Portillo: Ritmo visual https://www.youtube.com/@portillo Atherion: Cine https://www.youtube.com/@antoniowimmer Plantillas para After y Premiere: https://misterhorse.com/premiere-composer TEMARIO MODULO Inteligencia Artificial Generativa y Procesamiento de Lenguaje Natural https://www.pacgrafica.com/blog/wp-content/uploads/2023/03/pa-floating-effects-filters-css-selector.mp4 Sesión 1: Introducción y fundamentos de laInteligencia Artificial Generativa.• Aplicaciones de la Inteligencia ArtificialGenerativa en el Marketing Digital.• Text to text.• Text to image.• Text to video.• Text to audio.• Procesamiento de Lenguaje Natural: qué esy cómo se aplica en Marketing Digital. • Análisis de Sentimiento en el MarketingDigital.• Soluciones de IA en la gestión decontenidos digitales.• Creación de contenidos y Brand Safety.• Curación de contenido.• Writesonic.• Rytr.• MidJourney .• Answer the Public.• Dall-e. Spatial.iopaquete de officeprobar pinoquio Johan Equipo recursos: pixabaypexellsadobeStock montar un correo para solicitar acceso para las cuentas a profe carlos donde se pida el acceso para descargar el plugin o el plugin para transcripcion automatica de descargar paquete de idiomas en español para el funcionamiento de transcripción de subtitulos, y el funcionamiento de herramientas de inteligencia artifcial en premier y photoshop relleno generativocarpereza Paginas usadas en SenaSoft 2024 https://mixkit.co/ Banco de audio y video libre de derechos https://getcartwheel.com Crea animaciones con inteligencia artificial https://jadsonlucena.github.io/semantic-commit-generator/ Generador Semantico de Prompts Sitios web con I.A. majordecibel.com pagina de masterizacionreimaginehome.ai Remodelación de espacios arquitectonicoshttps://www.bluerush.com/individeo/ Videos personalizadoshttps://www.phind.com/ Buscador para programadoreshttps://app.diagrams.net/ Herramienta para diseño de diagramashttps://zyro.com/co/ herramientas/generador-de-terminos-y-condicioneshttps://huggingface.co/spaces/doevent/prompt-generator Generador de prompts para Midjourneyhttps://vocalremover.org/es/ Separador de pistas de audiohttps://boomy.com/ Creador de musicahttps://ampermusic.com Compositor de musica libre de derechoshttps://www.kaggle.com/ Sistema de datos de AIhttps://www.chatpdf.com/ Sistema de chat especializado en lectura de pdfhttps://genmo.ai/ sistema chat que soporta imageneshttps://reply.io/ Sistema que permite conectar B2Bhttps://runwayml.com/ Edita videos con AIhttps://www.synthesia.io/ avatar con AIhttps://www.deepbrain.io/ avatar con AIhttps://www.movio.la avatar con AI 1 minuto freehttps://hourone.ai/ avatar con AI 3 minutos freehttps://www.colossyan.com/ avatar con AI 1 minuto freehttps://segment-anything.com/ sistema de segmentación con iahttps://durable.co/ Build a website in 30 seconds with AI.https://beta.tome.app/ Meet Tome, your AI storytelling partner.https://www.tango.us/ Create how-to guides with screenshots, in secondshttps://www.aiprm.com/ Hey ChatGPT, create anything I want using the best prompts from a community of experts.https://podcast.adobe.com/ We have big plans for the future of audiohttps://www.rewind.ai/ What if you had perfect memory?https://www.d-id.com/ Digital People Text-to-Videohttps://www.img2go.com/ ampliar imagen con iahttps://planner5d.com/ crear planos con iahttps://answerthepublic.com/es Descubre lo que la gente pregunta sobre…https://www.midjourney.com Generador de imageneshttps://www.humata.ai/ Lector ai de pdfshttps://you.com/ generador de texto de lenguaje naturalhttps://brandbuilder.ai/ Generador de identidad corporativahttps://promptomania.com/ generador de prompts https://www.toolify.ai/es/ directorio ia https://aifindy.com/ Home https://www.futurepedia.io/ Directorio de Inteligencia Artificial Portada https://www.futuretools.io/ Home https://vcai.mpi-inf.mpg.de/projects/DragGAN/ Deformador de imagenes saldra en junio 2023 https://undetectable.ai/ sistema detector de contenido de inteligencia artificial capaz de humanizarlo https://app.fliki.ai/ generador de presentaciones con ai https://runwayml.com/ Videos creados por ia: Ejemplos: https://twitter.com/IAViajero/status/1664330966251208705 https://dreamstudio.ai/ generador de imagenes de stability.ai https://es.rask.ai/ traductor de video en tiempo real https://soccersm.ai/ sistema de predicción de partidos de futbol https://moises.ai/es/new/ La Aplicación para Músicos https://uizard.io/ registrarse para editar diseños con screenshots https://www.naturalreaders.com/online/ text to voice https://www.textfromtospeech.com/es/text-to-voice/ text to voice https://www.steve.ai/ crear animaciones con ia explicativos animados https://kaiber.ai/ crear animaciones con ia https://huggingface.co/spaces/fffiloni/Pix2Pix-Video edición de video to video https://tipseason.com/dalle-prompt-generator generador de prompts para dalle https://www.kits.ai/ generador de voces con tu voz a capella https://www.apollo.io/ herramienta Scrapping https://scribehow.com/ herramienta de capturas de pantalla plugin talk to chat gpt https://smoot.ai/ sistema de publicidad emocional https://sketch.metademolab.com/ hacer animación de personajes ejemplo para sistema de traducción en tiempo real: recomendados modulo funnel – https://www.blognlp.com/ – https://www.copy.ai/?via=start – https://www.ibm.com/watsonx – https://www.meaningcloud.com/es – https://www.upbe.ai/ – https://www.brevo.com/es/ – https://xeerpa.com/inicio/ – https://www.startingup.ai/ Guion de explicación ia 1- Chat Gpt: usar prompts de marketing 2- Dall-e: crear imagen a partir de prompt, luego modificar la imagen 3- Midjourney: text to image ejercicio, alternativa de pago y luego la alternativa gratuita 4- Blue Willow: generar unas imagenes  5- https://uizard.io/ registrarse para editar diseños con screenshots 6- https://www.naturalreaders.com/online/ text to voice 7- https://www.textfromtospeech.com/es/text-to-voice/ text to voice 8- https://www.steve.ai/ crear animaciones con ia explicativos animados 9- https://app.fliki.ai/ generador de presentaciones con ai 10- https://huggingface.co/spaces/fffiloni/Pix2Pix-Video edición de video to video 11- https://playgroundai.com/ asesino de photoshop https://www.blognlp.com/ crear contenido con ia https://ideogram.ai/login crea logotipos con ia https://framer.com/projects/ paginas web https://www.ibm.com/demos/live/natural-language-understanding/self-service/home analisis del sentimiento url ibm watson analisis predictivo de datos: https://www.stableaudio.com/ crear audio ejemplos de audios creados con esta tecnologia: https://www.futureverse.com/research/jen/demos/jen1 Herramientas 2024 – https://www.suno.ai/ Suno crea musica– Elevenlabs: https://try.elevenlabs.io/shmdm7umt6gg– Leonardo AI: https://leonardo.ai/– Replicate: https://replicate.com/collections/ima…– Vectorizer AI: https://vectorizer.ai/– Playground: https://playgroundai.com/– Adobe Background Remover: https://www.adobe.com/es/express/feat…– Ilusion diffusion: https://huggingface.co/spaces/AP123/I…– Monstermash: https://monstermash.zone/– Lumalabs: https://lumalabs.ai/– Pikalabs: https://pika.art/login– Heygen: https://heygen.com/?sid=rewardful&via…– Fliki AI: https://fliki.ai/?via=alejandro-rivera– Adobe Animation: https://www.adobe.com/express/create/…– TLDraw: https://www.tldraw.com/r– Mixo: https://mixo.io/?via=alejandro-rivera– Blog: https://www.blognlp.com/– https://invideo.io/ Video– https://tribescaler.com/ Analiticas en X – https://v0.dev/ Maquetador de interfaces con IA – www.krea.ai Interface multiple de herramientas de generación de iamgenes – pixverse.ai Herramienta generadora de videos – qrcode-ai.com Generador de Codigos QR:  – e-goi.com Plataforma de automatización de marketing omnicanal:  – Captions Estudio Creativo de AI:  – unique3D Creador de 3D a partir

toList

Deja un comentario / Diseño web / Por

jlopez Moli Agendas Ponencias Logotipos Gutiérrez Comercios Talentic Reuniones Discos duros servidor Servidor Montaje Senasoft Superproof Dentello MC Tires Blog PacGrafica Diseño de personaje Pagina Web Moro Construcciones Oficina Ricaurte  Multicambio Miniaturas profe jlopez designer 50% Logotipos Gutiérrez Comercios 25% Talentic Reuniones  Dentello 0% MC Tires 5% Blog Audio articulos PacGrafica 0% aprede yaaaaa! Tarea 1 Miniaturas profe jlopez designer 50% Tarea 2 Logotipos Gutiérrez Comercios 25% Tarea 3 Talentic Reuniones Tarea 4 Dentello 0% Tarea 5 MCTires 5% Tarea 6 Blog Pac Grafica 5%

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

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

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

Flexbox Grid

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

Que es Flexbox Grid ¡Hola a todos! Introducción a la tecnología de maquetación para css y html Hola estudiante, si alguna vez se le ha dificultado centrar un objeto en html y css esta explicacion es para ti 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 Videotutoriales explicativos https://youtu.be/xSag6oHvgCE?si=UquWP6G1lNXhIKH-https://youtu.be/SaGxm1oDwvw?si=FLKhfIRP5lDjoF-Ehttps://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

Explicación teorica de Git

28 comentarios / Diseño web / Por

Historia de Git y Github ¿Qué es Git y por qué es importante? Github Instalación de Git y primeros pasos https://youtu.be/6Isbqq60efU Git representa el historial de una manera fundamentalmente diferente de los sistemas de controles de versión centralizados (CVCS), como Control de versiones de Team Foundation, Perforce o Subversion. Los sistemas centralizados almacenan un historial independiente para cada archivo de un repositorio. Git almacena el historial como un gráfico de instantáneas de todo el repositorio. Estas instantáneas, llamadas confirmaciones en Git, pueden tener varios elementos primarios, creando un historial similar a un gráfico en lugar de una línea recta. Esta diferencia en el historial es increíblemente importante y es la razón principal por la que los usuarios familiarizados con CVCS encuentran a Git confuso. Instalación de GIT: Se explicó cómo descargar e instalar Git en windows. Despierta tu pasión con dedicación y, tu visión con determinación y, tu misión con innovación acción. Videos explicativos Explicación Git y Github En este video muestro a los aprendices como subir una estructura sencilla de archivos a través del sistema de control de versiones de Git Explicación Git Parte 2 En esta oportunidad presento a los aprendices como subir a github y crear enlace de sitio web para compartir a través de mensajes y redes Explicación Github-pages Parte 2 En esta oportunidad presento explicación parasubir proyecto a github Git y Github actualizaciones a repositorios En este video explico una de las maneras de descargar el contenido de repositorio de github realizar un cambio y posteriormente subir los cambios del proyecto Detalles del evento Despierta tu pasión con dedicación y, tu visión con determinación y, tu misión con innovación acción.

Curso Diseño Frontend: HTML, CSS, JavaScript y Git

98 comentarios / Diseño fullstack, Diseño web / Por

Curso Diseño Frontend HTML CSS JavaScript ¡Hola a todos! ¡Estoy emocionado de anunciar comenzamos entrenamientos a este curso Hola estudiante, si alguna vez has querido crear sitios web impresionantes pero no sabías cómo empezar, este entrenamiento es fundamental para tu proceso formativo. 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 Clases2.9 Z-index 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/ZeVsrmw5t-Y Profe Jlopez explica el curso, no se olviden darle like y suscribirsen al canal Enlaces de interes W3Schools Developer Mozilla Lenguaje Html Lenguaje CSS Lenguaje javaScript Bootstrap Articulos de Explicaciones Box Model Git Recursos especializados Generador de CSS GRID Videotutoriales explicativos https://youtu.be/pGQnGrSUEgk?si=sr0nnDucid_UZlk-https://youtu.be/4euM_DhaHJY?si=n-NvgH4r3_pyTZG1https://youtu.be/nH5Y178O2U0?si=8ocqWC4I-K0tpu3Chttps://youtu.be/X6HH-KjOJck?si=fHQItKGruEaqxRXshttps://youtu.be/ShMS_ViFw1w?si=ads_p0DOB8-_FmHWhttps://youtu.be/Z3JM5YMaDhw?si=z19Hyw8kUX_MOcR-https://youtu.be/xSag6oHvgCE?si=UquWP6G1lNXhIKH-https://youtu.be/SaGxm1oDwvw?si=FLKhfIRP5lDjoF-Ehttps://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 WEB CONTENT ACCESIBILITY Y LICENCIAS https://www.w3.org/WAI/standards-guidelines/wcag/es https://developer.mozilla.org/es/docs/Web/Accessibility/Understanding_WCAG   La practica hace al maestro

Transferencias desarrollo web

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

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!