Yelp Facebook YouTube Twitter Instagram

Front-End Web Development

Web Coding Classes & Bootcamps in NYC

The front-end of a website is the part you see working in a web browser. Learn to create websites by coding HTML, CSS, JavaScript/jQuery, Sass, and using Git to track changes and collaborate with other developers.

Learn Front-End Coding

Learn web coding with HTML to mark up pages, CSS for styling, and JavaScript to add interactivity

Code Responsive Websites

Optimize websites for mobile, tablet, and desktop

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. 

  • 78 Hours
  • Small classes
  • Books Included
  • Free retake

Register for a class

$4200 $2995 Policies

NYC or Live Online

What You’ll Learn

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

Front-End Web Development Class Syllabus

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.
Responsive Web Design: Create pages that are optimized for all size screens.
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.
  • Coffee website with background hero image and social media icons

    Code layouts with text, graphics, links, and more.

  • Lake Tahoe website optimized for mobile

    Learn to code media queries to create websites that work across multiple devices.

  • Jive Factory website showing events using JavaScript

    Learn JavaScript to create interactive elements such as accordions that hide and show content.

  • NYC website navigation menu

    Learn to code mobile friendly navigation with CSS.

Courses in the Front-End Web Development Program

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
Web Development Level 1 details 
Web Development Level 2
  • Use media queries to create layouts that are responsive (optimized for all screens sizes, such as phones, tablets, and desktops).
  • Dive deeper into CSS3 selectors and properties for more sophisticated styling.
  • Learn best practices to write cleaner, more optimized CSS code.
Web Development Level 2 details 
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.
JavaScript & jQuery details 
Mobile & Responsive Web Design
  • Learn how to optimize sites for high-resolution (Retina) displays.
  • Dive deeper into CSS media queries and mobile optimized navigation.
  • Learn how to use and skin Bootstrap to build out layouts quickly, using their mobile first grid system and components.
Mobile & Responsive Web Design details 
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
Git Going: An Intro to Git details 
Coding Tips & Tricks: Emmet, Sass, & Code Editors
  • 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
Coding Tips & Tricks: Emmet, Sass, & Code Editors details 

Learn at a Leading Web Development School

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

The program include more learning time than many other certifications (at comparable costs), and you’ll work in small class sizes for personalized attention. Retake any of the classes or the whole program for free.

  • “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

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—78 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

Register for Front-End Web Development

$4200 $2995 Policies

NYC or Live Online