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

1757 vistas recientes

A user experience is built upon a user’s experiences and interactions with a product, system, or service. Providing high quality digital experiences in a web application involves writing CSS codes which focus on display, navigation, actions, input, and communication. However, CSS has its own set of challenges which can be addressed using Material UI design library. 
This course will enable you to use CSS-in-JS and work with design systems like Material UI to quickly develop high quality React applications.

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 6 de 8 en

Programa especializado: Frontend Development using React

Nivel intermedio

Aprox. 8 horas para completar

Inglés (English)

Subtítulos: Inglés (English)

Qué aprenderás

Design high quality user interfaces with Material UI library

Habilidades que obtendrás

Material UI
CSS-in-JS

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 6 de 8 en

Programa especializado: Frontend Development using React

Nivel intermedio

Aprox. 8 horas para completar

Inglés (English)

Subtítulos: Inglés (English)

Instructor

NIIT StackRoute

2028 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

Style React Components Using Modern CSS Techniques

"Cascading Style Sheets (CSS) is a style language that enables separation of presentation and content, including layouts, colors and fonts. Styling of React component systems are made easy by enhancing CSS using styled-components. As a developer, you will be able to use the skills of ECMA Script 6 (ES6) and CSS to style the apps without stress using the styled components.

3 horas para completar

12 videos (Total 32 minutos), 2 lecturas, 2 cuestionarios

12 videos

Context Setting1m

Style a React Component using an External StyleSheet3m

Watch and Repeat : Adding Styles to React Component using External CSS file3m

Make use of a CSS Module to Style a React Component 2m

Watch and Repeat : Adding Styles to React Component using CSS file as module2m

Apply Inline Styles to React Components1m

Watch and Repeat : Adding Styles to React Component using Inline Style1m

Style a React Component using Styled-Component Module which follows CSS in JavaScript Pattern5m

Watch and Repeat : Apply CSS-in-JS concept in React Component 2m

Practice Brief4m

Practice Debrief2m

Learning Consolidation43s

2 lecturas

Instructions to upload the Programming Assignment Solution10m

Style React Components using Modern CSS Techniques10m

1 ejercicio de práctica

Style React Components using Modern CSS Techniques30m

Semana

Semana 2

6 horas para completar

Style React Components Using Material Design System

"Today, the need of the hour is to create engaging user-centric applications to provide high quality digital experiences to the end users. Material Design is a design language that helps developers to quickly build apps that are responsive, usable and scalable.

6 horas para completar

20 videos (Total 52 minutos), 1 lectura, 3 cuestionarios

20 videos

Context Setting1m

Material Design Philosophy3m

Watch and Repeat : How to Install Material and use it’s Prebuilt Component in React App5m

Layout Components2m

Watch and Repeat : Implementing Layout Component of Material3m

Input Components1m

Watch and Repeat : Implementing Input Components of Material3m

Navigation Components1m

Watch and Repeat : Implementing Navigational Components of Material2m

Surface Components2m

Watch and Repeat : Implementing Surface Components of Material1m

Theming Components3m

Watch and Repeat : Implementing Custom Theme in Material Design2m

Material UI Hooks, HOCs2m

Watch and Repeat : Customizing Material prebuilt Components using Hooks and API3m

Practice Brief2m

Practice Debrief 1m

Challenge Brief4m

Challenge Debrief1m

Learning Consolidation1m

1 lectura

Style React Components using Material Design System10m

1 ejercicio de práctica

Style React Components using Material Design System30m

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 High Quality User Experience Using Material UI