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.

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.

Coffee website coded with background images and icons

Travel website coded to be responsive on mobile

Registration form coded with HTML and CSS

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

Schedule & Enrollment

$3965 $2995
72 Hours
185 Madison Ave, NYC or live online
Computer 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

Jan 6–28 Weekdays

Collapse Schedule

Jan 6–8	Mon–Wed	10am–5pm	Web Development Level 1
Jan 13–15	Mon–Wed	10am–5pm	Web Development Level 2
Jan 17	Friday	10am–1pm	Git Going: An Intro to Git
Jan 17	Friday	2–5pm	Coding Tips & Tricks
Jan 21–23	Tue–Thu	10am–5pm	JavaScript & jQuery
Jan 27–28	Mon–Tue	10am–5pm	Flexbox, Grid, & Bootstrap

Feb 4–Apr 23 Weeknights

Expand Schedule

Feb 4–20	Tue & Thu	6–9pm	Web Development Level 1
Feb 25–Mar 12	Tue & Thu	6–9pm	Web Development Level 2
Mar 17–Apr 2	Tue & Thu	6–9pm	JavaScript & jQuery
Apr 7–16	Tue & Thu	6–9pm	Flexbox, Grid, & Bootstrap
Apr 21	Tuesday	6–9pm	Git Going: An Intro to Git
Apr 23	Thursday	6–9pm	Coding Tips & Tricks

Mar 7–May 30 Saturdays

Expand Schedule

Mar 7–21	Saturday	10am–5pm	Web Development Level 1
Mar 21–Apr 4	Saturday	10am–5pm	Web Development Level 2
Apr 18–May 2	Saturday	10am–5pm	JavaScript & jQuery
May 9–16	Saturday	10am–5pm	Flexbox, Grid, & Bootstrap
May 30	Saturday	10am–1pm	Git Going: An Intro to Git
May 30	Saturday	2–5pm	Coding Tips & Tricks

Apr 13–30 Weeknights & Weekdays

Expand Schedule

Apr 13–15	Mon–Wed	10am–5pm	Web Development Level 1
Apr 20–22	Mon–Wed	10am–5pm	Web Development Level 2
Apr 23–24	Thu–Fri	10am–5pm	Flexbox, Grid, & Bootstrap
Apr 27–29	Mon–Wed	10am–5pm	JavaScript & jQuery
Apr 30	Thursday	10am–1pm	Git Going: An Intro to Git
Apr 30	Thursday	2–5pm	Coding Tips & Tricks

Jun 23–Sep 10 Weeknights

Expand 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

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?

Frequently Asked Questions

Are there prerequisites for this certificate program?

No. Prior coding experience is not required for this certificate program. Students only need to be comfortable with using a computer.
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!
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!

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.

“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

Learned comprehensive front-end web development
“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

Assistant Director - Technology Based Training, Long Island Rail Road

See our 2,637 testimonials

4.9

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

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

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.

Each web development class comes with a training workbook created by Noble Desktop

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

Web coding example from web design class

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.

Flexible scheduling available for web design bootcamp

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

HTML: Create web pages and emails using HTML code to mark up content (text, images, etc.)

CSS: Style the contents of a webpage or email.

JavaScript & jQuery: Add interactivity, animation, and more to webpages.

Flexbox, Grid, & Bootstrap: Learn modern page layout techniques.

Code Management & Deploying Sites

FTP: Upload your files to make the site go live.

Git: Keep a history of code changes, and merge your code with other developers.

GitHub & Bitbucket: Work with other developers using remote Git repositories.

Schedule & Enrollment

Discounts

Payment Plans

Jan 6–28 Weekdays

Feb 4–Apr 23 Weeknights

Mar 7–May 30 Saturdays

Apr 13–30 Weeknights & Weekdays

Jun 23–Sep 10 Weeknights

Jul 6–23 Weekdays

Oct 5–22 Weekdays

These dates don’t work for you?

Frequently Asked Questions

Are there prerequisites for this certificate program?

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?

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?

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

Related Classes & Certificates

Web Design Certificate

Web Design with WordPress & PHP Certificate

Web Development Level 1

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?