CursosEmpresasBlogLiveConfPrecios

Inicio del reto - primera sesión, 2 de mayo

Clase 1 de 22 • #PlatziChallenge: Crea tu Portafolio como Web Developer

Clase anteriorSiguiente clase

Contenido del curso

Fase 1: HTML y CSS
  • 1
    Inicio del reto - primera sesión, 2 de mayo

    Inicio del reto - primera sesión, 2 de mayo

    58:07
  • 2
    Maquetación del portafolio - segunda sesión, 6 de mayo

    Maquetación del portafolio - segunda sesión, 6 de mayo

    63:40
  • 3
    Maquetando un Clon de Twitter - tercera sesión, 9 de mayo

    Maquetando un Clon de Twitter - tercera sesión, 9 de mayo

    61:19
  • 4
    Responsive Design - cuarta sesión, 13 de mayo

    Responsive Design - cuarta sesión, 13 de mayo

    58:54
  • 5
    Maquetando un Clon de YouTube - quinta sesión, 16 de mayo

    Maquetando un Clon de YouTube - quinta sesión, 16 de mayo

    58:51
  • 6
    Clon de YouTube: listas de videos - sexta sesión, 20 de mayo

    Clon de YouTube: listas de videos - sexta sesión, 20 de mayo

    62:22
Fase 2: JavaScript
  • 7
    Métele JavaScript a tu Portafolio - séptima sesión, 23 de mayo

    Métele JavaScript a tu Portafolio - séptima sesión, 23 de mayo

    45:48
  • 8
    Manipulación del DOM - octava sesión, 27 de mayo

    Manipulación del DOM - octava sesión, 27 de mayo

    60:24
  • 9
    Clon de Wordle - novena sesión, 30 de mayo

    Clon de Wordle - novena sesión, 30 de mayo

    58:34
  • 10
    Victoria de jugadores en Wordle - décima sesión, 3 de junio

    Victoria de jugadores en Wordle - décima sesión, 3 de junio

    53:57
  • 11
    Consumiendo la PokeAPI - sesión 11, 6 de junio

    Consumiendo la PokeAPI - sesión 11, 6 de junio

    54:34
  • 12
    Corrigiendo bugs de la pokedex - 10 de junio

    Corrigiendo bugs de la pokedex - 10 de junio

    55:36
  • 13
    Últimos detalles de la Pokedex - cierre de la segunda fase

    Últimos detalles de la Pokedex - cierre de la segunda fase

    60:16
Fase 3: React.js
  • 14
    Inicio de proyectos con React.js - Tercera fase

    Inicio de proyectos con React.js - Tercera fase

    57:31
  • 15
    Creando el contexto de nuestra aplicación en React

    Creando el contexto de nuestra aplicación en React

    58:18
  • 16
    Fixeando bugs y agregando el mapa

    Fixeando bugs y agregando el mapa

    61:08
  • 17
    Setup con Webpack para el Chat en Tiempo Real con React.js

    Setup con Webpack para el Chat en Tiempo Real con React.js

    56:10
  • 18
    Configurando Socket.io en frontend y backend

    Configurando Socket.io en frontend y backend

    61:36
  • 19
    Maquetando nuestra galería de fotos con React.js

    Maquetando nuestra galería de fotos con React.js

    56:55
  • 20
    Backend y conexión con Cloudinary

    Backend y conexión con Cloudinary

    58:00
  • 21
    Corrigiendo Bugs y agregando mejoras al chat con React.js

    Corrigiendo Bugs y agregando mejoras al chat con React.js

    57:14
  • 22
    Desplegando los proyectos - Fin del challenge

    Desplegando los proyectos - Fin del challenge

    55:04
    Ricardo David

    Ricardo David

    student•
    hace 4 años

    Genial que uno pueda crecer con platzi. Hoy es este chico mañana puede ser uno de nosotros.

      Antonio Trinidad Mercedes

      Antonio Trinidad Mercedes

      student•
      hace 4 años

      el cielo es el límite...

      Naudy José Romero Valero

      Naudy José Romero Valero

      student•
      hace 4 años

      Tienes toda la razón, creo que yo tengo una mejor cámara para mis lives

    Paula Andrea Sosa Hernández

    Paula Andrea Sosa Hernández

    student•
    hace 4 años

    No sabia que se podían ver las live sessions del challenge, me parece espectacular para aquellos que trabajamos en el día y no podemos verlas en vivo!

    Consejo: Como los cursos son de diferentes niveles y son artos, pueden crear así una ruta para tener todos los cursos del challenge de una forma mas cómoda! (No se puede compartir de un perfil a otro, sorry)

    portafolioplatzichallenge.jpg
      RAUL ROJAS

      RAUL ROJAS

      student•
      hace 3 años

      Wow! ¡Gracias! También logré hacer lo mismo

      platzi challenge.PNG

    José David Diaz Lora

    José David Diaz Lora

    student•
    hace 4 años

    Cuántos más emocionados con este challege?

      Veronica Gonzalez

      Veronica Gonzalez

      student•
      hace 4 años

      Yo 🙋🏻‍♀️

      Florian Martinez

      Florian Martinez

      student•
      hace 3 años

      Si este challenge es muy interesante! Yo estoy un poco atrasado pero me voy a poner en eso para terminar!

    Armando Salcedo

    Armando Salcedo

    student•
    hace 4 años

    Yo les recomiendo que sí hagan el curso de Git y Github :P

    César Luis Amundaray Rodríguez

    César Luis Amundaray Rodríguez

    student•
    hace 4 años

    Este es el mío: https://cesarluis.com Lo hice con prácticamente nada de código.

      Usuario anónimo

      Usuario anónimo

      user•
      hace 4 años

      Eso es muy facil no se carga rapido

      César Luis Amundaray Rodríguez

      César Luis Amundaray Rodríguez

      student•
      hace 4 años
      2022-05-14 23_03_59-Window.png
    Carlos Hernán Soler Bedoya

    Carlos Hernán Soler Bedoya

    student•
    hace 4 años

    Estoy súper emocionado con este reto. Espero aprender mucho, espero lograr algo como lo que nos han mostrado en esta primera sesión.

      Florian Martinez

      Florian Martinez

      student•
      hace 3 años

      Realmente si te pones en los cursos del challenge, podras realizar eso y mucho mas.

    Aaron Dan Ilizarbe Saavedra

    Aaron Dan Ilizarbe Saavedra

    student•
    hace 4 años

    Me gustó la charlita uwu

      Jazmín del Rosario Saavedra Piñeiro

      Jazmín del Rosario Saavedra Piñeiro

      student•
      hace 4 años

      Muy buena, también estaba pensando que es como una charla de café, me cayó muy simpático.

    ERIKA PATRICIA AVILES

    ERIKA PATRICIA AVILES

    student•
    hace 4 años

    puedo hacer todo desde Windows más no en la terminal WSL?

      Juan Castro

      Juan Castro

      teacher•
      hace 4 años

      Puedes usar la terminal normalita de Windows si así lo prefieres. :D

      Alvaro Eduardo Garzón Pira

      Alvaro Eduardo Garzón Pira

      student•
      hace 3 años

      Yo te recomiendo que uses cmder, es super fácil de usar, usa los comandos de linux para que te vayas familiarizando con estos y no requieres largas instalaciones, se instala fácilmente en windows.

    emanuel jesus urquiola amaro

    emanuel jesus urquiola amaro

    student•
    hace 4 años

    🔥 ¡GENIAL! 🔥 . Seria estupendo que para quienes ya tenemos listos algunos cursos para el reto (y tambien para los que acepten el desafio :3), nos dieran un preview de lo que debemos hacer. para comenzar a maquetar y en la proxima clase poder aportar un plus a los compañeros 😬

    Anibal Eduardo Villamil Garcia

    Anibal Eduardo Villamil Garcia

    student•
    hace 4 años

    Alguien tiene la ruta para seguir en este Reto? Muchas gracias

      Miguel Araya Hervas

      Miguel Araya Hervas

      student•
      hace 4 años

      Todos los cursos que se deben tomar están en el post donde te inscribes, #PlatziChallenge: Crea tu Portafolio como Web Developer , yo hice una ruta personalizada para el Challenge pues no se si hay una desde aquí en platzi. Igual aquí estan los cursos a tomar en el orden que dice el post:

      • Curso de Prework: Configuración de Entorno de Desarrollo en Windows

      • Curso Definitivo de HTML y CSS

      • Curso Práctico de HTML y CSS

      • Curso de Responsive Design: Maquetación Mobile First

      • Curso de CSS Grid Básico

      • Curso Básico de JavaScript

      • Curso Práctico de JavaScript

      • Curso de ECMAScript 6+

      • Curso de Manipulación de Arrays en JavaScript

      • Curso de Asincronismo con JavaScript

      • Curso de Consumo de API REST con JavaScript

      • Curso Práctico de Consumo de API REST con JavaScript

      • Curso de Introducción a React.js

      • Curso Profesional de React Hooks

      • Curso de React.js: Manejo Profesional del Estado

      Paula Andrea Sosa Hernández

      Paula Andrea Sosa Hernández

      student•
      hace 4 años
      portafolioplatzichallenge.jpg

      No pude darle compartir pero creo que te puede servir crear así la ruta desde platzi!

    Stephany Kamsteeg Rodiño

    Stephany Kamsteeg Rodiño

    student•
    hace 4 años

    Siempre activos, nunca inactivos!

      Florian Martinez

      Florian Martinez

      student•
      hace 3 años

      Esa es la actitud! Siempre practicar y nunca parar de aprender!

    Kevin Harold Gutierrez Ramirez

    Kevin Harold Gutierrez Ramirez

    student•
    hace 4 años

    Go go powerranger!!!

    Cynthia María Gaffet

    Cynthia María Gaffet

    student•
    hace 4 años

    Hola, como puedo hacer para reducir una foto que subi?

      Cristian Vladimir Solorzano Garcia

      Cristian Vladimir Solorzano Garcia

      student•
      hace 4 años

      Yo le agregue una clase a la img

      Captura.JPG

      y después en style.css la ajuste

      Captura.JPG1.JPG

      Espero te funcione c:

      Diego Alejandro Moreno Pedroza

      Diego Alejandro Moreno Pedroza

      student•
      hace 3 años

      Puedes agregar un identificador a la etiqueta de la foto y llamarlo desde CSS para colocarle un ancho y una altura

    Juan Pablo Arango Sánchez

    Juan Pablo Arango Sánchez

    student•
    hace 4 años

    Compañeros buenos días. Tengo entendido que el código que fueron construyendo en esta clase lo iban a compartir. Es así?. Me podrían ayudar indicándome cómo ubicarlo? Saludos,

      Luigi José del Carpio Mendiola

      Luigi José del Carpio Mendiola

      student•
      hace 4 años

      😃 Hola Juan Pablo. Puedes revisar el código desde aquí: https://github.com/LeoCode0/PlatziChallenge-portafolio-1

      Salud y éxitos 😉👍

    Abraham Corona

    Abraham Corona

    student•
    hace 4 años

    Aún puedo ver el vídeo? Desde ayer estoy intentando verlo

      Anibal Eduardo Villamil Garcia

      Anibal Eduardo Villamil Garcia

      student•
      hace 4 años

      al parecer de toca desde la web, desde la app movil no carga.

      Abraham Corona

      Abraham Corona

      student•
      hace 4 años

      Es verdad, gracias por el dato @anibalvgarcia94

    Arianna Clemente

    Arianna Clemente

    student•
    hace 4 años

    JAJAJAJAJAJA re identificada con la clase de física

    Federico Ivan Llano

    Federico Ivan Llano

    student•
    hace 4 años

    Se me habia terminado la bateria del celular, solo me perdi los ultimos 10 minutos, lo que aprendi y no conocia del todo son los metadatos, como por ejemplo meta description, no lo habia visto en profundidad.

    Ana Mabel Quispe Sirpa

    Ana Mabel Quispe Sirpa

    student•
    hace 4 años

    Gracias por la sesión. <3

    Brandon Xavier López Bernal

    Brandon Xavier López Bernal

    student•
    hace 4 años

    Vamo a darle!

    Diego Alejandro Moreno Pedroza

    Diego Alejandro Moreno Pedroza

    student•
    hace 3 años

    ¿Cómo se puede seleccionar cuál de las fuentes que descargamos es la que voy a usar?

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads