CursosEmpresasBlogLiveConfPrecios

Prueba técnica de Frontend Developer con JavaScript

Clase 3 de 5 • Prueba Técnica: Desarrollo Frontend con JavaScript

Clase anteriorSiguiente clase

Contenido del curso

Preparación para la prueba

  • 1
    Requisitos para presentar pruebas técnicas con JavaScript

    Requisitos para presentar pruebas técnicas con JavaScript

    01:31 min
  • 2
    Setup de la prueba

    Setup de la prueba

    02:11 min
  • 3
    Prueba técnica de Frontend Developer con JavaScript

    Prueba técnica de Frontend Developer con JavaScript

    Viendo ahora

Solución de la prueba

  • 4
    Code review

    Code review

    02:58 min
  • 5
    Próximos pasos

    Próximos pasos

    00:48 min
Tomar examen
    N40 M10

    N40 M10

    student•
    hace 3 años

    Sugerencia de alguien que reviso hasta la última línea de código de la prueba:

    • Todo depende el localStorage, crea la lógica de tu localStorage desde el principio o no corras las pruebas hasta que logres el punto 7, no le creas a la descripción del repositorio, más allá de la interactividad y de ser necesario lee el código de la prueba 2e2.

    Suerte.

      Israel Blas

      Israel Blas

      student•
      hace 3 años

      Te di like para que tu comentario salga más arriba, me estaba estresando que no saliera los test que ya había hecho hasta que probe colocandole el nombre correcto en la parte de localStorage al final leyendo todo el repo me di cuenta porque no salia.

    Eddy Arellanes

    Eddy Arellanes

    student•
    hace 3 años

    Para los commits les recomiendo que usen los conventions :thumbsup: https://www.conventionalcommits.org/en/v1.0.0/

    Josue Samuel Castillo Cetino

    Josue Samuel Castillo Cetino

    student•
    hace 3 años

    Así fue mi prueba técnica para la empresa en la que laboro actualmente.

      Ismael López

      Ismael López

      student•
      hace 3 años

      En tu experiencia ¿Cuanto tiempo dan para resolverlo?

      Andres Robles

      Andres Robles

      student•
      hace 3 años

      Fue con vanilla js?, que conocimientos te pedieron tener?

    Victor Baruch Pazaran Jaimes

    Victor Baruch Pazaran Jaimes

    student•
    hace 3 años

    Me di cuenta que hay un error, en los elementos "main" y "footer" no tienen asignado un id, solo sus respectivas clases

    En las instrucciones dice que los elementos con esos IDs deben ocultarse, no se si sea un error de dedo o nosotros tenemos que asignarlas (es sencillo, pero confunde un poco)

    Pedro Andrés Chaparro Quintero

    Pedro Andrés Chaparro Quintero

    student•
    hace 3 años

    Suena muy bien 🤩, justo hace poco había visto los retos de #PlatziRetos y me preguntaba si harían algo similar.

    Ricardo Alfonso Chavez Vilcapoma

    Ricardo Alfonso Chavez Vilcapoma

    student•
    hace 3 años

    Hoy Domingo 28 de Mayo del 2023 a las 17:45 inicio esta prueba.

    Jefferson Ramos

    Jefferson Ramos

    student•
    hace 3 años

    Las pruebas e2e son muy propensas a fallar. No se preocupen si les marca errores al correr la prueba e2e, por ejemplo:

    e2eDisfuncionales.png

    Entiendo que es complicado programar los tests e2e ante la gran variedad de soluciones que puede haber para los distintos problemas que se presentan en este laboratorio. Aquí está mi proyecto para que vean y comprueben que funciona aunque aparentemente las pruebas e2e digan que todo está mal.

    Daniel Velásquez

    Daniel Velásquez

    student•
    hace 3 años

    Hola. Por favor su ayuda. Al correr el comando npm run e2e y al final dice que no encontró pruebas:

    Error: e2e\app.spec.js:4:6: Playwright Test did not expect test.beforeEach() to be called here. Most common reasons include: - You are calling test.beforeEach() in a configuration file. - You are calling test.beforeEach() in a file that is imported by the configuration file. - You have two different versions of @playwright/test. This usually happens when one of the dependencies in your package.json depends on @playwright/test. at ..\node_modules\@playwright\test\lib\util.js:221 219 | 220 | function errorWithLocation(location, message) { > 221 | return new Error(`${formatLocation(location)}: ${message}`); | ^ 222 | } 223 | 224 | function expectTypes(receiver, types, matcherName) { at errorWithLocation (C:\Personal\platzi\Development\laboratorio-mydayapp-js\node_modules\@playwright\test\lib\util.js:221:10) at TestTypeImpl._ensureCurrentSuite (C:\Personal\platzi\Development\laboratorio-mydayapp-js\node_modules\@playwright\test\lib\testType.js:79:41) at TestTypeImpl._hook (C:\Personal\platzi\Development\laboratorio-mydayapp-js\node_modules\@playwright\test\lib\testType.js:134:24) at Function.beforeEach (C:\Personal\platzi\Development\laboratorio-mydayapp-js\node_modules\@playwright\test\lib\transform.js:269:12) at Object.<anonymous> (C:\Personal\platzi\Development\laboratorio-mydayapp-js\e2e\app.spec.js:4:6) ================= no tests found. =================
    Carlos López

    Carlos López

    student•
    hace 3 años

    Estoy teniendo problemas, ya implemente todas las funcionalidades pero mi aplicación no pasa algunas pruebas de e2e. Dejo mi github: https://github.com/carlosmlopez066/laboratorio-mydayapp-js/tree/develop

    las pruebas que no pasan:

    Screenshot_20230112_084055.png

      Carlos López

      Carlos López

      student•
      hace 3 años

      supongo que estoy haciendo algo mal, pero no logro identificar que es. Mientras seguiré intentando para ver si doy con la solución

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