WDD 330: Web Frontend Development II

W01 Setup: Tools

Overview

This setup activity will prepare you with the development and course tools necessary to complete the activities and assignments.

Instructions

Code Editor

VS Code Icon

A good code editor is essential for software development. This course uses Visual Studio Code (VS Code).

  1. Verify that you have a working instance of VS Code running and install it if necessary from code.visualstudio.com.
  2. If you already have VS Code installed, check for updates using the menu Help ► Check for Updates...
  3. Customize VS Code to automate your development cycle and to aide in development routines.
Optional Resources

Node / Node Package Manager (NPM)

Trello Icon

Node.js is a JavaScript runtime (server-side) environment built on Chrome's V8 JavaScript engine. NPM is the node package manager for Node.js.

  1. Install the current LTS (Long Term Support) version of node.
    Follow the instructions for your operating system found in this software setup page.
  2. Verify that you have Node installed by opening a terminal (Mac) or CMD prompt/PowerShell (Windows) and typing node -v and npm -v.
Optional Resources

Git and GitHub

GitHub Icon
  1. Verify that you have Git installed by opening a terminal (Mac) or CMD prompt/PowerShell (Windows) and typing git --version. If you get an error, you need to install Git.
  2. You will need to have an account on GitHub.
  3. Review: Typical Git Workflow
  4. Reference and Help: Using GitHub

Microsoft Teams

Microsoft Teams Icon

A Microsoft Team has been setup for this course, and you have been added as a course wide member.

  1. Install Microsoft Teams – Introduction to MS Teams
  2. Sign into Teams with your byupathway.edu email account.
  3. You should see a team named Web Frontend Development II.
  4. Post a message in the General channel indicating that you are in and ready to connect.

Trello

Trello Icon

"Trello is the visual tool that empowers your team to manage any type of project, workflow, or task tracking. Add files, checklists, or even automation: Customize it all for how your team works best." – trello.com

The course will use Trello to manage the team project. A separate setup activity will prepare your team to use Trello during the first team activity.

  1. Create a free account at Trello.
  2. Read Trello Basics