Ce cours fait partie de la Spécialisation Frontend Development using React

NIIT StackRoute

Offert par

Spécialisation Frontend Development using React StackRoute, NIIT

À propos de ce cours

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.

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.

Certificat partageable

Obtenez un Certificat lorsque vous terminez

100 % en ligne

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.

Cours 7 sur 8 dans le

Spécialisation Frontend Development using React

Niveau intermédiaire

Approx. 10 heures pour terminer

Anglais

Sous-titres : Anglais

Ce que vous allez apprendre

Create forms and complex navigational workflows using React libraries

Compétences que vous acquerrez

Formik
React Router

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.

Certificat partageable

Obtenez un Certificat lorsque vous terminez

100 % en ligne

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.

Cours 7 sur 8 dans le

Spécialisation Frontend Development using React

Niveau intermédiaire

Approx. 10 heures pour terminer

Anglais

Sous-titres : Anglais

Enseignant

NIIT StackRoute

1 841 étudiants

13 cours

Offert par

StackRoute, 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.

Programme de cours : ce que vous apprendrez dans ce cours

Semaine

Semaine 1

3 heures pour terminer

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 heures pour terminer

10 vidéos (Total 33 min), 2 lectures, 2 quiz

10 vidéos

Context Setting1 min

Create Controlled Components to Implement React Forms3 min

Watch and Repeat : Build React Forms using Controlled Components3 min

Build Uncontrolled Components to handle Forms6 min

Watch and Repeat : Build React Forms using Uncontrolled Components3 min

Manage Validations and Error Messages in React Forms1 min

Watch and Repeat : Validate React Forms using Custom Validation6 min

Practice Brief1 min

Practice Debrief2 min

Learning Consolidation1 min

2 lectures

Instructions to upload the Programming Assignment Solution10 min

Building Forms in React10 min

1 exercice pour s'entraîner

Building Forms in React30 min

Semaine

Semaine 2

2 heures pour terminer

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 heures pour terminer

9 vidéos (Total 31 min), 1 lecture, 2 quiz

9 vidéos

Context Setting2 min

Explain getting values IN and OUT of Form state using Formik9 min

Create Custom Validations using Formik3 min

Watch and Repeat : Build React Forms using Formik Library3 min

Manage Validations and Error Messages using Yup2 min

Watch and Repeat : Validate React Forms using Yup4 min

Practice Brief1 min

Practice Debrief2 min

Learning Consolidation1 min

1 lecture

Building Forms in React using Formik10 min

1 exercice pour s'entraîner

Building Forms in React using Formik30 min

Semaine

Semaine 3

5 heures pour terminer

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 heures pour terminer

13 vidéos (Total 38 min), 1 lecture, 3 quiz

13 vidéos

Context Setting2 min

Create Route enabled React Web Application4 min

Watch and Repeat : Configure React Router for React Application4 min

Explain Loading Components Dynamically using the React Router configuration1 min

Watch and Repeat : Use React Router And Make Application Navigable4 min

Create Nested Routes with Route Parameters1 min

Watch and Repeat : Configure Nested Routes and Route with Parameter5 min

Define Wildcard Route Navigation1 min

Practice Brief1 min

Practice Debrief2 min

Challenge Brief3 min

Challenge Debrief3 min

Learning Consolidation1 min

1 lecture

Navigate between views using React Routers10 min

1 exercice pour s'entraîner

Navigate between views using React Routers30 min

À propos du Spécialisation 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).

Foire Aux Questions

Quand aurai-je accès aux vidéos de cours et aux devoirs ?
L’accès à des vidéos de cours et des devoirs dépend de votre type d’inscription. Si vous suivez un cours en mode auditeur libre, vous pourrez voir la plupart des contenus de cours gratuitement. Pour accéder aux devoirs notés et obtenir un certificat, vous devrez acheter une expérience de certificat, pendant ou après avoir assister au cours en tant qu’auditeur libre. Si vous ne visualisez pas l’option auditeur libre :
Il est possible que le cours ne propose pas d’option auditeur libre. Vous pouvez en revanche accéder à un essai gratuit ou faire une demande d'aide financière.
Le cours propose peut-être « Cours complet, aucun certificat » à la place. Cette option vous permet de voir tous les contenus de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cependant, vous ne pourrez pas acheter une expérience de certificat.
À quoi ai-je droit si je m'abonne à cette Spécialisation ?
Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.
Une aide financière est-elle possible ?
Oui. Dans certains programmes d’apprentissage, vous pouvez demander une aide financière ou une bourse d’études si vous ne pouvez pas payer les frais d’inscription. Si une aide financière ou une bourse d’études est disponible pour le programme d’apprentissage choisi, vous trouverez un lien pour faire une demande sur la page de description.

D'autres questions ? Visitez le Centre d'Aide pour les Étudiants.

Building Navigational Workflows Using React