Acerca de este Curso

488,888 vistas recientes

Resultados profesionales del estudiante

28%

comenzó una nueva carrera después de completar estos cursos

32%

consiguió un beneficio tangible en su carrera profesional gracias a este curso

25%

consiguió un aumento de sueldo o ascenso
Certificado para compartir
Obtén un certificado al finalizar
100 % en línea
Comienza de inmediato y aprende a tu propio ritmo.
Fechas límite flexibles
Restablece las fechas límite en función de tus horarios.
Nivel intermedio
Aprox. 36 horas para completar
Inglés (English)

Resultados profesionales del estudiante

28%

comenzó una nueva carrera después de completar estos cursos

32%

consiguió un beneficio tangible en su carrera profesional gracias a este curso

25%

consiguió un aumento de sueldo o ascenso
Certificado para compartir
Obtén un certificado al finalizar
100 % en línea
Comienza de inmediato y aprende a tu propio ritmo.
Fechas límite flexibles
Restablece las fechas límite en función de tus horarios.
Nivel intermedio
Aprox. 36 horas para completar
Inglés (English)

ofrecido por

Placeholder

Universidad Científica y Tecnológica de Hong Kong

Programa - Qué aprenderás en este curso

Calificación del contenidoThumbs Up96%(17,195 calificaciones)Info
Semana
1

Semana 1

10 horas para completar

Introduction to React

10 horas para completar
21 videos (Total 234 minutos), 23 lecturas, 2 cuestionarios
21 videos
How to Use the Learning Resources10m
What is Full-Stack Web Development?5m
Exercise (Video): Setting up Git6m
Exercise (Video): Basic Git Commands18m
Exercise (Video): Online Git Repositories12m
Node.js and NPM3m
Exercise (Video): Setting up Node.js and NPM2m
Exercise (Video): Basics of Node.js and NPM23m
Front-end JavaScript Frameworks and Libraries Overview12m
Introduction to React8m
Exercise (Video): Getting Started with React9m
React App Overview16m
Introduction to JSX5m
Exercise (Video): Configuring your React Application9m
React Components3m
Exercise (Video): React Components Part 124m
React Components: State and Props9m
Exercise (Video): React Components Part 222m
React Components: Lifecycle Methods Part 114m
Assignment 1 Requirements (Video): React Components5m
23 lecturas
Welcome to Front-End Web Development with React: Additional Resources10m
Full-Stack Web Development: The Big Picture: Objectives and Outcomes10m
Full Stack Web Development: Additional Resources10m
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10m
Setting up your Development Environment10m
Exercise (Instructions): Setting up Git10m
Exercise (Instructions): Basic Git Commands10m
Exercise (Instructions): Online Git Repositories10m
Exercise (Instructions): Setting up Node.js and NPM10m
Exercise (Instructions): Basics of Node.js and NPM10m
Setting up your Development Environment: Git and Node: Additional Resources10m
Introduction to React: Objectives and Outcomes10m
Exercise (Instructions): Getting Started with React10m
Exercise (Instructions): Configuring your React Application10m
Introduction to React: Additional Resources10m
React Components: Objectives and Outcomes10m
Exercise (Instructions): React Components Part 110m
Exercise (Instructions): React Components Part 210m
React Components: Additional Resources10m
Assignment 1: React Components: Additional Resources10m
Ideation: Objectives and Outcomes10m
Ideation Report Template10m
Ideation: Additional Resources10m
Semana
2

Semana 2

8 horas para completar

React Router and Single Page Applications

8 horas para completar
14 videos (Total 191 minutos), 16 lecturas, 2 cuestionarios
14 videos
Exercise (Video): Presentational and Container Components21m
React Components: Lifecycle Methods Part 28m
Functional Components3m
Exercise (Video): Functional Components14m
React Virtual DOM6m
Exercise (Video): Header and Footer17m
React Router8m
Exercise (Video): React Router36m
Single Page Applications9m
Exercise (Video): Single Page Applications Part 123m
React Router: Parameters6m
Exercise (Video): Single Page Applications Part 223m
Assignment 2: React Router and Single Page Applications4m
16 lecturas
React Component Types: Objectives and Outcomes10m
Exercise (Instructions): Presentational and Container Components10m
Exercise (Instructions): Functional Components10m
React Component Types: Additional Resources10m
React Router: Objectives and Outcomes10m
Exercise (Instructions): Header and Footer10m
Exercise (Instructions): React Router10m
React Router: Additional Resources10m
Single Page Applications: Objectives and Outcomes10m
Exercise (Instructions): Single Page Applications Part 110m
Exercise (Instructions): Single Page Applications Part 210m
Single Page Applications: Additional Resources10m
Assignment 2: React Router and Single Page Applications: Additional Resources10m
UI Design and Prototyping: Objectives and Outcomes10m
UI Design and Prototyping Report Template10m
UI Design and Prototyping: Additional Resources10m
Semana
3

Semana 3

7 horas para completar

React Forms, Flow Architecture and Introduction to Redux

7 horas para completar
13 videos (Total 188 minutos), 15 lecturas, 1 cuestionario
13 videos
Exercise (Video): Controlled Forms35m
Exercise (Video): Controlled Form Validation23m
Uncontrolled Components2m
Exercise (Video): Uncontrolled Forms17m
The Model-View-Controller Framework7m
The Flux Architecture11m
Introduction to Redux20m
Exercise (Video): Introduction to Redux23m
React Redux Forms4m
Exercise (Video): React Redux Form13m
Exercise (Video): React Redux Form Validation15m
Assignment 3: React Forms and Redux5m
15 lecturas
Controlled Forms: Objectives and Oute10m
Exercise (Instructions): Controlled Forms10m
Exercise (Instructions): Controlled Form Validation10m
Controlled Forms: Additional Resources10m
Uncontrolled Forms: Objectives and Outcomes10m
Exercise (Instructions): Uncontrolled Forms10m
Uncontrolled Forms: Additional Resources10m
Introduction to Redux: Objectives and Outcomes10m
Exercise (Instructions): Introduction to Redux10m
Introduction to Redux: Additional Resources10m
React Redux Form: Objectives and Outcomes10m
Exercise (Instructions): React Redux Form10m
Exercise (Instructions): React Redux Form Validation10m
React Redux Form: Additional Resources10m
Assignment 3: React Forms and Redux: Additional Resources10m
Semana
4

Semana 4

12 horas para completar

More Redux and Client-Server Communication

12 horas para completar
20 videos (Total 312 minutos), 26 lecturas, 2 cuestionarios
20 videos
Exercise (Video): Combining Reducers9m
Exercise (Video): Redux Actions24m
Redux Thunk10m
Exercise (Video): Redux Thunk50m
Exercise (Video): React-Redux-Form Revisited12m
Networking Essentials17m
Brief Representational State Transfer (REST)16m
Exercise (Video): Setting up a Server using json-server6m
Promises10m
Fetch20m
Exercise (Video): Fetch from Server33m
Exercise (Video): Fetch Handling Errors15m
Exercise (Video): Fetch Post Comment18m
React Animations13m
Exercise (Video): React Animations9m
Exercise (Video): React Animation Components9m
Assignment 4: Redux, Client-Server Communication and Fetch4m
Introduction to Webpack7m
Exercise (Video): Building and Deploying the React Application11m
26 lecturas
Redux Actions: Objectives and Outcomes10m
Exercise (Instructions): Combining Reducers10m
Exercise (Instructions): Redux Actions10m
Redux Actions: Additional Resources10m
Redux Thunk: Objectives and Outcomes10m
Exercise (Instructions): Redux Thunk10m
Exercise (Instructions): React-Redux-Form Revisited10m
Redux Thunk: Additional Resources10m
Client-Server Communication: Objectives and Outcomes10m
Exercise (Instructions): Setting up a Server using json-server10m
Client-Server Communication: Additional Resources10m
Fetch: Objectives and Outcomes10m
Exercise (Instructions): Fetch from Server10m
Exercise (Instructions): Fetch Handling Errors10m
Exercise (Instructions): Fetch Post Comment10m
Fetch: Additional Resources10m
React Animations: Objectives and Outcomes10m
Exercise (Instructions): React Animations10m
Exercise (Instructions): React Animation Components10m
React Animations: Additional Resources10m
Assignment 4: Redux, Client-Server Communication and Fetch: Additional Resources10m
Building and Deployment: Objectives and Outcomes10m
Exercise (Instructions): Building and Deploying the React Application10m
Building and Deployment: Additional Resources10m
Project Implementation: Objectives and Outcomes10m
Final Report Template10m

Reseñas

Principales reseñas sobre FRONT-END WEB DEVELOPMENT WITH REACT

Ver todas las reseñas

Acerca de Programa especializado: Full-Stack Web Development with React

Full-Stack Web Development with React

Preguntas Frecuentes

¿Tienes más preguntas? Visita el Centro de Ayuda al Alumno.