Discover Classes. Earn 10% Rewards.

Front-End Tools & Portfolio

Strengthen your front-end development abilities with the Front-End Tools & Portfolio course offered at Noble Desktop. Master the essential tools that turn webpage designs into working code, track project changes confidently using Git and GitHub, and accelerate your output with Emmet and Visual Studio Code. Build a standout portfolio with expert guidance, gaining real-world experience that helps you stand out in web development.

  • All levels
  • 18 and older
  • Earn 10% Rewards
  • Price Lock

    Secure your booking now and we'll match any price drop within 48 hours across all booking platforms, ensuring you never miss out on savings!

  • 185 Madison Ave, New York, NY & Virtually Online
  • 21 hours over 3 sessions

Express Checkout – $975


Proceed to Checkout

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

Give as a Gift

Start Dates (3) $975/person

Show all 3 sessions
  • Fri, Jan 22 at 10:00am - 5:00pm
  • Fri, Jan 29 at 10:00am - 5:00pm
  • Fri, Feb 05 at 10:00am - 5:00pm
20 left
Book
Show all 3 sessions
  • Fri, May 28 at 10:00am - 5:00pm
  • Fri, Jun 04 at 10:00am - 5:00pm
  • Fri, Jun 11 at 10:00am - 5:00pm
20 left
Book
Show all 3 sessions
  • Fri, Sep 24 at 10:00am - 5:00pm
  • Fri, Oct 01 at 10:00am - 5:00pm
  • Fri, Oct 08 at 10:00am - 5:00pm
20 left
Book
Showing 1 – 3 of 3

Book a Private 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.

Class Description

Description

Discover how to convert a website design into functional code, learn to track and manage changes using Git and GitHub, and increase your development speed dramatically with Emmet shortcuts and Visual Studio Code features. Develop your professional portfolio under the mentorship of an experienced instructor and gain valuable practical coding experience working on real-world projects.

Building Your Professional Portfolio

To succeed as a developer, you need both hands-on coding practice and a compelling portfolio of work to demonstrate to potential employers or clients. In this comprehensive class, you will learn how to take a professional website design and translate it into functional code yourself, working with expert guidance from your experienced instructor every step of the way.

Learn Git, GitHub, and Version Control

Git is the industry-standard version control system that tracks the changes you make to your files, providing a complete record of your development history so you can understand exactly what modifications were made and when they occurred; this also enables you to revert to any previous version if needed. Git also makes collaboration much easier, allowing changes from multiple developers to be integrated smoothly into one unified source. This skill has become essential for any professional coder.

Git can seem intimidating at first, especially because many developers use the command line to run Git. Rather than struggling with scary terminal commands, we'll teach you how to use Git directly within Visual Studio Code, which is the widely used free code editor. This approach makes using Git much simpler, more intuitive, and far more user-friendly for most developers.

We'll demystify Git completely and explain the typical workflows you'll encounter in real development projects. We'll cover the most essential Git features to get you productive and confident quickly.

Emmet Shortcuts and Visual Studio Code Tips

Did you know there are much faster and easier ways to write code? If you're not using Emmet coding shortcuts and the helpful keystrokes and features built into Visual Studio Code, you definitely should be! These powerful tools can dramatically accelerate your coding with substantially less typing required. Every professional web developer needs to know these tools. Let us show you how to dramatically speed up your development work.

This course has an important prerequisite:

Students should have HTML and CSS coding experience equivalent to our Front-End Web Development Certificate course, which includes this class as part of the curriculum.

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 (452)

Similar Classes

Noble Desktop

Noble Desktop is a reputable New York-based training institute known for offering a wide range of creative and technical courses, including web development, design, coding, and digital marketing. With a strong emphasis on hands-on learning and industry-relevant skills, Noble Desktop equips individuals with the knowledge and expertise needed to excel in today's competitive job market.

View school profile
Noble Desktop
Vetted by CourseHorse

A verified Brooklyn educator.

CourseHorse’s Choice 4.6 out of 5 · 452 reviews
Loading...