ReactJS Development and Project-Based Learning
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
ReactJS Development and Project-Based Learning
This course is part of AWS, JavaScript, React - Deploy Web Apps on the Cloud Specialization
Included with
Recommended experience
Recommended experience
What you'll learn
Deploy and manage AWS EC2 instances while applying security best practices
Build interactive web applications using core JavaScript concepts to enhance user experience
Apply ReactJS to manipulate the DOM and create dynamic front-end features
Develop real-world projects to reinforce and master programming fundamentals
Skills you'll gain
Details to know
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
- Learn new concepts from industry experts
- Gain a foundational understanding of a subject or tool
- Develop job-relevant skills with hands-on projects
- Earn a shareable career certificate
There are 3 modules in this course
Updated in May 2025.
This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. This course is designed for learners eager to dive deep into ReactJS development while mastering core JavaScript concepts through practical, project-based learning. It begins with foundational lessons on Amazon EC2, introducing the elastic compute capabilities of AWS and walking you through creating, managing, and securing EC2 instances. You’ll explore advanced topics such as deploying instances, configuring security groups, and administering instances through Secure Socket Shell (SSH), providing a comprehensive understanding of cloud-based web hosting. As you progress, you will shift focus to JavaScript development, a critical component of building dynamic, interactive web applications. Starting with the basics, the course covers JavaScript placement, variables, operators, and functions. You’ll learn key programming concepts like loops, arrays, and conditional statements, which form the backbone of any ReactJS project. The course emphasizes practical skills by integrating two real-world JavaScript projects: a background color changer and a photo gallery, helping reinforce the concepts learned in a creative and engaging way. Finally, you’ll delve into ReactJS, using the Document Object Model (DOM) to manipulate web pages dynamically. You will apply JavaScript fundamentals to build powerful front-end applications, utilizing state, props, and React components. By the end of this course, you will have a solid grasp of full-stack development, from cloud-based back-end services to modern front-end design using ReactJS. This course is ideal for aspiring front-end developers, cloud engineers, or anyone looking to enhance their JavaScript and ReactJS skills through practical, hands-on learning. Basic knowledge of HTML and web development is recommended but not required.
In this module, we will explore Amazon EC2, a foundational service of AWS. You’ll learn about the different EC2 instance types, how to deploy and configure them, and secure them with IAM roles and security groups. Through hands-on exercises, you'll become familiar with managing instances using both the EC2 console and command line.
What's included
20 videos2 readings
20 videos•Total 110 minutes
- Introduction to EC2•4 minutes
- EC2 Instance Core Features•3 minutes
- EC2 Instance Types•9 minutes
- Amazon Machine Images (AMI)•4 minutes
- Creating an IAM User for EC2•4 minutes
- The EC2 Dashboard•4 minutes
- Deploying an EC2 Instance•9 minutes
- Deploying an EC2 Instance (Continued)•6 minutes
- EC2 Instances Console•9 minutes
- Elastic IP (Theory)•3 minutes
- Elastic IP (Guide)•4 minutes
- EC2 Instance Administration (Guide)•6 minutes
- EC2 Instance Launch Templates•5 minutes
- Creating an Amazon Machine Image (AMI)•11 minutes
- IAM Roles for EC2 (Guide)•3 minutes
- Introduction to Security Groups•3 minutes
- Security Groups (Guide)•7 minutes
- Secure Socket Shell (SSH) Overview•2 minutes
- PuTTY (SSH) Client for Windows•13 minutes
- EC2 Instance Connect (Guide)•2 minutes
2 readings•Total 20 minutes
- Introduction to the Course 'ReactJS Development and Project-Based Learning'•10 minutes
- Full Specialization Resources•10 minutes
In this module, we will introduce the Document Object Model (DOM), an essential concept in web development. You'll learn how to manipulate the structure and content of web pages dynamically using JavaScript, which is key to creating interactive user experiences.
What's included
2 videos
2 videos•Total 4 minutes
- DOM Introduction•3 minutes
- DOM Manipulation•1 minute
In this comprehensive module, we will dive into JavaScript development, covering fundamental concepts such as variables, functions, loops, and arrays. You'll also work on practical projects like a background color changer and photo gallery, which will solidify your understanding of JavaScript’s role in creating dynamic, interactive web applications.
What's included
41 videos1 reading2 assignments
41 videos•Total 84 minutes
- Introduction•6 minutes
- JS Placement•2 minutes
- External JavaScript•2 minutes
- JavaScript Output•2 minutes
- JavaScript InnerHTML•1 minute
- JavaScript Commenting•2 minutes
- JavaScript Constants•2 minutes
- JavaScript Variables Introduction•5 minutes
- JavaScript Assignment Operator•1 minute
- JavaScript Arithmetic Operations•4 minutes
- JavaScript Arithmetic Operations Continued•4 minutes
- JavaScript Operator Precedence•1 minute
- JavaScript Data Types•1 minute
- JavaScript Objects•2 minutes
- JavaScript Object Output•1 minute
- JavaScript Strings•3 minutes
- JavaScript String Length•1 minute
- JavaScript Special Characters•1 minute
- JavaScript Random Numbers•1 minute
- JavaScript Min and Max Function•1 minute
- JavaScript Math Round Function•2 minutes
- JavaScript Arrays•2 minutes
- JavaScript Array Attributes•1 minute
- JavaScript Arrays - Pop - Push - Shift - Unshift•2 minutes
- JavaScript Changing and Deleting Elements•2 minutes
- JavaScript Splicing an Array•2 minutes
- JavaScript Sorting an Array•1 minute
- JavaScript Joining Arrays•1 minute
- JavaScript Conditional Statements•6 minutes
- JavaScript Comparisons•2 minutes
- JavaScript Booleans•1 minute
- JavaScript For Loops•3 minutes
- JavaScript For-In Loop•1 minute
- JavaScript While Loops•2 minutes
- JavaScript Do-While Loop•2 minutes
- JavaScript Break and Continue•1 minute
- JavaScript Functions•2 minutes
- JavaScript Events•1 minute
- JavaScript Project 1 - BG Color Changer•2 minutes
- JavaScript Project 2 - Photo Gallery•2 minutes
- JavaScript Project 2 - Completion•3 minutes
1 reading•Total 10 minutes
- Conclusion to the Course 'ReactJS Development and Project-Based Learning'•10 minutes
2 assignments•Total 75 minutes
- Full Course Practice Assessment•15 minutes
- Full Course Assessment•60 minutes
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.
Instructor
Explore more from Cloud Computing
Why people choose Coursera for their career
Frequently asked questions
Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.
If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.
Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.
More questions
Financial aid available,