# Front-End Tools & Portfolio

Canonical URL: <https://training-nyc.com/courses/web-developer-tools>

## Overview

### Build Your Portfolio

You need a portfolio of work to show prospective employers or clients. In this class we’ll help you get started on your own project.

### Learn Git & GitHub

Git tracks the changes you make to files, so you have a record of what has been done, and you can revert to specific versions should you ever need to. Git also makes collaboration easier, allowing changes by multiple people to all be merged into one source. It’s an important skill for any coder to have.

Git can seem mysterious at first, in part because many people use the command line to run Git. Instead of scary terminal commands, we’ll teach you how to use Git within Visual Studio Code (the popular free code editor). This makes using Git much easier and more user friendly.

We’ll demystify Git and explain the typical workflows you’ll encounter. We’ll cover the most commonly used Git features to get you up and running quickly.

### Emmet & Visual Studio Code Tips

Did you know there are faster and easier ways to code? If you’re not using Emmet (coding shortcuts) and Visual Studio Code’s keystrokes and helpful features, you should be! These tools can greatly speed up your coding with less typing. Every web developer needs to know these. Let us show you how to speed up your development.

## What you'll learn

- What Git is and how it works
- Installing and setting up Git to track changes in your code
- Using GitHub for collaboration with other developers
- Coding faster with Emmet and Visual Studio Code
- Start developing work for your portfolio with guidance from an expert developer

## Prerequisites

Students should have HTML and CSS coding experience equivalent to our [Front-End Web Development Certificate](/certificates/front-end-web-development) (which includes this class).

## Curriculum

### Portfolio Development

#### Code a project from scratch

#### Get practice writing code with guidance and help from an expert instructor

### Git & GitHub

#### Download & Install Git on Mac & Windows

#### Git Setup: Your Name & Email

#### Create a New Local Git Repository (Initialize Repository)

#### Stage & Commit Files

#### GitHub: Push to a Remote Repository

#### GitHub: Pull From a Remote Repository

#### GitHub: Clone (Download) a Remote Repository

#### How to Handle Merge Conflicts

#### View a List of Commits & Undo Changes

#### Branches: Create, Switch, Push, Merge, & Delete

### Emmet & Visual Studio Code

#### Visual Studio Code tips & tricks to make you a faster coder

#### Emmet shortcuts for HTML and CSS

## Schedule
- Sep 25, 2026 – Oct 9, 2026 — NYC

## Pricing

**Tuition:** $975