AI with GitHub Copilot for JavaScript and React Developers

Set up GitHub Copilot in Visual Studio Code by installing the GitHub Copilot and GitHub Copilot chat extensions, then signing in with GitHub; explore free trials and subscription plans.

Debug a factorial function using the browser console to spot a stack overflow from negative inputs, then apply a Copilot-guided fix in factorial.js and test input is a non-negative integer.

Create an inventory manager class in JavaScript with add, remove, update, and list methods to manage products by name, price, and quantity, returning the list for HTML display.

Create an HTML page using inventory manager.js to render products as a table with add, update, and remove forms. Add multiple products and note the heading issue.

Fix the bug where table headings disappear when rendering products by updating the render products method to populate the tbody with rows for name, price, and quantity.

Create and link a styles.css to the inventory manager HTML, apply CSS to the body, form, labels, inputs, and buttons, and refine styling with Copilot prompts in Visual Studio Code.

Learn how GitHub Copilot acts as an AI pair programmer to guide planning and design decisions, proposing a stack (Node.js with Express, MongoDB, React) and RESTful APIs with code samples.

Download and install the MongoDB community server for your operating system, then start the server to store patient and clinical data. Connect your app to port 27017.

Create dao classes that perform create, read, update, delete, and list operations for patient and clinical models, wiring imports and saving data to the database.

Configure the app's entry point with server.js, import express, set up json parsing, and wire patient and clinical routes under /patients and /clinicals, testing on port 8000.

Build the home component to fetch patient data via axios from backend api using useEffect, and render first name, last name, and age in an html table, aided by copilot.

Gather the component name and value via an HTML form and save them with an Axios API call, including the patient ID, to store the clinical data on the backend.

Add backlinks to the add clinical data page and the add patient page to navigate back to the home page. Ensure the link is imported and saved.

Learn to containerize an express app with GitHub Copilot by installing Docker Desktop, creating a docker file and docker compose YAML, and launching app and MongoDB with docker compose up.

Create a docker compose file to launch a node express app with MongoDB, using two services, port mappings, and a data volume for persistent storage.

Celebrate completing the course by sharing your achievement on LinkedIn and tagging me. Provide feedback, leave a rating and review, and explore the bonus lecture with discounted coupons.