Discover Classes. Earn 10% Rewards.

Front-End Tools & Portfolio

Elevate your front-end development skills with the Front-End Tools & Portfolio course at Noble Desktop. Learn the essential tools for turning webpage designs into code, track changes efficiently using Git and GitHub, and enhance your coding speed with Emmet and Visual Studio Code. Craft a compelling portfolio under expert guidance, gaining practical experience that sets you apart in the world of web development.

  • All levels
  • 18 and older
  • $975
  • Earn 10% Rewards
  • Price Lock
  • 185 Madison Ave, New York, NY & Virtually Online
Book at School

Express Checkout – $975


Proceed to Checkout

No Booking Fees. Lowest Price Guaranteed. Earn 10% Rewards.

Give as a Gift

Start Dates (4)

  • $975/person
20 left
Book
Show all 3 sessions
  • Fri, Jan 24 at 10:00am - 5:00pm
  • Fri, Jan 31 at 10:00am - 5:00pm
  • Fri, Feb 07 at 10:00am - 5:00pm
20 left
Book
Show all 4 sessions
  • Tue, Mar 25 at 6:00pm - 9:00pm
  • Thu, Mar 27 at 6:00pm - 9:00pm
  • Tue, Apr 01 at 6:00pm - 9:00pm
  • Thu, Apr 03 at 6:00pm - 9:00pm
20 left
Book
Show all 3 sessions
  • Fri, Apr 25 at 10:00am - 5:00pm
  • Fri, May 02 at 10:00am - 5:00pm
  • Fri, May 09 at 10:00am - 5:00pm
20 left
Book
Show all 3 sessions
  • Fri, Jul 25 at 10:00am - 5:00pm
  • Fri, Aug 01 at 10:00am - 5:00pm
  • Fri, Aug 08 at 10:00am - 5:00pm
Showing 14 of 4

Class Description

Description

What you'll learn in this web development course:

Learn how to turn a webpage design into code, track changes, collaborate with other developers using Git and GitHub, and increase your coding speed with Emmet and Visual Studio Code. Develop your portfolio with the guidance of an expert instructor and gain hands-on coding experience.

Build Your Portfolio

You need coding practice as well as a portfolio of work to show prospective employers or clients. In this class you’ll learn how to take a website design and code it yourself, with guidance from your instructor.

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.

This course has a prerequisite:

Students should have HTML and CSS coding experience equivalent to our Front-End Web Development Certificate (which includes this class).

Learn more about Front-End Tools & Portfolio at Noble Desktop.

Syllabus

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

Refund Policy

  • Students may cancel up to 14 days before the class/program start date and receive a refund, less the registration fee (10% of the undiscounted course price). 
  • Cancellations within 14 days are not permitted, but students may reschedule up to three business days before the class start date.
  • For cancellations and reschedules, please email us at [email protected]

In any event where a customer wants to cancel their enrollment and is eligible for a full refund, a 5% processing fee will be deducted from the refund amount.

Reviews of Classes at Noble Desktop (387)

Questions & Answers (0)

Get quick answers from CourseHorse and past students.

Similar Classes

Noble Desktop

Noble Desktop is a renowned educational institution that specializes in providing comprehensive training in various creative and technology-related fields. Established in 1990 and headquartered in New York City, Noble Desktop has earned a stellar reputation for its high-quality courses and innovative...

Read more about Noble Desktop

CourseHorse Approved

This school has been carefully vetted by CourseHorse and is a verified NYC educator.

Noble Desktop

Noble Desktop

All classes at this location

We are located in New York City on 34th street and Madison Avenue, a few blocks from Penn Station, Port Authority and Times Square. You may also attend this class live online (virtual training) via Zoom. We will reach out with additional information, including the Zoom info and class files.

Also available virtually online

Reviews of Noble Desktop at coursehorse.com

Give This Course as a Gift Card

  • Thousands of classes
  • No expiration
  • Unique and memorable gifts for any occasion
  • Personalized
  • Explore a passion, gain a new skill, discover a new hobby, engage in a memorable experience
  • Instant delivery
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™

Buy a Gift Card

Book this Class as a Group Event

Booking this class for a group? Find great private group events

Or see all Coding Group Events

Explore group events and team building activities ranging from cooking, art, escape rooms, trivia, and more.

CourseHorse Gift Cards

  • Creative & unique gift for any occasion
  • Thousands of classes & experiences
  • No expiration date
  • Instant e-delivery (or choose a date)
  • Add a personalized message
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™
Buy a Gift Card
gift card with the CourseHorse logo gift card with the CourseHorse logo
Loading...