Diego De La Puente

1. Install Procedures

To install Visual Studio Code, follow these steps:

1. Visit the Visual Studio Code website.
2. Download the Windows x64 "Stable" installer - pick the latest "Stable" release. This means the release has been tested and is stable for the community.
3. Go through the installation wizard and install Visual Studio Code at your desired location, mine was similar to the following location: C:\Users\FirstName_LastName\AppData\Local\Programs\Microsoft VS Code.
4. During installation, choose the following options in the install wizard dialog boxes:
   • I did NOT select "Open with" options.
   • Select "Add to PATH" option and allow the install wizard to add VS Code to your Windows `%PATH%`.

2. Configure Extensions and Themes

After installing Visual Studio Code, I configured several extensions and themes to enhance my development environment. These tools are crucial for improving productivity and aligning with my learning experiences in various courses.

3. Starting Up the Development Server

To start the development server for your Angular project using npm, open the integrated terminal in VS Code and run:

npm start

or run ng serve in the integrated terminal in VS Code:

ng serve

After running the command, navigate to http://localhost:4200/ in your web browser.

Stopping the Server:

To stop the local server hosted by Node.js in the VS Code terminal, press Ctrl + C. When prompted, type y to confirm and press Enter.

Differences Between ng serve and npm start:

• npm start is a flexible command that can perform various tasks defined in your project’s package.json file. Besides starting a server, it can:
  • Run build scripts: It can compile your code, bundle files, and prepare everything for deployment.
  • Run test scripts: It can execute tests to make sure your code works as expected.
  • Start a development environment: It can set up necessary tools and configurations for development, like starting a server with hot-reloading.
  • Launch applications: It can start applications or services needed by your project, like a database or a separate backend server.
  • Perform pre-start tasks: It can execute tasks that need to be done before starting the server, such as cleaning up temporary files or generating necessary assets.
• ng serve is specifically made for Angular projects. It builds your Angular app, bundles the files, and starts a server to show your app in a browser. It’s focused on Angular-specific needs, making it easier to manage and understand for Angular projects.

While both npm start and ng serve can both start your Angular app (accessible through a local server), ng serve is tailored for Angular projects, ensuring all necessary Angular-specific tasks are handled. This makes ng serve more straightforward and effective for Angular development.

4. Media

1. Overview

This section covers how to install Node.js and npm on a macOS system. Node.js can be installed via a package manager or directly from the Node.js website.

2. Installation Steps

public class Main {
    public static void main(String[] args) {
        System.out.println("Hello, Java!");
        int a = 10;
        int b = 20;
        int sum = a + b;
        System.out.println("Sum of " + a + " and " + b + " is: " + sum);
    }
}

3. Media