• für für Einzelpersonen
  • für Unternehmen
  • für für Hochschulen
  • für Behörden
Coursera
  • Online-Abschlüsse
  • Jobs
  • Anmelden
  • Kostenlose Teilnahme
    Coursera
    Meta
    Proyecto final para desarrolladores de Front-End
    • Info
    • Ergebnisse
    • Module
    • Empfehlungen
    • Referenzen
    • Bewertungen
    1. Blättern
    2. Computer Science
    3. Mobile and Web Development

    Diese kurs ist nicht verfügbar in Deutsch (Deutschland)

    Wir übersetzen es in weitere Sprachen.
    Meta

    Proyecto final para desarrolladores de Front-End

    Dieser Kurs ist Teil von Desarrollador front-end de Meta (berufsbezogenes Zertifikat)

    Taught by Meta Staff

    Dozent: Taught by Meta Staff

    Bei Coursera Plus enthalten

    •Mehr erfahren
    4 Module
    Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
    Stufe Mittel

    Empfohlene Erfahrung

    Empfohlene Erfahrung

    Stufe „Mittel“

    Learners need prior Front-end developer experience to complete this course.

    Es dauert 24 Stunden
    3 Wochen bei 8 Stunden pro Woche
    Flexibler Zeitplan
    In Ihrem eigenen Lerntempo lernen

    4 Module
    Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
    Stufe Mittel

    Empfohlene Erfahrung

    Empfohlene Erfahrung

    Stufe „Mittel“

    Learners need prior Front-end developer experience to complete this course.

    Es dauert 24 Stunden
    3 Wochen bei 8 Stunden pro Woche
    Flexibler Zeitplan
    In Ihrem eigenen Lerntempo lernen
    • Info
    • Ergebnisse
    • Module
    • Empfehlungen
    • Referenzen
    • Bewertungen

    Was Sie lernen werden

    • Diseñar y aplicar estilo a una interfaz de usuario (UI) adaptable

    • Demostrar una codificación limpia y sin errores

    • Utilizar componentes de React para crear múltiples vistas

    • Crear un Front-end de sitio web usando React JS y JavaScript

    Kompetenzen, die Sie erwerben

    • Kategorie: React.js
      React.js
    • Kategorie: HTML and CSS
      HTML and CSS
    • Kategorie: Semantic Web
      Semantic Web
    • Kategorie: Front-End Web Development
      Front-End Web Development
    • Kategorie: User Experience
      User Experience
    • Kategorie: Web Development
      Web Development
    • Kategorie: Web Content Accessibility Guidelines
      Web Content Accessibility Guidelines
    • Kategorie: Responsive Web Design
      Responsive Web Design
    • Kategorie: User Interface (UI)
      User Interface (UI)
    • Kategorie: Code Review
      Code Review
    • Kategorie: Application Development
      Application Development
    • Kategorie: Usability
      Usability
    • Kategorie: Web Design
      Web Design

    Wichtige Details

    Zertifikat zur Vorlage

    Zu Ihrem LinkedIn-Profil hinzufügen

    Bewertungen

    41 Aufgaben

    Unterrichtet in Spanisch

    Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

    Weitere Informationen zu Coursera für Unternehmen
     Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

    Erweitern Sie Ihr Fachwissen im Bereich Mobile and Web Development

    Dieser Kurs ist Teil der Spezialisierung Desarrollador front-end de Meta (berufsbezogenes Zertifikat)
    Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für dieses berufsbezogene Zertifikat angemeldet.
    • Lernen Sie neue Konzepte von Branchenexperten
    • Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
    • Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
    • Erwerben Sie ein Berufszertifikat von Meta zur Vorlage
    Coursera-Karrierezertifikat

    Erwerben Sie ein Karrierezertifikat.

    Fügen Sie diese Qualifikation zur Ihrem LinkedIn-Profil oder Ihrem Lebenslauf hinzu.

    Teilen Sie es in den sozialen Medien und in Ihrer Leistungsbeurteilung.

    Coursera-Karrierezertifikat

    In diesem Kurs gibt es 4 Module

    El proyecto final le permite demostrar múltiples habilidades del Certificado a través de la resolución de un problema auténtico del mundo real. Cada módulo incluye un breve resumen y enlaces al contenido que ha cubierto en cursos anteriores de este programa.

    nEste curso pondrá a prueba sus conocimientos y su comprensión y le proporcionará una plataforma para mostrar las nuevas habilidades que adquirió en el desarrollo web Front-end utilizando React. Durante este curso, se le guiará a través del proceso de creación de una aplicación, para lo cual combinará todas las habilidades y tecnologías que ha aprendido a lo largo de este programa con objeto de resolver el problema en cuestión. Al completar el proyecto final, tendrá una cartera lista para comenzar a trabajar, que puede mostrar a los reclutadores, presentar durante las entrevistas y usar para impresionar a los posibles empleadores. Para completar este curso, necesitará experiencia como desarrollador de Front-end. Además, ¡siempre es bueno tener una actitud positiva!

    En este módulo, comenzará con el proyecto final. Esto incluirá un breve resumen y enlaces al contenido del curso React que ya ha completado.

    Das ist alles enthalten

    4 Videos15 Lektüren9 Aufgaben1 Diskussionsthema

    4 Videos•Insgesamt 12 Minuten
    • Introducción al curso•3 Minuten•Modulvorschau
    • Configuración del proyecto•3 Minuten
    • Planificación de la UX y de la UI•3 Minuten
    • Resumen del módulo: Inicio del proyecto•2 Minuten
    15 Lektüren•Insgesamt 280 Minuten
    • Programa del curso•15 Minuten
    • Cómo tener éxito en este curso•10 Minuten
    • Comprobación del entorno de desarrollo•15 Minuten
    • Recursos adicionales•5 Minuten
    • Resumen: Control de versiones•15 Minuten
    • Ejercicio: Configurar el repositorio•30 Minuten
    • Resumen: Configuración de React•15 Minuten
    • Ejercicio: Configurar el proyecto de React•30 Minuten
    • Ejercicio: Entregar el proyecto•30 Minuten
    • Recursos adicionales•5 Minuten
    • Resumen: Principios de UX y UI•15 Minuten
    • Ejercicio: Wireframing del proyecto•30 Minuten
    • Ejercicio: Diseñar componentes•30 Minuten
    • Ejercicio: Aplicar los fundamentos del diseño en Figma•30 Minuten
    • Recursos adicionales•5 Minuten
    9 Aufgaben•Insgesamt 78 Minuten
    • Prueba del módulo: Inicio del proyecto•30 Minuten
    • Comprobación de preparación: ¿Configuró el repositorio Git?•3 Minuten
    • Comprobación de preparación: ¿Configuró el proyecto React?•3 Minuten
    • Comprobación de preparación: ¿Hizo sus entregas?•3 Minuten
    • Verificación de conocimientos: Configuración del proyecto•15 Minuten
    • Comprobación de preparación: ¿Realizó el wireframe?•3 Minuten
    • Comprobación de preparación: ¿Estableció los diseños de sus componentes clave?•3 Minuten
    • Comprobación de preparación: ¿Estableció una jerarquía tipográfica, las fuentes y los colores usando la guía de estilo?•3 Minuten
    • Verificación de conocimientos: Planificación de la UX y de la UIhe UX and UI•15 Minuten
    1 Diskussionsthema•Insgesamt 10 Minuten
    • Encuentro y saludo•10 Minuten

    En este módulo, usará HTML semántico, metaetiquetas y el protocolo Open Graph para crear una estructura HTML moderna para la aplicación web. También utilizará la cuadrícula CSS y otros estilos CSS para configurar un sitio web receptivo, claro y atractivo.

    Das ist alles enthalten

    4 Videos13 Lektüren13 Aufgaben

    4 Videos•Insgesamt 13 Minuten
    • Configuración de un documento HTML semántico•2 Minuten•Modulvorschau
    • Elementos de estilo•3 Minuten
    • Componentes del proyecto•3 Minuten
    • Resumen del módulo: Fundamentos del proyecto•2 Minuten
    13 Lektüren•Insgesamt 240 Minuten
    • Resumen: HTML semántico•15 Minuten
    • Ejercicio: Configurar el documento HTML•30 Minuten
    • Resumen: Metaetiquetas y protocolo Open Graph•15 Minuten
    • Ejercicio: Agregar metaetiquetas y configurar el OGP•30 Minuten
    • Recursos adicionales•5 Minuten
    • Resumen: Cuadrículas CSS•15 Minuten
    • Ejercicio: Configurar el diseño CSS•30 Minuten
    • Resumen: Elementos de estilo•15 Minuten
    • Ejercicio: Elementos de estilo•30 Minuten
    • Recursos adicionales•5 Minuten
    • Resumen: Conceptos básicos de React•15 Minuten
    • Ejercicio: Configurar los componentes de la aplicación•30 Minuten
    • Recursos adicionales•5 Minuten
    13 Aufgaben•Insgesamt 102 Minuten
    • Cuestionario del módulo: Fundamentos del proyecto•30 Minuten
    • Comprobación de preparación: ¿Configuró un documento HTML semántico?•3 Minuten
    • Comprobación de preparación: ¿Estableció metaetiquetas y datos del protocolo Open Graph?•3 Minuten
    • Comprobación de preparación: ¿Confirmó su avance en Git?•3 Minuten
    • Verificación de conocimientos: Estructura semántica•15 Minuten
    • Comprobación de preparación: ¿Configuró un diseño CSS receptivo?•3 Minuten
    • Comprobación de preparación: ¿Comprobó que los elementos visuales del sitio web coincidan con el diseño de Figma?e website match the Figma design?•3 Minuten
    • Comprobación de preparación: ¿Confirmó su avance en Git?•3 Minuten
    • Verificación de conocimientos: Estilo y capacidad de respuesta•15 Minuten
    • Comprobación de preparación: ¿Configuró los componentes de la aplicación?•3 Minuten
    • Comprobación de preparación: ¿Sus componentes son semánticamente correctos?•3 Minuten
    • Comprobación de preparación: ¿Confirmó su avance en Git?•3 Minuten
    • Verificación de conocimientos: Agregar componentes•15 Minuten

    En este módulo, codificará el sistema de reserva de mesas utilizando React. También explorará la importancia de la UX y de la validación de formularios y escribirá pruebas de unidades. Además, cubrirá la accesibilidad y la evaluación de la usabilidad de UX y UI.

    Das ist alles enthalten

    4 Videos20 Lektüren17 Aufgaben

    4 Videos•Insgesamt 12 Minuten
    • Reservas de mesas por parte de los clientes•3 Minuten•Modulvorschau
    • Consulta de una API de reserva de mesas•3 Minuten
    • La importancia de la UX•2 Minuten
    • Resumen del módulo: Funcionalidad del proyecto•3 Minuten
    20 Lektüren•Insgesamt 420 Minuten
    • Resumen: Estado en React•15 Minuten
    • Resumen: Formularios•15 Minuten
    • Ejercicio: Definir la página Reservas•30 Minuten
    • Ejercicio: Agregar estado de reserva de mesa•30 Minuten
    • Resumen: Pruebas unitarias•15 Minuten
    • Ejercicio: Agregar pruebas unitarias•30 Minuten
    • Recursos adicionales•5 Minuten
    • Resumen: Consulta de API en React•15 Minuten
    • Ejercicio: Conectar la página de reservas a la API•30 Minuten
    • Ejercicio: Enviar la nueva página de reserva a la API•30 Minuten
    • Ejercicio: Actualizar las pruebas unitarias para las consultas de API•30 Minuten
    • Recursos adicionales•5 Minuten
    • Resumen: Validación de formularios•15 Minuten
    • Ejercicio: Agregar validación de formularios•30 Minuten
    • Ejercicio: Agregar pruebas unitarias para la validación y el envío de formularios•30 Minuten
    • Resumen: Accesibilidad•15 Minuten
    • Ejercicio: Garantizar que los usuarios puedan acceder a la aplicación•30 Minuten
    • Resumen: Evaluación de la usabilidad de la UX y la UI•15 Minuten
    • Ejercicio: Evaluación y revisión de la UX•30 Minuten
    • Recursos adicionales•5 Minuten
    17 Aufgaben•Insgesamt 114 Minuten
    • Prueba del módulo: Funcionalidad del proyecto•30 Minuten
    • Comprobación de preparación: ¿Ha configurado un componente para ver las reservas disponibles?•3 Minuten
    • Comprobación de preparación: ¿Compartió el estado de reserva de mesas entre los componentes?•3 Minuten
    • Comprobación de preparación: ¿Sus componentes son semánticamente correctos?•3 Minuten
    • Comprobación de preparación: ¿Ha configurado pruebas unitarias de componentes?•3 Minuten
    • Verificación de conocimientos: Sistema de reserva de mesas•15 Minuten
    • Comprobación de preparación: ¿Su página de reservas utiliza datos "en vivo"?•3 Minuten
    • Comprobación de preparación: ¿El sistema de reserva de mesas funciona de extremo a extremo?to-end?•3 Minuten
    • Comprobación de preparación: ¿Configuró las pruebas unitarias de API?•3 Minuten
    • Comprobación de preparación: ¿Confirmó su avance en Git?•3 Minuten
    • Verificación de conocimientos: Interacción con la API•15 Minuten
    • Comprobación de preparación: ¿Su formulario de reserva valida los datos del usuario?•3 Minuten
    • Comprobación de preparación: ¿Configuró las pruebas unitarias de validación y envío de formularios?•3 Minuten
    • Comprobación de preparación: ¿Su aplicación es accesible?•3 Minuten
    • Comprobación de preparación: ¿Completó la evaluación heurística de la usabilidad?•3 Minuten
    • Comprobación de preparación: ¿Confirmó su avance en Git?•3 Minuten
    • Verificación de conocimientos: Mejorar la experiencia•15 Minuten

    En este módulo, tendrá la oportunidad de realizar una autorrevisión de su proyecto y una revisión entre compañeros de las soluciones de otros estudiantes para la aplicación web reserve-a-table de Little Lemon, mediante la cual evaluará los proyectos en términos de usabilidad, accesibilidad, diseño y código.

    Das ist alles enthalten

    2 Videos3 Lektüren2 Aufgaben1 peer review1 Diskussionsthema

    2 Videos•Insgesamt 6 Minuten
    • Resumen del curso: Proyecto final•3 Minuten•Modulvorschau
    • ¡Felicidades, ha completado el Proyecto final!•3 Minuten
    3 Lektüren•Insgesamt 50 Minuten
    • Acerca de la evaluación del proyecto final•15 Minuten
    • Solución: Reservar una mesa en el sitio web de Little Lemon•30 Minuten
    • Próximos pasos•5 Minuten
    2 Aufgaben•Insgesamt 60 Minuten
    • Cuestionario final calificado•30 Minuten
    • Comprobación de preparación: Prepararse para entregar el proyecto•30 Minuten
    1 peer review•Insgesamt 60 Minuten
    • Reservar una mesa en el sitio web de Little Lemon•60 Minuten
    1 Diskussionsthema•Insgesamt 10 Minuten
    • Reflexionar sobre el aprendizaje•10 Minuten

    Dozent

    Taught by Meta Staff
    Taught by Meta Staff
    Meta
    129 Kurse•1.096.771 Lernende

    von

    Meta

    von

    Meta

    Meta builds technologies that help people connect with friends and family, find communities, and grow businesses. The Meta Professional Certificates create opportunities so that anyone regardless of education, background or experience can learn high-quality skills to land a high-growth career—no degree or experience required to get started. Meta also offers training courses on the metaverse to educate people, brands, businesses and professionals on the opportunities it presents and what it means for our world today and into the future.

    Mehr von Mobile and Web Development entdecken

    • M

      Meta

      Introduction to Front-End Development

      Kurs

    • S

      Scrimba

      Frontend Development

      Spezialisierung

    Warum entscheiden sich Menschen für Coursera für ihre Karriere?

    Felipe M.
    Lernender seit 2018
    „Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“
    Jennifer J.
    Lernender seit 2020
    „Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“
    Larry W.
    Lernender seit 2021
    „Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“
    Chaitanya A.
    „Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“
    Coursera Plus

    Neue Karrieremöglichkeiten mit Coursera Plus

    Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten

    Mehr erfahren

    Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.

    Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online

    Erkunden Sie die Abschlüsse

    Schließen Sie sich mehr als 3.400 Unternehmen in aller Welt an, die sich für Coursera for Business entschieden haben.

    Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.

    Mehr erfahren

    Häufig gestellte Fragen

    Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:

    • The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.

    • The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

    When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

    If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don’t give refunds, but you can cancel your subscription at any time. See our full refund policyWird auf einer neuen Registerkarte geöffnet.

    Weitere Fragen

    Besuchen Sie die das Hilfe-Center für Kursteilnehmer.

    Finanzielle Unterstützung verfügbar,

    Coursera-Fußzeile

    Technical Skills

    • ChatGPT
    • Coding
    • Computer Science
    • Cybersecurity
    • DevOps
    • Ethical Hacking
    • Generative AI
    • Java Programming
    • Python
    • Web Development

    Analytical Skills

    • Artificial Intelligence
    • Big Data
    • Business Analysis
    • Data Analytics
    • Data Science
    • Financial Modeling
    • Machine Learning
    • Microsoft Excel
    • Microsoft Power BI
    • SQL

    Business Skills

    • Accounting
    • Digital Marketing
    • E-commerce
    • Finance
    • Google
    • Graphic Design
    • IBM
    • Marketing
    • Project Management
    • Social Media Marketing

    Career Resources

    • Essential IT Certifications
    • High-Income Skills to Learn
    • How to Get a PMP Certification
    • How to Learn Artificial Intelligence
    • Popular Cybersecurity Certifications
    • Popular Data Analytics Certifications
    • What Does a Data Analyst Do?
    • Career Development Resources
    • Career Aptitude Test
    • Share your Coursera Learning Story

    Coursera

    • Info
    • Was wir anbieten
    • Leitung
    • Jobs
    • Katalog
    • Coursera Plus
    • Berufsbezogene Zertifikate
    • MasterTrack® Certificates
    • Abschlüsse
    • Für Unternehmen
    • Für Regierungen
    • Für Campus
    • Werden Sie Partner
    • Soziale Auswirkung
    • Free Courses
    • ECTS Credit Recommendations

    Community

    • Kursteilnehmer
    • Partner
    • Beta-Tester
    • Blog
    • Der Coursera-Podcast
    • Tech-Blog
    • Lehrzentrum

    Mehr

    • Presse
    • Anleger
    • Nutzungsbedingungen/AGB
    • Datenschutz
    • Hilfe
    • Barrierefreiheit
    • Kontakt
    • Artikel
    • Verzeichnis
    • Partnerunternehmen
    • Stellungnahme zu moderner Sklaverei
    • Cookie-Einstellungen verwalten
    Überall lernen
    Aus dem App Store herunterladen
    Erhältlich bei Google Play
    Logo von Certified B Corporation
    © 2025 Coursera Inc. Alle Rechte vorbehalten.
    • Coursera Facebook
    • Coursera LinkedIn
    • Coursera Twitter
    • Coursera YouTube
    • Coursera Instagram
    • Coursera auf TikTok
    Coursera

    Willkommen zurück

    ​
    Ihr Passwort ist ausgeblendet
    ​

    oder

    Neu bei Coursera?


    Sie haben Schwierigkeiten bei der Anmeldung? Learner Help Center

    Diese Seite ist durch reCAPTCHA Enterprise geschützt. Es gelten die Datenschutzerklärung und Nutzungsbedingungen von Google.