JavaScript Full Stack Capstone Project from Coursera

Show your mastery of JavaScript full-stack application development by completing this capstone project! In this course, you will apply your knowledge and skills to a real-life inspired challenge and use your expertise to develop a successful solution.

The project provides you with an opportunity to solidify your JavaScript full-stack proficiency. As you design a dynamic user experience using React, you will develop frontend pages, build services for communication with a NoSQL Mongo database, and configure CI/CD pipelines, all while applying Agile practices.

In this capstone, you apply knowledge of in-demand skills such as:

- Architecting an application

- Creating a dynamic frontend using HTML, CSS, and the React JavaScript library

- Communicating with backend services such as databases

- Use DevOps practices such as CI/CD pipelines

- Deploying a serverless application

- Creating and invoking RESTful microservices

- Deploying the entire solution on the cloud using Kubernetes

When you complete this project, you will have a working full-stack application that will impress potential employers.

Before starting this course, we highly recommend you complete all the courses offered in the IBM JavaScript Full Stack Software Developer Professional Certificate.

What's inside

Syllabus

Project Introduction, Repository Setup, User Stories and Database Setup

In this module, you begin developing the Gift-Link full-stack application. You learn about the application from a user perspective in the project walk-through video and get a high-level perspective by reading about its architecture and requirements in the project overview. In the first of two-hands on labs in the module, you develop a GitHub user story template and subsequent user stories for the application’s development. In the second lab, you will apply your skills to set up the NoSQL MongoDB database that provides the data and data management for the application.

Back-end APIs and Services

In this module, you develop back-end APIs and services in three labs. In the first lab, you will create the API for handling gifts. The API includes retrieving gifts from the database and fetching a gift by its ID. You configure the gift route in the main Express application. In the second lab, you develop the search function API, including functionality to filter by different gift attributes. You also integrate the search route into the Express application. In the third lab, you will develop an Express server to perform sentiment analysis using an NPM package that provides functionality for natural language processing.

Add Front-end Pages

In this module, you work on the application’s user-facing pages. The module contains five labs. In the first lab, you will write CSS and HTML to create the landing page. For the remaining four labs, you will complete the development of the React components that handle the main listings page, the navigation bar, the register and login pages, the details page, and the search pages.

Back-end APIs for Front-end Components

In this module, there are six labs. In three of the labs, you complete the development of three APIs in the back end to handle registration, login, and updates to the user profile. In the other three labs, you also update the respective components to call the APIs when the user interacts with these elements.

CI/CD, Containerize, and Deploy

In the two labs in this module, you will work to containerize and deploy your application. The first lab presents some CI/CD practices using linting with GitHub Actions to ensure the code meets coding standards. In the second lab, you will deploy MongoDB, the back-end server using Kubernetes, and the front-end server using IBM Code Engine.

Final Project Submission and Peer Review

In this module, you submit your final project for evaluation. A peer will evaluate your application and you will evaluate one of theirs. A rubric provides a list of criteria for assessment. The rubric also gives point values depending on the completeness of the criteria.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Offers hands-on labs that give learners experience implementing and working with real-world scenarios

Provides an optimal blend of back-end and front-end development, giving learners a comprehensive view of the full stack development process

Builds a strong foundation in JavaScript full-stack development, preparing learners for entry-level roles in the industry

Utilizes Agile practices and CI/CD pipelines, preparing learners for real-world development environments

Requires learners to complete several other courses in the IBM JavaScript Full Stack Software Developer Professional Certificate before starting this course

Some of the technologies and tools covered in the course may become outdated as the industry evolves, requiring learners to stay up-to-date on the latest advancements

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in JavaScript Full Stack Capstone Project with these activities:

Read 'The Pragmatic Programmer'

Show steps

Gain valuable insights into software development best practices and principles by reading this classic book.

View The Pragmatic Programmer: Your Journey To... on Amazon

Show steps

Read through the book, taking notes on key concepts and advice
Reflect on how the book's principles apply to your own software development practices

Review JavaScript Syntax

Show steps

Refresh your understanding of JavaScript syntax to ensure a solid foundation for this course.

Show steps

Review online tutorials on JavaScript syntax
Complete practice exercises on data types, variables, operators, and control flow

Practice MongoDB Queries and Data Modeling

Show steps

Develop proficiency in MongoDB queries and data modeling by solving practical exercises and challenges.

Browse courses on NoSQL

Show steps

熟悉 MongoDB 基本概念（如文档、集合、查询）
利用 MongoDB 查询API 查询和操纵数据
设计和实施 MongoDB 数据模型以满足不同应用程序要求

Five other activities

Expand to see all activities and additional details

Show all eight activities

Build a Simple Calculator App

Show steps

Apply your JavaScript skills to build a simple calculator application, reinforcing basic concepts and developing your problem-solving abilities.

Show steps

Design the calculator's functionality and user interface
Implement basic arithmetic operations (addition, subtraction, multiplication, division)
Add error handling for invalid inputs
Test and debug the application

Explore React Tutorials

Show steps

Expand your knowledge of React by following online tutorials to gain a deeper understanding of its features and best practices.

Browse courses on React

Show steps

Find reputable React tutorials from trusted sources
Follow the tutorials step-by-step, building small React components
Experiment with different React features, such as state management and lifecycle methods

Complete JavaScript Coding Challenges

Show steps

Sharpen your JavaScript problem-solving skills by completing coding challenges on platforms like HackerRank or LeetCode.

Browse courses on Problem-Solving

Show steps

Select coding challenges of varying difficulty levels
Implement solutions using JavaScript
Analyze and improve your solutions for efficiency and correctness

Develop a Portfolio Project

Show steps

Showcase your full-stack development skills by creating a functional and interactive portfolio project using the technologies covered in this course.

Show steps

Brainstorm project ideas that align with your interests and skills
Design and plan the project's architecture, including database schema, API endpoints, and frontend components
Implement the project using JavaScript, React, MongoDB, and other relevant technologies
Test and debug the project thoroughly

Mentoring Junior Developers

Show steps

Reinforce your understanding and strengthen your communication skills by mentoring junior developers in JavaScript and full-stack development.

Show steps

Identify opportunities to mentor or tutor others
Share your knowledge and experience in JavaScript, React, and MongoDB
Provide guidance, encouragement, and feedback to mentees

Career center

Learners who complete JavaScript Full Stack Capstone Project will develop knowledge and skills that may be useful to these careers:

Full-Stack Developer

A full stack developer is someone who can work on both the front end and back end of a web application. This course will teach you the skills you need to be a full stack developer, including how to use React, Node.js, and MongoDB. This course will help you build a strong foundation in full stack development and prepare you for a successful career in this field. According to Burning Glass, in 2021, the average annual salary for Full Stack Developers was $110,140.

See salaries and explore the career path for Full-Stack Developer

Software Engineer

Software engineers design, develop, and maintain software systems. This course will teach you the skills you need to be a software engineer, including how to use JavaScript, Node.js, and MongoDB. This course will help you build a strong foundation in software engineering and prepare you for a successful career in this field. Burning Glass indicates that the average annual salary for Software Engineers was $110,140 in 2021.

See salaries and explore the career path for Software Engineer

Web Developer

Web developers design and develop websites. This course will teach you the skills you need to be a web developer, including how to use React, Node.js, and MongoDB. This course will help you build a strong foundation in web development and prepare you for a successful career in this field. The U.S. Bureau of Labor Statistics reports that the median annual salary for Web Developers was $77,200 in May 2021.

See salaries and explore the career path for Web Developer

Front-End Developer

Front end developers design and develop the user interface of a website. This course will teach you the skills you need to be a front end developer, including how to use React and HTML. This course will help you build a strong foundation in front end development and prepare you for a successful career in this field.

See salaries and explore the career path for Front-End Developer

Back-End Developer

Back end developers design and develop the server-side of a website. This course will teach you the skills you need to be a back end developer, including how to use Node.js and MongoDB. This course will help you build a strong foundation in back end development and prepare you for a successful career in this field.

See salaries and explore the career path for Back-End Developer

Database Administrator

Database administrators manage and maintain databases. This course will teach you the skills you need to be a database administrator, including how to use MongoDB. This course will help you build a strong foundation in database administration and prepare you for a successful career in this field. According to the U.S. Bureau of Labor Statistics, the median annual salary for Database Administrators was $98,350 in May 2021.

See salaries and explore the career path for Database Administrator

DevOps Engineer

DevOps engineers work to bridge the gap between development and operations teams. This course will teach you the skills you need to be a DevOps engineer, including how to use CI/CD pipelines. This course will help you build a strong foundation in DevOps and prepare you for a successful career in this field.

See salaries and explore the career path for DevOps Engineer

Cloud Architect

Cloud architects design and manage cloud computing systems. This course will teach you the skills you need to be a cloud architect, including how to use Kubernetes. This course will help you build a strong foundation in cloud architecture and prepare you for a successful career in this field.

See salaries and explore the career path for Cloud Architect

Data Scientist

Data scientists use data to solve problems and make predictions. This course may teach you some of the skills you need to be a data scientist, including how to use machine learning. This course may help you build a foundation in data science and prepare you for a successful career in this field. CareerExplorer indicates that the average annual salary for Data Scientists was $126,830 in 2022.

See salaries and explore the career path for Data Scientist

Machine Learning Engineer

Machine learning engineers design and develop machine learning models. This course may teach you some of the skills you need to be a machine learning engineer, including how to use machine learning. This course may help you build a foundation in machine learning engineering and prepare you for a successful career in this field. According to Glassdoor, the average annual salary for Machine Learning Engineers was $116,304 in October 2022.

See salaries and explore the career path for Machine Learning Engineer

Product Manager

Product managers manage the development and launch of new products. This course may teach you some of the skills you need to be a product manager, including how to use agile practices. This course may help you build a foundation in product management and prepare you for a successful career in this field.

See salaries and explore the career path for Product Manager

Project Manager

Project managers plan and execute projects. This course may teach you some of the skills you need to be a project manager, including how to use agile practices. This course may help you build a foundation in project management and prepare you for a successful career in this field. Per data reported by Salary.com in October 2022, the average salary for Project Managers is $77,250.

See salaries and explore the career path for Project Manager

Business Analyst

Business analysts analyze business processes and systems. This course may teach you some of the skills you need to be a business analyst, including how to use agile practices. This course may help you build a foundation in business analysis and prepare you for a successful career in this field. Salary.com projects that the average salary for Business Analysts is $87,652.

See salaries and explore the career path for Business Analyst

Data Analyst

Data analysts analyze data to identify trends and patterns. This course may teach you some of the skills you need to be a data analyst, including how to use data analysis tools. This course may help you build a foundation in data analysis and prepare you for a successful career in this field. Based on Salary.com data from October 2022, the average salary for a Data Analyst is $73,887.

See salaries and explore the career path for Data Analyst

Quality Assurance Analyst

Quality assurance analysts test software to ensure it meets quality standards. This course may teach you some of the skills you need to be a quality assurance analyst, including how to use testing tools. This course may help you build a foundation in quality assurance and prepare you for a successful career in this field.

See salaries and explore the career path for Quality Assurance Analyst