Update a JavaScript portfolio with GitHub Copilot

In this lab, you will learn how to use GitHub Copilot to update and enhance a JavaScript portfolio website. You'll discover how AI can help you add new features, improve user experience, implement interactive elements, and modernize your portfolio code.

You will learn how to:

  • Use Copilot for JavaScript development
  • Add interactive features to web pages
  • Implement modern JavaScript patterns
  • Enhance user interface components
  • Optimize portfolio performance
  • Write clean, maintainable JavaScript code

This lab takes approximately 45-60 minutes to complete.

Before you start

To complete the lab, you need:

  • A GitHub user account with access to GitHub Copilot.
  • Basic understanding of HTML, CSS, and JavaScript.
  • Familiarity with web development concepts.
  • A web browser with access to the internet.

Complete the exercise on Microsoft Learn

In this exercise, you'll update a JavaScript portfolio using GitHub Copilot.

Note: This exercise provides hands-on practice using Copilot to enhance a real portfolio website.

The exercise consists of the following activities:

  1. Start a web browser and navigate to the exercise page: https://learn.microsoft.com/training/modules/introduction-copilot-javascript/5-exercise-javascript-portfolio

  2. Follow the instructions provided in the exercise to complete all challenges.

  3. Work through each step, using GitHub Copilot to update and enhance your portfolio.

  4. When you finish, return to the module for a knowledge check and completion badge.

What you've learned

After completing this exercise, you should be able to:

  • Use Copilot for JavaScript development
  • Add interactive web features
  • Implement modern JavaScript patterns
  • Enhance UI components with AI
  • Optimize code performance
  • Write maintainable JavaScript

Congratulations! You've completed the JavaScript portfolio exercise!