This course is part of the IBM Full Stack Software Developer Professional Certificate

4.6
stars
55 ratings

Skills Network

8,552 already enrolled

Offered By

IBM Full Stack Software Developer Professional CertificateIBM Skills Network

About this Course

133,952 recent views

React is one of the most popular frameworks  in the Web and Front-end application Development category.  
In this course, you will   

- build rich Front-End applications with React and ES6  

- connect React components using data and state  

- write rich React components with advanced features like Hooks and Redux  

In addition, you will explore how to access the React web framework user interface (UI) library and run rich React applications. You will find ways to use React components and change their properties and states in a dynamic user interface. You will learn to connect to an external server from a React page. The course introduces different testing tools that you can use to test the component without manual verification. 

Throughout the course, you will complete numerous hands-on labs to gain practical experience. At the end of the course, you will demonstrate your React skills with a final project to add to your portfolio.   

This course will help you succeed as a front-end or full-stack developer. It suits those in IT looking to step up in their careers or new graduates seeking to establish their client-side skills.  

Note: This course requires knowledge of HTML, CSS, JavaScript and Git/GitHub

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Course 4 of 12 in the

IBM Full Stack Software Developer Professional Certificate

Intermediate Level

This course requires knowledge of HTML, CSS, JavaScript and Git/GitHub

Approx. 13 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

What you will learn

Develop interactive user interfaces (UIs) and web applications using React, JSX, and ES6.
Build dynamic websites and front-end applications quickly and easily with reusable React components.
Communicate and exchange data with external services using GET, POST, UPDATE, and DELETE requests.
Employ and work with various React concepts and features including props, states, hooks, forms, and Redux.

Skills you will gain

Web Development
User Interface
React (Web Framework)
Front-end Development
JavaScript

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Course 4 of 12 in the

IBM Full Stack Software Developer Professional Certificate

Intermediate Level

This course requires knowledge of HTML, CSS, JavaScript and Git/GitHub

Approx. 13 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

Instructor

Instructor rating

3.55/5 (11 Ratings)

Skills Network

75,975 Learners

25 Courses

Offered by

IBM Skills Network

IBM is the global leader in business transformation through an open hybrid cloud platform and AI, serving clients in more than 170 countries around the world. Today 47 of the Fortune 50 Companies rely on the IBM Cloud to run their business, and IBM Watson enterprise AI is hard at work in more than 30,000 engagements. IBM is also one of the world’s most vital corporate research organizations, with 28 consecutive years of patent leadership. Above all, guided by principles for trust and transparency and support for a more inclusive society, IBM is committed to being a responsible technology innovator and a force for good in the world.

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

Syllabus - What you will learn from this course

Week1

Week 1

3 hours to complete

Building Rich Front-End Applications with React and ES6

As you become more proficient with JavaScript, you will find that it is a very dynamic language and looks different from the typical object-oriented languages. Now you will discover new features that make developing simpler and faster than older JavaScript capabilities. Explore how to access the React web framework user interface (UI) library and run a simple React application. Find ways to use React components and change their properties and states in a dynamic UI.

3 hours to complete

7 videos (Total 38 min), 3 readings, 4 quizzes

7 videos

Course Introduction3mIntroduction to Front-End Frameworks and React6mInsiders Viewpoints: Front-end Frameworks3mIntroduction to ES66mIntroduction to JSX5mIntroduction to Components6mWorking with React Components - Props and Event Handling5m

3 readings

Welcome to Developing Front-End apps with React3mIntroduction to Typescript4mModule Summary1m

2 practice exercises

Practice Quiz12mGraded Quiz30m

Week2

Week 2

3 hours to complete

React Components

How do you think data is managed in React? Changes in the component data are managed using state and props in a React application. In addition, you can pass data and state between components. You will discover the three phases of a component lifecycle and the methods used in each phase. Use hands-on experience to connect to an external server from a React page. Learn about the different approaches to test a component. Know about the different testing tools that you can use to test the component without manual verification.

3 hours to complete

5 videos (Total 30 min), 1 reading, 3 quizzes

Week3

Week 3

2 hours to complete

Advanced React

2 hours to complete

6 videos (Total 38 min), 1 reading, 3 quizzes

Week4

Week 4

5 hours to complete

Final Project

5 hours to complete

3 readings

Reviews

4.6

11 reviews

5 stars
79.31%
4 stars
10.34%
3 stars
5.17%
2 stars
1.72%
1 star
3.44%

TOP REVIEWS FROM DEVELOPING FRONT-END APPS WITH REACT

by JNFeb 11, 2023

Great course overall that allowed me to learn a lot of important concepts of React. That said, I felt like the difficulty of the course scaled way too rapidly in the end.

by YJan 30, 2023

I have learned a lot of things in the same time I love the hands-on activity it makes me interact with the things that I learned before

by SMFeb 17, 2023

I learn about front end application with react very basic course

View all reviews

About the IBM Full Stack Software Developer Professional Certificate

This Professional Certificate will equip you with key skills and technical know-how to kickstart your career as a Full-Stack Cloud Native Application Developer. Guided by IBM, you will learn to build your own cloud-based applications and work with the technologies behind them. This program consists of 10 courses with ample instructional content as well as hands-on exercises and projects designed to hone your skills and help you build your portfolio.

No prior programming experience or Cloud background is required to start this program. You'll skill up with the tools and technologies that successful software developers use to build, deploy, test, run, and manage Full Stack Cloud Native applications, giving you the practical skills to begin a new career in an in-demand area. The courses in this program will help you develop skill sets in many technologies including: Cloud foundations, HTML, CSS, JavaScript, GitHub, Node.js, React, Cloud Native practices, DevOps, CI/CD, Containers, Docker, Kubernetes, OpenShift, Istio, Python, Databases, SQL, NoSQL, Django ORM, Bootstrap, Application Security, Microservices, Serverless computing, and more. After completing all the courses in the program, including the capstone project, you will have developed several applications using front-end and back-end technologies and deployed them on a cloud platform using Cloud Native methodologies. Additionally, this program is ACE® recommended—when you complete, you can earn college credits.

Frequently Asked Questions

When will I have access to the lectures and assignments?
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.
What will I get if I subscribe to this Certificate?
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.
What is front end web and mobile development?
Frontend web and mobile developers provide the structure, appearance, behavior, and content of browser displays when websites, online applications, or mobile apps are opened. Front-end developers, also known as client-side developers, produce HTML, CSS and JavaScript for an application so that a user can see and interact with them directly.
What career paths does this course support?
This course is suitable for those who want to start career in web or mobile development, as well as those looking to upskill in this in-demand field.

More questions? Visit the Learner Help Center.

Build employee skills, drive business results

Discover Coursera for Business

Developing Front-End Apps with React

About this Course

What you will learn

Skills you will gain