Skip to content

Edge-Hill-University-Web/CIS2723-Dev-Container

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CIS2723 | Software Development Tools & Testing Development Container

A Visual Studio based Development Container for CIS2723.

Status - 2024-2025 Module Ready

Supported On* - Windows, MacOS and Linux Distributions

Architectures - x86 | AMD64 | ARM

Technologies

The following technologies are used:

Platform - Docker IDE - Visual Studio Code OS - Ubuntu 22.04 LTS

Docker

Is a platform for developing, shipping, and running applications in lightweight, portable containers. Containers package an application and its dependencies, ensuring it runs consistently across environments—whether on a developer’s laptop, a test server, or in production.

Visual Studio Code

(VS Code) is a lightweight, open-source code editor developed by Microsoft. It’s designed for modern development workflows, offering built-in support for multiple programming languages, debugging, and version control.

Ubuntu 22.04 LTS

Ubuntu 22.04 (Jammy Jellyfish) is a long-term support (LTS) release of the popular Linux distribution, supported until April 2027. It’s designed for both desktop and server use, combining stability, performance, and modern features.

Requirements

You will be required to install the following on your system in the order listed below. Click the links and follow the instructions for your operating system.

  1. Docker Desktop
  2. Visual Studio Code
  3. Dev Containers Visual Studio Code Extension

About: Dev Environment

The development environment contains the base development configuration for CIS2723. This includes all the directories for tutorials as well as the following configurations for the following languages:

Javascript

  • Node.js (A Javascript Framework)
  • Mocha (A Javascript testing framework)

PHP

Python 3.10.6

  • Pip (A Python Package manager)

Extensions and Settings

The following Visual Studio Code Extensions are installed by default with the development container.

  • xdebug.php-debug
  • ms-python.debugpy
  • ms-python.python
  • tiansin.php-debug
  • zhang.markdown-all-in-one
  • shd101wyy.markdown-preview-enhanced

The debugging for both JavaScript, PHP and Python have already been configured for you.

Deploying the Development Container

Visual Studio Code. If the extensions have been installed correctly you should see an icon in the bottom left, this is the Remote-View. Press this icon and the action menu will appear, select the option Open folder in Container. Navigate to where the extracted the directory earlier and press open.

Deploying the Development Container

You should see something similar happen in the animation above. Essentially, this is automatically configuring your development environment for you!

Getting Started with Visual Studio Code

Below is a getting started YouTube Video provided by Microsoft Visual Studio Code.

Getting Started with VS Code

FAQ

To test your JS and PHP using unit tests, you will use an appropriate testing framework Mocha and Phpunit. To use these command line interface (CLI) tools with in the development container open up a new terminal (remembering to choose bash as the terminal shell) pane and enter the following:

  • For JavaScript (.js) files: mocha <path-to-unit-test-code>
  • For PHP (.php) files: phphunit <path-to-unit-test-code>

Replacing <path-to-unit-test-code> with the path to the file containing the unit test code. Please refer to the Web Teaching Environment for more information on how to use these tools.