• 12 hours
  • Medium

Free online content available in this course.

course.header.alt.is_video

course.header.alt.is_certifying

Got it!

Last updated on 3/3/22

Get the Most out of this Course

Using the Videos and Text

First and foremost, welcome!

Before we start, let’s go over a few simple pieces of advice for getting the most out of this course.

  • Some chapters start with a video that breaks down and explains the key concepts in the chapter. It's a good opportunity to grasp the subject, as it should clarify key concepts and motivate you before launching into the chapter. 💪

  • Read the text underneath the video to understand how to put the concepts into practice.

  • Train yourself as you go by copying the examples in the course text.

  • Along with the text, you’ll also encounter screencasts, videos where you'll see a demonstration of the code. By copying what you see in the video, you can better understand the different concepts. 

Go Back to the Previous Course if You Need To

This course tackles intermediate React concepts, assuming that you have already mastered the basics or taken the previous course, Create a Web Application With React.js. As a result, you should already know what you encounter. Go back to the relevant chapters in the previous course if you’re unsure of anything. 

Give It a Go!

Give it a go!

Throughout the course, you’ll use the concepts you've learned in each chapter to improve a website, Shiny, by adding new features. This is an excellent tool, so be sure to do the extended exercise

A web page with the Shiny logo, a navigation bar, and the message Identify your needs and we’ll take care of the rest along with our talented professionals.
Our agency: Shiny

A GitHub repository has been created for this course. The code for starting each exercise and seeing the solution will be on separate branches, always following the same format. 

For example, for the part 2 chapter 3 exercise, you’ll go to branch  P2C3-begin  and  branch  P2C3-solution  for the solution.

These exercises will give you practical experience of the topics discussed in each chapter. The idea is to learn by doing! 😎

Check Your Understanding

When developing, it’s essential to put what you’ve learned into practice. The quiz at the end of each part will help you check that you’ve fully understood the critical concepts in each chapter and highlight any areas that you need to revise.

Use this opportunity to revisit any ideas that you don't fully understand.

Try and Try Again!

Remember to go back over the concepts and tasks that you found most challenging with all that advice in mind. Make sure you’re totally comfortable with everything before moving on to the next section. Use the React documentation or even the previous course, Create a Web Application With React.js, if you have any doubts about the basics.

At times you’ll feel as though you’re flying along, but you’ll move more slowly at other times. That’s normal! Go at your own pace, giving yourself time to digest the information 🧠 and complete the exercises. The most important thing is being able to apply what you’ve learned! 

Meet Your Teachers

Max Wardeh

Max is a university lecturer and web development consultant. He has been working in web development for over 20 years.

 Alexia Toulmet

Alexia is a JS web developer. Passionate about front end, she enjoys working on the border between design and development.

Can’t wait to get started? Then let’s go! See you in the next chapter! 🚀

Ever considered an OpenClassrooms diploma?
  • Up to 100% of your training program funded
  • Flexible start date
  • Career-focused projects
  • Individual mentoring
Find the training program and funding option that suits you best
Example of certificate of achievement
Example of certificate of achievement