Este curso forma parte de Programa especializado: Frontend Development using React

NIIT StackRoute

ofrecido por

Programa especializado: Frontend Development using React StackRoute de NIIT

Acerca de este Curso

Forms are an essential part of modern-day workflow. They are the primary medium of collecting, validating, and storing user data to provide great user experience.
React library helps in developing forms using controlled components. Alternatively, open-source Libraries like Formik can be used for handling form input validations and form submissions efficiently.
Additionally, React library is supported by React Router library which facilitates developers to rapidly enable  routing between components. 
In this course, you will explore React forms, Formik library and React Router library for creating navigational workflows.

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Curso 7 de 8 en

Programa especializado: Frontend Development using React

Nivel intermedio

Aprox. 10 horas para completar

Inglés (English)

Subtítulos: Inglés (English)

Qué aprenderás

Create forms and complex navigational workflows using React libraries

Habilidades que obtendrás

Formik
React Router

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Curso 7 de 8 en

Programa especializado: Frontend Development using React

Nivel intermedio

Aprox. 10 horas para completar

Inglés (English)

Subtítulos: Inglés (English)

Instructor

NIIT StackRoute

1805 alumnos

13 cursos

ofrecido por

StackRoute de NIIT

Established in 1981, NIIT offers Managed Training Services to market-leading companies in 30 countries worldwide. NIIT’s comprehensive suite of Managed Training Services includes bespoke curriculum design and content development, learning administration, learning delivery, strategic sourcing, learning technology, and advisory services.

Programa - Qué aprenderás en este curso

Semana

Semana 1

3 horas para completar

Building Forms in React

"Forms are an integral part of any modern-day workflow. They help in building interactive web applications that allow users to provide the required inputs. React uses two different approaches to capture and validate user inputs.

3 horas para completar

10 videos (Total 33 minutos), 2 lecturas, 2 cuestionarios

10 videos

Context Setting1m

Create Controlled Components to Implement React Forms3m

Watch and Repeat : Build React Forms using Controlled Components3m

Build Uncontrolled Components to handle Forms6m

Watch and Repeat : Build React Forms using Uncontrolled Components3m

Manage Validations and Error Messages in React Forms1m

Watch and Repeat : Validate React Forms using Custom Validation6m

Practice Brief1m

Practice Debrief2m

Learning Consolidation1m

2 lecturas

Instructions to upload the Programming Assignment Solution10m

Building Forms in React10m

1 ejercicio de práctica

Building Forms in React30m

Semana

Semana 2

2 horas para completar

Building Forms in React using Formik

"When forms become large, they complicate the task of tracking and accessing control states. Formik library helps in getting the values in and out of the form state, performs validations on user inputs and handles form submissions.

2 horas para completar

9 videos (Total 31 minutos), 1 lectura, 2 cuestionarios

9 videos

Context Setting2m

Explain getting values IN and OUT of Form state using Formik9m

Create Custom Validations using Formik3m

Watch and Repeat : Build React Forms using Formik Library3m

Manage Validations and Error Messages using Yup2m

Watch and Repeat : Validate React Forms using Yup4m

Practice Brief1m

Practice Debrief2m

Learning Consolidation1m

1 lectura

Building Forms in React using Formik10m

1 ejercicio de práctica

Building Forms in React using Formik30m

Semana

Semana 3

5 horas para completar

Navigate between views using React Routers

"When users perform application tasks in Single Page Application (SPA), they are required to move between different views of the application. In SPA, the views corresponding to the components are shown or hidden to users instead of requesting the server for a new page. React library does not come with an inbuilt support for routing. Hence external React Router library is used to implement routing.

5 horas para completar

13 videos (Total 38 minutos), 1 lectura, 3 cuestionarios

13 videos

Context Setting2m

Create Route enabled React Web Application4m

Watch and Repeat : Configure React Router for React Application4m

Explain Loading Components Dynamically using the React Router configuration1m

Watch and Repeat : Use React Router And Make Application Navigable4m

Create Nested Routes with Route Parameters1m

Watch and Repeat : Configure Nested Routes and Route with Parameter5m

Define Wildcard Route Navigation1m

Practice Brief1m

Practice Debrief2m

Challenge Brief3m

Challenge Debrief3m

Learning Consolidation1m

1 lectura

Navigate between views using React Routers10m

1 ejercicio de práctica

Navigate between views using React Routers30m

Acerca de Programa especializado: Frontend Development using React

If innovation and creativity in technology attracts you and developing impressive webpages are your passion, then this specialization is for you.

Front-end developers are skilled professionals who are experts in combining the art of designing with the science of programming. The skills acquired in this field presents copious opportunities for individuals like you in the field of web application development. This Specialization transforms learners with no programming background into front-end Web developers who can build highly engaging consumer-facing, rich front-end Single Page Application (SPA).

Preguntas Frecuentes

¿Cuándo podré acceder a las lecciones y tareas?
El acceso a las clases y las asignaciones depende del tipo de inscripción que tengas. Si tomas un curso en modo de oyente, verás la mayoría de los materiales del curso en forma gratuita. Para acceder a asignaciones calificadas y obtener un certificado, deberás comprar la experiencia de Certificado, ya sea durante o después de participar como oyente. Si no ves la opción de oyente:
es posible que el curso no ofrezca la opción de participar como oyente. En cambio, puedes intentar con una Prueba gratis o postularte para recibir ayuda económica.
Es posible que el curso ofrezca la opción 'Curso completo, sin certificado'. Esta opción te permite ver todos los materiales del curso, enviar las evaluaciones requeridas y obtener una calificación final. También significa que no podrás comprar una experiencia de Certificado.
¿Qué recibiré si me suscribo a este Programa especializado?
Cuando te inscribes en un curso, obtienes acceso a todos los cursos que forman parte del Programa especializado y te darán un Certificado cuando completes el trabajo. Se añadirá tu Certificado electrónico a la página Logros. Desde allí, puedes imprimir tu Certificado o añadirlo a tu perfil de LinkedIn. Si solo quieres leer y visualizar el contenido del curso, puedes auditar el curso sin costo.
¿Hay ayuda económica disponible?
Sí. En ciertos programas de aprendizaje, puedes postularte para recibir ayuda económica o una beca en caso de no poder costear los gastos de la tarifa de inscripción. Si hay ayuda económica o becas disponibles para tu selección de programa de aprendizaje, verás un enlace para postularte en la página de descripción.

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

Building Navigational Workflows Using React