Learn to Code Websites with HTML, CSS, & JavaScript

Webpages are built with code. Front-end coding is creating the part of a website that you see in a web browser. In this certificate program you will learn HTML to mark up webpages, CSS for styling, JavaScript/jQuery to add interactivity/animation, and Git to track code changes as well as collaborate with other developers.

You’ll learn how to create responsive websites that are optimized for any size screen (mobile, tablet, and desktop). No prior coding experience is required. We’ll get you started so you can build new sites or edit existing webpages!

This Front-End Web Development Certificate (licensed by New York State) is a comprehensive and effective program that you can attend in New York City or live online, with more learning time than many similar programs. You get hands-on training, step-by-step training workbooks we’ve written ourselves, and a free retake.

Get personalized attention in small groups
Work on real-world exercises & projects
Learn from industry experts with real-world experience
Refresh the course materials within six months for free

The teaching method at Noble Desktop is perfect and the classes provide you with infinite knowledge that makes you eager to take everything they offer. I love Noble!

—Ivonne Ackerman

What You’ll Learn

Build the front-end of webpages by coding HTML, CSS, & JavaScript/jQuery
Markup content such as text, images, links with HTML and then style it with CSS
Code fluid-width layouts that adapt to different size screens
Use browser developer tools to see how things work
Learn JavaScript/jQuery to add animation and interactive functionality to your webpages
See how jQuery can be used to quickly add JavaScript functionality to a site
Learn modern CSS page layout technique such as flexbox and grid
Use and skin Bootstrap to build out layouts quickly, using their grid system & components
Use Git to track changes in your code and collaborate with other developers
Tips and tricks to code faster using Emmet, Sass, and code editors like Sublime Text

Learn with Hands-on Projects

Learn practical skills by working on real projects with instructor guidance and lectures to strengthen and improve your skill.

Courses in the Certificate Program

This is the recommended order, but some courses may be taken in a different order. See the FAQ for more details.

Unit 1
18 Hours

Web Development Level 1
- Start building websites by hand-coding HTML & CSS
- Create multi-page websites with text, images, & more
- Learn how to style with CSS
- Upload your files using FTP to make the site live
Unit 2
18 Hours

Web Development Level 2
- Master important CSS concepts such as positioning, advanced CSS selectors, relative type sizing (px, em, rem), calc(), and much more
- Learn sophisticated styling with multiple background images, transparent color using RGBA, CSS gradients, shadows, and more
- Create animated effects using CSS transitions & transforms
Unit 3
12 Hours

Flexbox, Grid, & Bootstrap
- CSS Flexbox for laying out and aligning webpage content.
- CSS Grid for an entirely new way to think about laying out entire webpages.
- Learn how to use Bootstrap (which is made with Flexbox) to build out layouts quickly.
Unit 4
18 Hours

JavaScript & jQuery
- Learn how to write your own JavaScript to add animation and interactive functionality to your webpages.
- Understand how to use freely available JavaScript frameworks, including the industry standard: jQuery.
- Create animated slideshows with transitions such as fades or slides. Build animated image enlargers, show/hide additional content, and more.
Unit 5
3 hours

Git Going: An Intro to Git
- Git lets you track changes in your code and collaborate with other developers
- Commit your files, branch off to code new features, and merge your changes back into the codebase
- Work with other developers using remote Git repositories on GitHub & Bitbucket
Unit 6
3 hours

Coding Tips & Tricks
- Learn tips and tricks to make you a faster coder in code editors like Sublime Text
- Emmet is a collection of shortcuts for HTML and CSS that will change the way you code
- Sass (a CSS preprocessor) adds powerful features that make writing CSS easier & faster

High-level Overview Download Syllabus PDF

Schedule & Enrollment

$3965 $2995
72 Hours
Live Online (or NYC upon reopening)
Full setup assistance provided

Discounts
Discounts
- Certificate Discount: This program is a discounted package of classes that is 15–25% off the individual class prices. Other discounts do not apply.
Discounts are applied at checkout (no promo code required) and will be verified after you place your order. Discounts are subject to change. Read our discount policies for more details.

Payment Plans

This program is eligible for our payment plan. Select “payment plan” at checkout to enroll. A valid credit card must be on file for the duration of the program.
- At checkout, you will only be charged a $250 non-refundable deposit which will be credited towards the last class in the program.
- One week before the start date of each class in the program, you will be charged for that upcoming class.
- You may be charged immediately for the first class if you sign up less than one week before the start date.
- The total payments (including the $250 deposit) will equal the price of the program. There is no interest or additional fees.
- Read our Payment Plan FAQ for more details.
• Policies

Jun 23–Sep 10 Weeknights

Collapse Schedule

Jun 23–Jul 9	Tue & Thu	6–9pm	Web Development Level 1
Jul 14–30	Tue & Thu	6–9pm	Web Development Level 2
Aug 4–20	Tue & Thu	6–9pm	JavaScript & jQuery
Aug 25–Sep 3	Tue & Thu	6–9pm	Flexbox, Grid, & Bootstrap
Sep 8	Tuesday	6–9pm	Git Going: An Intro to Git
Sep 10	Thursday	6–9pm	Coding Tips & Tricks

Jul 6–23 Weekdays

Expand Schedule

Jul 6–8	Mon–Wed	10am–5pm	Web Development Level 1
Jul 13–15	Mon–Wed	10am–5pm	Web Development Level 2
Jul 16–17	Thu–Fri	10am–5pm	Flexbox, Grid, & Bootstrap
Jul 20–22	Mon–Wed	10am–5pm	JavaScript & jQuery
Jul 23	Thursday	10am–1pm	Git Going: An Intro to Git
Jul 23	Thursday	2–5pm	Coding Tips & Tricks

Sep 26–Dec 19 Saturdays

Expand Schedule

Sep 26–Oct 10	Saturday	10am–5pm	Web Development Level 1
Oct 17–31	Saturday	10am–5pm	Web Development Level 2
Nov 7–21	Saturday	10am–5pm	JavaScript & jQuery
Dec 5–12	Saturday	10am–5pm	Flexbox, Grid, & Bootstrap
Dec 19	Saturday	10am–1pm	Git Going: An Intro to Git
Dec 19	Saturday	10am–5pm	Coding Tips & Tricks

Oct 5–22 Weekdays

Expand Schedule

Oct 5–7	Mon–Wed	10am–5pm	Web Development Level 1
Oct 12–14	Mon–Wed	10am–5pm	Web Development Level 2
Oct 15–16	Thu–Fri	10am–5pm	Flexbox, Grid, & Bootstrap
Oct 19–21	Mon–Wed	10am–5pm	JavaScript & jQuery
Oct 22	Thursday	10am–1pm	Git Going: An Intro to Git
Oct 22	Thursday	2–5pm	Coding Tips & Tricks

These dates don’t work for you?

This Course is Available Live Online

You can attend this training live online at the scheduled time the course is offered (New York, Eastern Time) through screen-sharing software Zoom (free for you).
Our live online training is interactive and hands-on, just like our in-person classes. There are no extra fees and we’ll work with you to ensure your setup is perfect

Classes are activity-based and taught by a live instructor.
You can hear the instruction, ask questions, and share your screen—all in real-time.
Retake the course for free (in-person or live online) within one year.
Until June 15, 2020, all classes are held live online only.

See What Students Are Saying About Live Online

“Overall experience on Zoom was maybe even better than in IRL classroom because the instruction takes place right on your own screen, with less distraction. Great overall experience.”
“Given the fact that we had to do this entire class remotely due to Covid-19, I didn’t have very high expectations it would run so smoothly. However, I don’t think it could’ve gone any better. Not only do I feel very comfortable with the program now, but I’m actually excited to use it!”
“This was the first online class I’ve taken with ND and it was a great experience. Looking forward to the other classes I’ve signed up for!”

Learn more about how our live online training works

Online Training Demo

1-Minute Overview

Frequently Asked Questions

Is there mandatory work outside of the classroom?

Students are not required to complete any work outside of class. However, students are encouraged to practice the skills learned in class and develop a portfolio of work.
How many students are in a class?

Noble’s typical class ranges from 8–12 students, but we accept up to 20 students.
How does the custom schedule work & what is the recommended class order?

We have scheduled the certificate classes in various tracks (day, night, or weekend) for your convenience, but you can customize your schedule.

When creating a custom schedule, you’ll be able to choose between the various available dates for each class in the certificate program. So if you can’t make a particular class, you can choose a different scheduled instance that works better for you. You’ll still need to take the various courses in the recommended order as shown above, except for Git Going and Coding Tips & Tricks which can be taken any time after Web Development Level 2.
What happens if I need to miss a session?
You have some options:
- If you can’t come into the classroom, but can still attend remotely (live online using a screen sharing app), please let us know ahead of time so we can get you information to attend online.
- You can make up that session in a future offering of the class, provided that the class is running with an available seat.
- You can go through the workbook exercises for that session. Ask your instructor about what you’ll be missing.
Does Noble Desktop offer job placement?

We focus on teaching professional skills that people can use right away in real-world jobs. To keep class prices low, we do not offer job placement.

We don’t know of any schools that offer job placement at this price point. Programs with job placement are much more expensive. If you're considering one, be sure to read all their fine print to see what you will be required to do and if there are ways they can exclude you (such as missing a class or not fulfilling one of their other requirements).

Not having to worry about job placement statistics frees us to accept all students. Anyone who wants to learn at Noble, can. Some of our students want to learn a topic well enough to get a job in the industry (full time or freelance), others are already working in the industry or a related industry and want to add skills, others want to be able to communicate better with people in the industry. No matter what your goals are, you are welcome at Noble Desktop.

Even though we don’t do job placement, we aim to give students practical and valuable skills they can apply to real-world jobs. We teach a lot in a short amount of time, to prepare students as best we can with skills applicable to full-time or freelance work. We want you to succeed!
Does this course require any prior knowledge or experience?

Students must be comfortable using a computer. No other prior knowledge is required.
Do you offer discounts or a payment plan for this course?
Discounts
- Certificate Discount: This program is a discounted package of classes that is 15–25% off the individual class prices. Other discounts do not apply.
Discounts are applied at checkout (no promo code required) and will be verified after you place your order. Discounts are subject to change. Read our discount policies for more details.

Payment Plan

This program is eligible for our payment plan. Select “payment plan” at checkout to enroll. A valid credit card must be on file for the duration of the program.
- At checkout, you will only be charged a $250 non-refundable deposit which will be credited towards the last class in the program.
- One week before the start date of each class in the program, you will be charged for that upcoming class.
- You may be charged immediately for the first class if you sign up less than one week before the start date.
- The total payments (including the $250 deposit) will equal the price of the program. There is no interest or additional fees.
- Read our Payment Plan FAQ for more details.
Can I take this course online (remote learning)?
You may attend this training virtually (online) at the scheduled time the course is offered (New York, Eastern Time).

How does attending “live online” work?
- Students can attend this training remotely through screen sharing software (we use Zoom).
- Participants can hear the instruction, ask questions, and even share their screen with the instructor.
- For audio you can use your computer’s microphone/speakers or call a phone number that we’ll provide.
- Classes are activity-based and taught by a live instructor, so we strongly encourage students who are local to the area to attend in person!
What if I don’t have the software on my computer?

Upon registration, please email hello@nobledesktop.com and we will help you get set up with the software or anything else needed for an optimal training experience.

Which Certificate Program is Right For You?

Each of our certificate programs is suited towards a different type of career goal. Do you want to become a web developer that focuses on front-end, back-end, or full-stack development? Do you want to be a web designer who can create web graphics and code webpages and emails?

Here’s a quick overview of our New York State-approved programs. All our courses are taught with hands-on projects in NYC or live online and include step-by-step workbooks.

Additional Features
	Front-End	Web Design	Web Design	Full-Stack
			+ WordPress & PHP
	$2995 72 Hours	$3800 90 Hours	$5000 120 Hours	$5490 132 Hours
	Sign Up	More Info	More Info	More Info
Web FundamentalsHTML, CSS, JavaScript
Advanced CSSFlexbox, Grid, Bootstrap
Web WorkflowsGit, SASS, Emmet
Photoshop for WebUI Design in Photoshop
HTML EmailCross-mail-client emails
WordPress & PHPCMS & Back-End
Ruby on RailsFull-Stack Framework
Free Retake
Workbooks Included
NY Licensed Certificate

Learn at a Leading Web Development School

Learn from top instuctors with real-world coding experience. You’ll practice with hands-on exercises and projects developed by Noble Desktop, a top front-end web development school in New York that was founded in 1990.

This certificate program includes more learning time than many other courses (at comparable costs), and you’ll work in small class sizes with personalized attention. Retake any of the classes or the whole program for free within six months.

Students learning front-end coding at web design school in NYC

Hands-on Front-End Web Development Training

“The teaching method is perfect for the material. The instructors keep their knowledge cutting edge and each have a respectful resume chock full of experience. If I had to pick one thing to say about Noble Desktop it would be that the quality of instruction, choice of topics and teaching methods are extremely consistent; there wasn't one day of one class that I felt let down. That's amazing.”
Darrel Somoza, Assistant Director - Technology Based Training

Custom Workbooks Included

Noble Desktop’s front-end coding bootcamp is one of the most comprehensive programs in New York—72 hours—compared to other schools’ 60. We teach our students more with the help of step-by-step workbooks that maximize learning.

Learn Through Step-by-step Exercises

“The instructor was articulate and patient. They way the class is taught, with the exercise first being explained by the instructor, then having the students do the same exercise is smart. The step by step instruction booklet given to students is well written. All in all an excellent experience.”
James Lello

Flexible Scheduling & Payment Options

We offer flexible scheduling and payment options for the Front-End Web Development Certificate. Take the classes part-time or full-time; weekdays, weeknights, or Saturdays. You can request a payment plan and be charged over the course of the certificate, rather than upfront.

Highly Reviewed by Our Alumni

From our hands-on training style to world-class instructors and proprietary curriculum, we deliver a learning experience our alumni can be proud of.

Noble lets you learn to code in a hands-on, practical way. The goal is for you to actually learn how to build websites. The content is extremely practical; they’ve spent over 20 years perfecting the course materials, and it shows. The materials become your reference manual that you can refer to as you implement upgrades to your own website. Don’t waste your money elsewhere, this is the place to go. The owner and teachers are fully committed to your success.

Sonia Parechanian

Reading all the positive testimonials you think to yourself, ‘No class or instructor can be THAT good, right?’ Wrong. The instructors at Noble are the most knowledgeable, experienced, patient and skilled teachers you will find anywhere and the learning methods and training materials they employ will have you designing, coding and creating in no time.

Darrel Somoza, Long Island Rail Road

Learn to Code Websites with HTML, CSS, & JavaScript

What You’ll Learn

Learn with Hands-on Projects

Courses in the Certificate Program

Web Development Level 1

Web Development Level 2

Flexbox, Grid, & Bootstrap

JavaScript & jQuery

Git Going: An Intro to Git

Coding Tips & Tricks

Front-End Web Development Certificate Overview

Front-End Web Development

Code Management & Deploying Sites

Schedule & Enrollment

Discounts

Payment Plans

Jun 23–Sep 10 Weeknights

Jul 6–23 Weekdays

Sep 26–Dec 19 Saturdays

Oct 5–22 Weekdays

These dates don’t work for you?

This Course is Available Live Online

See What Students Are Saying About Live Online

Online Training Demo

Frequently Asked Questions

Is there mandatory work outside of the classroom?

How many students are in a class?

How does the custom schedule work & what is the recommended class order?

What happens if I need to miss a session?

Does Noble Desktop offer job placement?

Does this course require any prior knowledge or experience?

Do you offer discounts or a payment plan for this course?

Discounts

Payment Plan

Can I take this course online (remote learning)?

How does attending “live online” work?

What if I don’t have the software on my computer?

Which Certificate Program is Right For You?

Learn at a Leading Web Development School

Hands-on Front-End Web Development Training

Custom Workbooks Included

Learn Through Step-by-step Exercises

Flexible Scheduling & Payment Options

Highly Reviewed by Our Alumni

Free Resources

What is Git and Why Should You Use it?

Video Tutorial: How to Get Started in Web Design

Video Tutorial: Introduction to JavaScript

Coding Basics: Intro to HTML Syntax

You May Not Need a Full-Time Course to Change Careers

Should I Learn Front-end or Back-end Web Development?

Related Classes & Certificates

Web Design Certificate

Web Design with WordPress & PHP Certificate

Web Development Level 1