# Front-End Tools & Portfolio (Self-Paced)

Canonical URL: <https://www.nobledesktop.com/classes/web-developer-tools-online>

## Overview

You’ll build hands-on coding experience while creating portfolio-ready projects by learning how to turn a website design into working code, with guidance from an experienced instructor. This practical approach helps you develop real-world skills you can show to employers or clients.

You’ll also learn how to track changes and collaborate using Git and GitHub, all within Visual Studio Code, no intimidating command-line workflows required. Along the way, you’ll discover Emmet shortcuts and Visual Studio Code features that help you code more efficiently, reduce repetitive typing, and speed up your overall development process.

## What you'll learn

- Go from design to a coded website with guidance from an expert developer
- 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

## 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

## FAQ

### Will I learn Git terminal commands in this class?

No, in this class you’ll learn how to use Git within Visual Studio Code. It’s easy to use interface makes it easier for you to get started with Git without having to remember unuintuitive terminal commands.

## Pricing

**Tuition:** $975