Yelp Facebook LinkedIn YouTube Twitter Instagram

Classes available in-person (strict social distancing) or live online with an extended free retake period. See details.

Noble Desktop Noble Desktop
  • Coding
    • Web Development
    • Python
    • FinTech
    • Ruby on Rails
    • Summer Camps Teens
    • iOS Development
    • JavaScript
    • Data Science
    • Web Certificates
    • SQL
    • HTML Email
    • WordPress
    • Machine Learning
    • React
    • All Coding Classes & Bootcamps
  • Design
    • Graphic Design
    • Web Design
    • Photoshop
    • After Effects
    • Premiere Pro
    • InDesign
    • Illustrator
    • Video & Motion
    • Visual Design
    • UX Design
    • Sketch
    • Adobe XD
    • Photography
    • AutoCAD
    • All Design Classes & Certificates
  • Business
    • Digital Marketing
    • SEO
    • Google Analytics
    • Google Ads
    • Social Media
    • Data Analytics
    • Excel
    • Tableau
    • PowerPoint
    • Financial Modeling
    • Finance
    • Project Management
    • All Business Classes & Certificates
  • Certificates
    • Web & Visual Design
    • Web Design
    • Front-End Web
    • Full-Stack Web
    • Data Science
    • Digital Marketing
    • Visual Design
    • Graphic Design
    • Motion Graphics
    • UX & UI Design
    • Data Analytics
    • FinTech
    • Front End & React
    • Python Developer
  • Corporate
    • Excel
    • SQL
    • Python
    • Data Science
    • Graphic Design
    • Web Design
    • Photoshop
    • After Effects
    • Video Editing
    • Digital Marketing
    • Data Analytics
    • Adobe
    • Microsoft Office
    • Project Management
  • Compare
  • Schedule
  • Coding
    • Web Development
    • Python
    • FinTech
    • Ruby on Rails
    • Summer Camps Teens
    • iOS Development
    • JavaScript
    • Data Science
    • Web Certificates
    • SQL
    • HTML Email
    • WordPress
    • Machine Learning
    • React
    • All Coding Classes & Bootcamps
  • Design
    • Graphic Design
    • Web Design
    • Photoshop
    • After Effects
    • Premiere Pro
    • InDesign
    • Illustrator
    • Video & Motion
    • Visual Design
    • UX Design
    • Sketch
    • Adobe XD
    • Photography
    • AutoCAD
    • All Design Classes & Certificates
  • Business
    • Digital Marketing
    • SEO
    • Google Analytics
    • Google Ads
    • Social Media
    • Data Analytics
    • Excel
    • Tableau
    • PowerPoint
    • Financial Modeling
    • Finance
    • Project Management
    • All Business Classes & Certificates
  • Certificates
    • Web & Visual Design
    • Web Design
    • Front-End Web
    • Full-Stack Web
    • Data Science
    • Digital Marketing
    • Visual Design
    • Graphic Design
    • Motion Graphics
    • UX & UI Design
    • Data Analytics
    • FinTech
    • Front End & React
    • Python Developer
  • Corporate Training
    • Excel
    • SQL
    • Python
    • Data Science
    • Graphic Design
    • Web Design
    • Photoshop
    • After Effects
    • Video Editing
    • Digital Marketing
    • Data Analytics
    • Adobe
    • Microsoft Office
    • Project Management
    • All Corporate Training
More
  • Compare Courses
  • Class Schedule
  • Classes Near Me
  • FAQ
  • Blog
  • Workbooks
  • Free Seminars
  • NextGen Bootcamp
  • Resources
  • Student Testimonials
  • Student Showcase
  • Job Board
  • Evaluation
  • Course Catalog

Web Design Classes in NYC or Live Online

Become a web designer. Learn how to code and design webpages from the experts with hands-on training. Attend a short course, or enroll in a certificate program in Web Design, UX, Front-End Development, or Visual Design.

  • Certificate Programs
  • Web Design
  • Visual Design
  • UX Design
  • Web Development
  • Corporate Training
  • Why Noble
  • About Web Design
  • Careers
  • Live Online
  • Learning Resources
  • Upcoming Classes

Web Design Certificate Programs

Earn a certificate in web design or development in full or part-time programs. Code websites with HTML, CSS, & Javascript, and design webpages in Sketch, Adobe XD, or Photoshop.

  • Web & Visual Design Certificate

    Become a well-rounded web and visual designer and start creating your portfolio. Learn to design the layouts, create and optimize web graphics, and code the final product with HTML, CSS, and JavaScript.

    Read more
    • $4,995
    • 120 hours
    • Weekdays or weeknights
    • Open to beginners
    • Financing available
    Course information See upcoming dates
  • Web Design Certificate

    Design and code responsive websites. Learn front-end web development with HTML, CSS, & JavaScript, plus create web graphics and webpage layouts in Photoshop. This certificate combines coding, web graphics, and HTML email to help you become a well rounded web designer.

    Read more
    • $3,800
    • 90 hours
    • Weekdays, weeknights, or weekends
    • Open to beginners
    • Financing available
    Course information See upcoming dates
  • UX & UI Design Certificate

    Learn to design the UX (User Experience) and UI (User Interface) of websites in this certificate program. From prototyping, to user research and testing, to creating visual designs in Sketch, and more, you’ll learn how to create effective designs.

    Read more
    • $2,995
    • 72 hours
    • Weekdays or weeknights
    • Open to beginners
    • Financing available
    Course information See upcoming dates
  • Visual Design Certificate

    Design mobile & web interfaces, learn graphic design fundamentals, and create a portfolio. Our Visual Design Certificate includes classes in Photoshop, Illustrator, Sketch, Graphic Design & Visual Design.

    Read more
    • $3,800
    • 96 hours
    • Weekdays, weeknights, or weekends
    • Open to beginners
    • Financing available
    Course information See upcoming dates
  • Front-End Web Development Certificate

    Learn to create the front-end of websites by coding HTML, CSS, JavaScript, jQuery, Sass, and use Git to track changes and collaborate with other developers.

    Read more
    • $2,995
    • 72 hours
    • Weekdays, weeknights, or weekends
    • Open to beginners
    • Financing available
    Course information See upcoming dates
  • Front-End & React Development Certificate

    In this certificate, you'll conquer the in-demand programming languages, frameworks, and developer tools to become a Front-End Developer. Learn HTML & CSS, JavaScript, React, and React Native with hands-on projects.

    Read more
    • $5,495
    • 144 hours
    • Weeknights or weekends
    • Open to beginners
    • Financing available
    Course information See upcoming dates
See All Web Development Certificates Courses
  • 45,000+
    Students
  • 31
    Years
  • 2,500+
    Testimonials

Web Design Classes & Bootcamps

Learn to create and style webpages with HTML, CSS, and JavaScript, laying out responsive websites with CSS flexbox & grid. Learn by doing with our step-by-step workbooks and project-based curriculum.

  • Web Development Level 1

    Learn to create webpages by coding HTML & CSS. Learn best practices for structuring the content of your webpages with HTML, then styling the content with CSS. Start creating responsive websites that adapt to multiple screen sizes. After coding you’ll upload a site to make it live!

    Read more
    • $975
    • 18 hours
    • Weekdays, weeknights, or weekends
    • Open to beginners
    Course information See upcoming dates
  • Web Development Level 2

    Kick your CSS skills up a notch by learning how to code more complex and visually interesting layouts. In this CSS training, you’ll learn about vector graphics (SVG), CSS variables, styling gradients, shadows, positioning, CSS animated transitions, transforms, responsive images, and much more.

    Read more
    • $975
    • 18 hours
    • Weekdays, weeknights, or weekends
    • Prerequisites required
    Course information See upcoming dates
  • Flexbox, Grid, & Bootstrap

    Learn how to use CSS flexbox and grid to layout and align webpage content, and make it adapt to different size screens. See how both of these newer CSS techniques are useful, and when to use each. You’ll also learn how to use Bootstrap (which uses Flexbox) to build out layouts quickly.

    Read more
    • $650
    • 12 hours
    • Weekdays, weeknights, or weekends
    • Prerequisites required
    Course information See upcoming dates
  • JavaScript & jQuery

    Make your webpages more interesting and interactive with JavaScript & jQuery. Learn how to hide and show elements, add slideshows, validate forms, and much more. Once you know how to use jQuery & plugins, a whole world of cool things becomes available!

    Read more
    • $975
    • 18 hours
    • Weekdays, weeknights, or weekends
    • Prerequisites required
    Course information See upcoming dates

Learn the Skills Guarantee™

  • Hands-on training in small groups

    Work on projects proven to boost retention

  • Time-tested curriculum and supporting materials

    Refined over many cohorts for an optimal learning experience

  • Learn from industry experts with teaching experience

    Experienced educators who are driven to help you succeed

  • Retake the course for free within one year

    Refresh the materials and gain additional practice

Learn the concepts and skills covered in this program or your tuition is on us. See details and terms & conditions.

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

Visual Design Classes & Bootcamps

Visual Design is creating the look and feel of websites and apps. Learn to create your designs with Sketch, Photoshop, or Adobe XD, and design great-looking web pages in our Visual Design Bootcamp.

  • Sketch Bootcamp

    Get a solid understanding of Sketch so you create designs for different size screens, tap into the power of symbols (reusable design components), build clickable prototypes using InVision as well as Sketch’s native prototyping tools, export graphics, learn about useful plugins that make working in Sketch better, and much more.

    Read more
    • $650
    • 12 hours
    • Weekdays, weeknights, or weekends
    • Open to beginners
    Course information See upcoming dates
  • Adobe XD Bootcamp

    Get a solid understanding of Adobe XD so you create designs for different size screens, tap into the power of reusable design components, build clickable prototypes, add animations, export graphics, and much more.

    Read more
    • $650
    • 12 hours
    • Weekdays or weeknights
    • Open to beginners
    Course information See upcoming dates
  • Visual Design Bootcamp

    Learn to design websites for mobile and desktop using timeless principles such as color, layout, and typography, as well as visual conventions, standards, and trends. You will learn the process and principles for designing responsive websites through lectures and hands-on exercises.

    Read more
    • $975
    • 18 hours
    • Weekdays or weeknights
    • Prerequisites required
    Course information See upcoming dates
  • Sketch in a Day

    Get up and running quickly with the fundamentals of Sketch: learn to design websites, apps, etc. for different size screens, tap into the power and flexibility of symbols (reusable design components), export graphics, and more. If you want to learn Sketch in greater depth, check out our 12-hour Sketch Bootcamp.

    Read more
    • $325
    • 6 hours
    • Weekdays, weeknights, or weekends
    • Open to beginners
    Course information See upcoming dates
  • Adobe XD in a Day

    Design the UX and UI of websites, apps, and more. You can do everything from design to prototype all in Adobe XD. In this class you’ll learn how to design on grids, turn your design into a clickable prootype, export image assets, and much more.

    Read more
    • $350
    • 6 hours
    • Weekdays or weeknights
    • Open to beginners
    Course information See upcoming dates
  • Photoshop for Web Design & UI

    Learn how to use Photoshop to create and optimize graphics for web and UI design. Create wireframes and turn them into finished designs that are optimized for mobile, tablet, and desktop screens. You’ll learn how to design on grids, extract image assets, create hi‑res 2x graphics, and so much more.

    Read more
    • $650
    • 12 hours
    • Weeknights only
    • Prerequisites required
    Course information See upcoming dates
See All Visual Design Courses

UX Classes & Bootcamps

Learn user experience design by applying UX processes to real-world projects. Create prototypes and wireframes, conduct user testing, create user personas, and present your findings.

  • UX Design Bootcamp

    In this UX design class you will learn the fundamentals of engaging with the user, concept development and prototyping. You will also practice how to critically analyze and communicate your findings to the team and a real-world client. This intensive UX course prepares you to understand the basics of user experience practice through various methodologies and real-world projects.

    Read more
    • $1,495
    • 30 hours
    • Weeknights only
    • Prerequisites required
    Course information See upcoming dates
  • UX & UI Design Certificate

    Learn to design the UX (User Experience) and UI (User Interface) of websites in this certificate program. From prototyping, to user research and testing, to creating visual designs in Sketch, and more, you’ll learn how to create effective designs.

    Read more
    • $2,995
    • 72 hours
    • Weekdays or weeknights
    • Open to beginners
    • Financing available
    Course information See upcoming dates
  • UX Design in a Day

    This UX class will provide an overview of the key concepts of user experience (UX) design. Class material will be a mix of lecture, discussion, industry examples, and classroom activities. You'll leave the class with a broad understanding of how UX designers work with other team members, fundamentals of the industry, and how designers move from research insights to design concepts.

    Read more
    • $325
    • 6 hours
    • Weekdays only
    • Open to beginners
    Course information See upcoming dates
See All UX Design Courses

Web Development Classes & Bootcamps

Become a web developer or software engineer. Learn how to code the front and back-end of websites.

  • Front-End & React Development Certificate

    In this certificate, you'll conquer the in-demand programming languages, frameworks, and developer tools to become a Front-End Developer. Learn HTML & CSS, JavaScript, React, and React Native with hands-on projects.

    Read more
    • $5,495
    • 144 hours
    • Weeknights or weekends
    • Open to beginners
    • Financing available
    Course information See upcoming dates
  • Python Developer Certificate

    Learn the essential skills and tools to become a Python Developer. This beginner-friendly course teaches students Python for software development with Django and Django REST in addition to other developer tools such as Git and SQL. 

    Read more
    • $4,995
    • 138 hours
    • Weekdays or weeknights
    • Open to beginners
    • Financing available
    Course information See upcoming dates
  • Software Engineering Certificate

    Learn the skills to become a Software Engineer or Full Stack Developer in this immersive course. Master the front-end using HTML, CSS, JavaScript, and React; build the back-end with Python, Django, and Node.js

    Read more
    • $9,995
    • 282 hours
    • Weeknights only
    • Open to beginners
    • Financing available
    Course information See upcoming dates
  • React Development Bootcamp

    Build dynamic websites and applications with ReactJS and React Native. In this bootcamp, you'll develop several fully-functioning apps.

    Read more
    • $2,995
    • 72 hours
    • Weekdays, weeknights, or weekends
    • Prerequisites required
    • Payment plan available
    Course information See upcoming dates
See All Web Development Courses

Corporate & Onsite Training

Train your team in the web design skills they need to create web graphics, code webpages or emails, build animations, and much more. Purchase group class vouchers at a discount for our regularly-scheduled group classes in New York, or create a custom training program at your offices.

Request more info:

Sketch

Design the UX and visuals of digital products such as website and apps

Adobe XD

Design the UX and visuals of websites, apps, and much more

Photoshop Animated GIFs

Quickly make animations for emails, websites, ads, and more

After Effects

Create animations and special effects for the web and more

HTML, CSS, & JavaScript

Learn to write the code for webpages and emails

UX Design

Build better products by designing the user experience

Private Training

  • Available onsite at your location
  • Modern computer labs available at our offices
  • Customize or choose from our existing courses
  • Free instructor consultations to finalize content
Or

Group Class Vouchers

  • Send employees to our group classes
  • Extensive offerings and flexible scheduling
  • Simple billing and logistics
  • Computers and training resources provided

We’ve trained thousands of companies!
Let us create the perfect program for your team.

(212) 226-4149

Why Learn Web Design at Noble

Start or accelerate your career in tech with courses in web and visual design. Put together the course sequence of your dreams, with flexible options including weeknight classes, accelerated bootcamp programs, and individual courses that can be applied to certificate programs later on. You won’t need to quit your job or take out a loan to jump start your career in design.

Our module-style courses are affordable, so you can take only the classes you need. By adding more design skills to your repertoire, you’ll increase your earning potential and demonstrate a solid grasp of popular visual and web design technologies.

  • Students learning graphic design & coding at Noble Desktop

    Learn Real-World Design & Coding Skills

    “Noble Desktop is far and away the most efficient way of gaining computer graphics skills. They give real-world exercises to work on, teach best practices, and inspire many an ‘aha!’ moment. Highly recommended.”
    Joanne Hu

  • Students learning hands-on at Noble Desktop

    30 Years of Experience

    Since 1990 we have perfected the craft of teaching. If students get hung up on an issue, we tweak the class to make it better. We’re the longest running independent training center for code and design in NYC.

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.

Yelp
Google
Switchup.org

56 Students Rated Our Web Design Classes 5 Stars

Excellent web design school! The staff and teachers are all enthusiastic, very knowledgeable and super helpful. In addition, the class workbook is really well laid out so that I am able to work on things at home and solidify the subject. Take a class!

Kimberley

I had always wanted to learn web design but wasn't sure where to start. Noble Desktop gave me the push necessary to get a firm grasp on the basics and built the necessary foundation for me to start exploring new possibilities on my own. The skills learned will most definitely help me grow both professionally and creatively.

Luis Felipe Basaure, United Nations

As a complete novice entering the Web Design Certificate courses, I can confidently say that the content learned and experience at Noble Desktop has surpassed my expectations on all levels.

Matt Wright, "I Have A Dream" Foundation - New York

Flexbox, Grid + Bootstrap was another perspective on how to create structure and simplify certain aspects of web design. David is a thoughtful and thorough instructor. It is always challenging learning new things and taking classes at Noble Desktop makes it a fun experience! Highly recommend!

Victoria Greiss

Never thought I would fall in love with web design! Thanks to Noble, I have found my passion and look forward to this exciting career development!

Anna Veselova

Over the years, the good people at Noble Desktop have solved the magical mysteries of web design and web coding! Cheers!

Adam Bohannon

Great, super easy to follow and comprehend class. So happy with the intro that I'll be coming back for the full Web Design and Front-End coding certificates!

Rose, Optavia

As a long-time refugee of print design, I took the plunge and invested in my career by taking the web certificate. I feel like it really paid off. I felt empowered and possessed the tools to design and build modern, responsive web sites. The aspect I most appreciated was learning up-to-date best practices for executing modern web designs. Noble’s original step-by-step books are second to none: easy to follow and handy references to fall back on while working on a project. The instructors bring their own valuable real-world experience and are eager to help and share their knowledge.

Dylan Rogers

I have completed 2 certificate programs. A 90-hour front-end Web Design Certificate that included classes in HTML, CSS, JavaScript and jQuery, HTML Email, Photoshop for web, and mobile and responsive web design. The second certificate built onto the first, and added a 30-hour back-end web development program which included PHP, MySQL, and WordPress. I learned tons, and the teachers were excellent. The course books are such a valuable tool to use with my projects. I was able to code a WordPress theme from scratch, and was even asked to speak at this past summer’s Wordcamp NYC. The instructors know their stuff, and really make learning fun. Nothing is rushed, and they take time to answer all questions. These courses were a very worthwhile investment—would recommend to anyone.

Gail Kearney

The Adobe XD class was a fun and educational day. Dan explains everything really clearly and it is a really exciting new program to learn. See how it compares to Sketch and other web design programs. Better to learn and understand all of them! Love the prototyping features and soon to come animation. I highly recommend the class to beginners or seasoned pros.

Victoria Greiss

Learned many useful web design and development principles that are utilized today in responsive design. This class gave me a solid foundation and understanding of best practices in modern day web development.

Dmitrii Sinitskii

I spent a lot of time researching different schools and couldn’t be more happy that I went to Noble Desktop for the Web Design Certificate. The instructors are great, you cover a lot of material and best of all - you get to keep the workbook so you can repeat exercises on your own!

Kathy Hallock

Noble Desktop has a great atmosphere! You never feel intimidated or that you are not "techy" enough to learn any given program. The Web Development Level 2 class was really informative and helpful with creative ideas for web design.

Victoria Greiss

As someone without a design background, I felt the web design classes at Noble Desktop were great at filling in some personal knowledge gaps, in addition to teaching how to build a website and code. The instructors all have so much to share, be it career advice, design tips or technical knowledge. I definitely feel fulfilled and empowered by the tools I’ve picked up here!

Adrienne Yao

Invest in yourself and take the Mobile & Responsive Web Design class. It's a great and invaluable experience that will keep you current with web trends. The added bonus; instructors at Noble Desktop are always top notch!

German Hernandez

As someone who got into Web Design 15 years ago, this course was a great refresher and it showed me what I was doing wrong. Aside from updating my skills, this class also helped me get more comfortable with what I really needed, to learn how to hand-code HTML.

German Hernandez

You can always trust Noble Desktop to provide the best education, most current information and practical and effective exercises for today's web design and development needs.

Jennifer LaRoe

A great way to break into web design. No question too small. The teacher, the exercises and the work book are seamlessly designed to cover the most ground. A great class for a great price!

Carole Bolger

Always enjoy my time at Noble. Great classes, great schedules, and instructors!

Kristie Finn, Victoria's Secret

Noble Desktop is my go-to place for learning new programs quickly. The "class in a day" is the perfect crash course geared for people like me who have limited time to work with.

Justin Bamforth, Edison Properties

Very intuitive and hands-on learning which makes the concept of web development easy to grasp.

David Lemaire

Learning with Sneha was fantastic - great material, made learning to code easy and understandable - and best teacher ever!

Joanna

Great atmosphere, excellent instructors and flawless equipment. Would recommend to someone who is interested in coding and would like to be fully engaged in class.

Felix Mednik

I never thought learning coding at Noble Desktop would be so easy.

Angel Thill

Web Dev 1 cleared away any anxiety I had about learning HTML and CSS. Their practical approach is far more effective than my previous two programs. I feel as though I have a solid foundation through which I can build upon. Thank you!

MARK COMER

The class had a quick and easy flow to understanding the contents of the class. It was taught by an outstanding instructor and I recommend to everyone and anyone who wants to learn more about Javascript and jQuery.

Alwin Jacob

Awesome instructors! Class content is excellent! Experience has been great so far! Can't wait to do some more learning with Noble Desktop :)

Sunny Ryoo, Pixelove Design

Noble Desktop definitely exceeded my expectations for the Adobe After Effects Level 1 Class. Having no experience at the beginning of the class, I now feel more comfortable creating simple animations on my own and exploring new tutorials outside of class. Dan is also an excellent instructor for After Effect newbies. High fives for everything!

Claudia Modlin

This class is a must! Lasha is extremely knowledgable and a great teacher. You will learn how to create very cool interactive experiences with the information learned in this class. A+!

Hannah Blaser, Citizen Watch America

This class gives you a ton of content to learn from, and is a great point of departure into the UX design world.

David Ferris, David Ferris Design

This class is a MUST! Dan makes the content easy to understand and applicable to real life work scenarios. So happy I took this class at Noble Desktop.

Hannah

I would recommend to anyone who wants to make their coding lives easier and more accessible.

Alwin Jacob

Made XD look so easy! Super informative, Great resources provided to practice as we learn. I loved this session!

Timsy Gandhi, Wildtype

Our instructor Dan R found a way to help us with comments outside art boards (Pharma PRT legal requirements) as a surprise on his teachings on our second class session! very passionate about teaching!

Jennifer Diaz Tonos, TBWAWH

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, I'm actually excited to use it!

Shardae, TBWA

My course instructor was fantastic! Made my learning experience fun and stress free. Look forward to taking more classes in the near future.

Bathsheba Parker, Alliance for Downtown New York, Inc

Noble Desktop is the premier source to expand a designer's skill set.

Claire Werner, Claire Werner Graphics

The content was progressive and covered the most salient aspects of the Sketch platform – perfect for a quick refresher or an introduction.

Ryan Hormberg

This 2-day Sketch Bootcamp covers the most practical uses of Sketch. From creating those nice arrow buttons and pin maps to prototyping to showcase your work without sweating a code. Totally worth it!

Zeddy Iskandar

I had limited exposure to coding before taking the Web Development Level 1 course at Noble Desktop, and the amount of content I learned in just three days totally exceeded my expectations. I really enjoyed having coding exercises modeled for me by the instructor before having the chance to try them on my own.

Nicholas Lederer

This is a very, very solid overview of some powerful web building tools.

Svetlana Finelt

Good way to kick start learning a new program. Lots of behind the scenes advice that you don't get from reading a book.

Teresa Lane, Self

As someone who had used AfterEffects before but never REALLY knew the ins and outs of the program, this was a fantastic course to finally learn the basics.

ANDREW GELMAN, Global Association of Risk Professionals

This is my third class with Noble Desktop—and the first online via Zoom. The online instructor and class was just as good as my in-person class experience. The exercises taught skills applicable to enhance our Social Media projects. Noble Desktop is top notch!

Julie Grant, Valley Bank

It's pretty amazing how much I learned in just 3 days. Definitely the right kind of class with the right kind of instructor. I highly recommend Noble Desktop. You won't be disappointed!

Darnel DiGerlando, Valley Bank

The After Effects Bootcamp Level 1 was very informative and I learned so much! The notes that are provided are very thorough, which makes me feel better about creating animations on my own time. The instructor was so approachable and gave us plenty of time to work through the exercises. Overall, I'm so happy I took this course and I can't wait to create my own animations : )

Alyssa Gauci

This software is a very interesting pivot from the Adobe software. I feel like I learned all the secrets to it from this course as well.

Ashley Dragan

I'm really glad I found Noble Desktop! I've been using Photoshop for web design projects for the past 5 years, and I knew I needed to be up to date with the latest technology. I tried figuring it out on my own but it was too overwhelming, and YouTube videos only got me so far. I was looking for an online class with a live instructor, and this was exactly what I needed to get a good understanding and have confidence using the software at my workplace. I was shown so many solutions to things that were holding me back in Photoshop, and I'm excited to start using it now.

Kristen, Carrus

This course teaches how to build a great-looking site from the very beginning to going live online in 3 days. Well-worth the investment.

Svetlana Finelt

I totally enjoyed Web Development 1 and learned a great deal. Dan Rodney is an excellent instructor. He is thorough and informative. He makes HTML look easy!

Lisa Dowe

I am happy that I signed up with Noble Desktop for their classes. I signed up for Front End certification. There are so many other classes to choose from that continuing education is on my radar.

Lisa Dowe

My main concern with JavaScript was I always felt like I was missing something fundamental or lacked confidence in what I was doing. After taking this course, I feel assured that I understand the core fundamentals of JavaScript and can now continue to build on that foundation.

Katy Martin, Something Digital

Learned so much through the bootcamp! Now I feel more confident in creating projects on my own from start to finish.

Ashley

First time taking a virtual class. Noble Desktop made it so easy. I wouldn't hesitate to do it again.

Kathryn R Kenosian-Viola, freelancer

I would highly recommend this class to anyone who is interested in learning XD! They cover alot of ground and the demos and exercises are thorough, our instructor was very open about sharing industry knowledge, answering questions, and having thoughtful conversations which I found very insightful!

Kristine, WebEnertia

Expert instruction that is completely accessible. A vast amount of material presented in a comprehensive way that is methodical and builds from basic to more involved.

Lauren Press, Law and Order SVU

Which Web Design Course is Right for You?

So you want to learn to design and build websites? Let’s talk about where should you start, what you need to learn, apps you’ll need, industry terminology, and more. There are two sides to creating websites: design and coding.

At Noble Desktop you can learn many aspects surrounding web design, from coding webpages to designing how they look, from designing the user experience (UX) to create animations. Below you’ll find a variety of ways to learn about these topics.

  • Web Design

    From design to coding webpages, you can learn visual design concepts or learn to code HTML, CSS, and JS

  • UX Design

    Learn how user-centered design makes for better experiences and products

  • UI or Visual Design

    Design the appearance of digital content such as websites and apps

  • Motion Graphics

    Edit video and create motion graphics and visual effects for web and more

Web Coding (Front-End Web Development)

The front-end of a website is what you see in a web browser. It’s the content, appearance, and interactivity seen in a webpage. To code the front-end you’ll use HTML, CSS, and JavaScript. Below are explanations of common web coding topics:

HTML & CSS

The foundation of all webpages is HTML & CSS. HTML marks up or labels content such as headings, paragraphs, lists, links, and more. CSS styles the content based on your markup. HTML & CSS are easier to learn because they are coding, not full-blown programming. HTML is the easiest because there is less code and complexity. CSS takes a bit longer to master because there’s more to it and it has some concepts that need to be understood for things to work properly. CSS continues to get new features faster than HTML, with newer layout techniques such as flexbox and grid. CSS continues to develop to give developers more control over the layout and appearance of a webpage.

You can get started with the basics of HTML and CSS in only 3 hours in our Intro to HTML & CSS class. If you need to learn it more in-depth, take our Web Development Level 1 class, or for the most comprehensive program take our Front-End Web Development Certificate.

JavaScript

You can add animation and interactive functionality to webpages using JavaScript. JavaScript is the lord of a webpage, and can change both the content (HTML) and styling (CSS) within a page. If anything needs to change after a page had loaded, it’s typically JavaScript that will be responsible for doing so.

Instead of having to write all the code yourself, many JavaScript libraries allow you to use pre-made functionality. This will enable you to create things faster (by writing less code) without re-inventing the wheel. The most commonly used library is jQuery because it's so versatile. The best JavaScript library for animation is GreenSock (also called GSAP).

jQuery

jQuery is like the swiss army knife of JavaScript libraries. It allows you to do so many different things. Many developers have packaged up their jQuery code as plugins, allowing you to do even more (slideshows, form validation, showing/hiding) without having to write much code yourself.

GreenSock

The GreenSock Animation Platform (GSAP) is a JavaScript library focused solely on animation. GreenSock gives you the most flexibility and control over animating anything within a webpage. It’s supported by all the major ad networks and recommended by Google for creating animated banner ads.

You should know some JavaScript/jQuery before learning GreenSock. While very powerful, in some ways GreenSock is easier than a lot of JavaScript/jQuery because the GreenSock syntax is very efficient and consistent.

How to Get Started

Looking at the list of languages you can learn for front-end, it can be overwhelming knowing how much you should learn and where to start. When you’re getting started don’t worry about learning everything. You don’t need to know it all to start creating webpages. Knowing some HTML and CSS will get you started building simple websites. You can then add in JavaScript/jQuery.

See how you do learning and using those, and you’ll be in a better place to decide if you want to learn more and what that will be. Maybe you’ll want to learn more JavaScript and get into GreenSock or React.

When learning HTML, CSS, etc., keep in mind that you are learning a language! Kids learning to speak their native language can understand you before they can speak, and when coding you’ll be able to look and understand code before you can know what to type in from scratch.

Practice makes perfect. To become a proficient coder keep the following in mind:

  • Learn the codes and know what they do.
  • Type those codes repeatedly to ingrain them into your memory.
  • As you start coding you’ll need to reference the books you get in our classes, Google, etc. until eventually, you’ve written that code enough times that you can remember it without having to look it up.
  • Sometimes you may not fully understand concepts when you first see them, but they should start to make more sense after you get a bit deeper into a language. While HTML & CSS let you do things with very little code and get immediate feedback, more complex languages such as JavaScript require you to understand multiple core concepts before you can do something basic. HTML & CSS are going to be easier, while JavaScript is a step up in terms of complexity and difficulty. Just take things in stages. It’s like learning to crawl, walk, and then run. In time you will get it, especially the more you learn and practice.

Noble Desktop’s front-end classes are a great way to learn to code. They come with step-by-step workbooks which you can reference later if you forget how to code something. You can practice by going over the exercises and once you know the code you can start using it to build your own pages.

Visual or UI Design

Visual designers create the look and feel of the website, and make decisions over the layout, typography, composition, and more. Using Sketch, Adobe XD, or Photoshop, designers layout webpages and optimize graphics. We offer visual design courses that focus on learning the applications, as well as a Visual Design Bootcamp to learn design concepts and to start developing a portfolio.

Sketch

Sketch is a Mac-only app that many web designers are using, and more people every day are switching to it. Not only can you create your designs (for websites, apps, etc.), but you can even turn them into working prototypes to show clients and do user testing with.

You can buy Sketch for $99 which includes 1 year of updates and Sketch Cloud. After that, you can renew the license for $69/year if you want updates and access to Sketch Cloud.

Adobe XD

Adobe XD is a newer Adobe app that is very similar to Sketch. It’s an easy to use app that enables you to design and prototype your ideas. Unlike Sketch though, it works on Mac and PC. It’s a relatively new app and is still developing rapidly.

You can get XD for free (with some limitations), as a single app for $9.99/month, or as part of the Creative Cloud.

Photoshop

Photoshop has been around the longest and is used by many web designers. It is a photo editor with web design features added on, so some web designers are turning to other apps such as Sketch and Adobe XD which were created solely for the purpose of visual and UX design.

You can get Photoshop for $9.99/month, or as part of the Creative Cloud.

UX Design

UX designers are responsible for creating a user experience that is easy, intuitive, and anticipates the customer’s needs. UX designers are generally concerned with the total customer experience including the ease of finding information within the product and accomplishing tasks quickly, easily, and enjoyably. (UI designers focus on visual elements such as graphics, typography, color, and composition.)

The following are the primary tasks of UX designers:

Designing Prototypes

The prototype is an interactive representation of how the product will operate. The prototype is a functional version of the concept without code or final UI design, letting the UX designer test out ideas quickly without expensive development costs. It can demonstrate paths between pages or screens and animations within the design. UX designers may present the prototype design to a client and do user testing with it. Many of the UI decisions happen after the prototyping phase. Prototypes can be built with apps such as Sketch, Photoshop, Adobe XD, and InVision (to name just a few).

Creating Mockups

A mockup is a high-fidelity, static representation of the product. The mockup stage is where designers choose colors, typography, etc. The mockup takes time to develop, so UX designers typically don’t get to this stage until they are sure about the features and flow of the app or website. The mockup is usually created with apps such as Sketch, Photoshop, and Adobe XD.

Usability Testing

User testing is an important part of the UX design process. UX designers demo a prototype to prospective users, so they can understand a user’s pain points while using the product, and suggest improvements. Sometimes users won’t notice or interact with a particular button or will propose a new feature.

Communication

Good communication skills are important for a UX designer. UX designers must explain a product to users in plain English, then translate customer feedback to the developers writing code, clients, digital marketers, and other stakeholders who don’t understand the technical language of design. For UX designers, the ability to communicate with individuals of different technical expertise is essential.

Product Improvements & Feedback

UX designers make adjustments to the product based on research and user feedback. These adjustments can include changing the layout of screens and order of information, adding or removing features, and altering the interface to make the customer experience more intuitive.

Web Animation & Video

The use of animation in webpages and emails continues to increase. You can use it to catch a user's attention and make your content stand out. Videos are a great way to demonstrate things in ways words and photos simply cannot, and are becoming more common in today's websites.

Animated GIFs

Animated GIFs work virtually everywhere, so they can be used in emails and webpages. From social media posts to email announcements, to ads, to webpage animations, animated GIFs are good for short animations. Photoshop makes it easy to create animated GIFs. If you want to create more complex animations, you can build them in Adobe After Effects and convert that into an animated GIF.

GreenSock

GSAP (The GreenSock Animation Platform) is the industry-standard JavaScript library to animate websites. With GreenSock you can create web banner ads, complex timed animations, interactive animations, and more. It’s supported by all the major ad networks and recommended by Google for creating animated banner ads. You should know some JavaScript/jQuery before learning GreenSock.

Adobe After Effects

After Effects is used for animation and video post-production. With it you can design and deliver professional motion graphics and visual effects for film, TV, video, and web.

Adobe Premiere Pro

You edit videos in Premiere Pro. Put video clips together, trim off unwanted parts, add audio, color correct footage, adjust timing, and so much more with this powerful video software.

Continue reading

Learn Web Design for a New Career

  • Web Designer

    Indeed Avg. Salary

    $44K / year

    indeed.com

    Glassdoor Avg. Salary

    $52K / year

    glassdoor.com

    Web designers design the appearance and workings of a website. They use their understanding of both visual design and technical design principles to create functional web layouts. Some web designers work from home and enjoy the flexibility of freelance work, while others work for agencies or businesses. Good web designers have the experience and foresight to anticipate the end-user experience and design for ease of use and navigation.

    Read more
  • Web Developer

    Indeed Avg. Salary

    $77K / year

    indeed.com

    Glassdoor Avg. Salary

    $68K / year

    glassdoor.com

    Web developers build webpages using coding languages such as HTML, CSS, and JavaScript. They program functionality and identify/troubleshoot errors in code. Web developers can work on front-end development (the part of the website you see in a web browser), or on back-end development (the logic and database functionality that runs on the web server). Others work as full-stack developers, providing end-to-end (front to back) expertise.

    Read more
  • Front End Developer

    Indeed Avg. Salary

    $109K / year

    indeed.com

    Glassdoor Avg. Salary

    $76K / year

    glassdoor.com

    A Front End Developer builds the front end, also called client-side, of a website or web application. Some Front End Developers will update current websites to meet modern standards, create prototypes from wireframes, and use design comps to satisfy the needs of their employer or client.

    Read more
  • Visual Designer

    Indeed Avg. Salary

    $71K / year

    indeed.com

    Glassdoor Avg. Salary

    $70K / year

    glassdoor.com

    Visual designers focus on what users see on their screens—banners, menus, graphics, navigation, and more. They use their knowledge of best practices to design digital elements such as page designs, banner ads, icons, and overlays. Working for platforms such as websites, apps, movies, games, and wearables, visual designers strive to provide beautiful user interface. Visual designers often work with software such as Sketch, Adobe XD, Figma, Photoshop, and more.

    Read more
  • UI Designer

    Indeed Avg. Salary

    $84K / year

    indeed.com

    Glassdoor Avg. Salary

    $76K / year

    glassdoor.com

    User interface (UI) designers are responsible for how an application or web page looks and feels. Using colors, fonts, patterns, textures, icons, and buttons, user interface designers work with user experience designers to improve websites. Some user interface designers may also touch on user experience design (UX) issues and use prototyping and user testing to analyze the effectiveness of messaging and ease of use.

    Read more
  • User Experience Designer

    Indeed Avg. Salary

    $100K / year

    indeed.com

    Glassdoor Avg. Salary

    $85K / year

    glassdoor.com

    User experience (UX) designers are responsible for ensuring that digital products offer a seamless user experience, through prototyping, user research, and user testing. They will test the navigation and functionality of websites, apps, and more. UX designers must stay current on design trends to ensure ongoing adherence to best practices. They will also conduct ongoing user research to understand the habits and needs of users.

    Read more

Attend Training Live Online

You can attend training live online at the scheduled time the course is offered (New York, Eastern Time) through screen-sharing software Zoom (free for you).

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

Learn more about how our live online training works

Live Online Training Demo video

Online Training Demo

1-Minute Overview

Web Design Resources

In this free introductory training video, you’ll learn about HTML and CSS and how they are used to create webpages. We’ll code a simple website and upload it to make it live for the world to see. After you watch the video, you can go through a step-by-step exercise and practice coding yourself!

View the presentation slides
Download the step-by-step exercise

  • Get Started in Web Design & Coding

    So you want to learn to design and build websites? Let’s talk about where should you start, what you need to learn, apps you’ll need, industry terminology, and more. There are two sides to creating websites: design and cod...

  • Video Tutorial: Introduction to JavaScript

    Get started with the fundamentals of client-side (front-end) JavaScript, opening up your webpages to new and exciting functionality. Then continue learning in our JavaScript & jQuery class.

  • Video Tutorial: Modern Web & Mobile Design Techniques

    There are newer design apps like Sketch or Adobe XD, and existing design apps like Photoshop have changed dramatically in ways that many designers have not kept up with. Whether you’re new to web design, transitioning from print to web de...

  • Video Tutorial: Web Animation Techniques

    How do we animate in this day and age of HTML5? Should you use animated GIFs, CSS, or JavaScript? Animation is coming back to the web in a big way, and the trend is to make things move. You can even add animations to emails. Learn about creatin...

  • Video Tutorial: Intro to HTML5 Animation with GreenSock (GSAP)

    Want to animate your webpages or create rich HTML5 banner ads? Learn how the GreenSock Animation Platform can breathe new life into websites, mobile apps, games, or online marketing. View the

  • Why Learn the GreenSock Animation Platform (GSAP)?

    The GreenSock Animation Platform (GSAP) is a popular set of JavaScript tools for building animations on the web. Anything you see in your web browser can be animated with GSAP. Whether you want to build elegant UI animations or dynamic effects ...

Show more

Why Attend a Web Design Class?

Web design is one of the most relevant skills you can learn right now. As Bill Gates said, “If your business can’t be found on the web, then your business will be out of business.” Without good design, your website won’t get you much business either. These days, the stiffest competition is well-designed, optimized for search engines, and responsive on all devices. Businesses in every industry are looking for Web Designers to bring them better traffic.

Web design is also one of the least technical ways to break into tech. If you’re already a designer, learning web design can result in a salary raise and valuable relevant skills. Web designers typically have 25% higher salaries than traditional designers.

There are only a select few bootcamps that focus solely on web design. This hyper-focused Web Design Certificate option is the most efficient way to change careers to web design. You can also learn web design through a Front End Web Development Bootcamps, or by learning each skill individually through a class. 

Taking a Web Design course that offers a certificate will give you a certificate that you can put on your resume, hands-on experience, and projects for your portfolio. You’ll also get access to industry-experienced professionals that can answer your questions right away so that you don’t have to worry about scouring forums to find answers while you worry about learning the right things. 

You’ll leave a web design course with an understanding of HTML, CSS, JavaScript, and web graphics. You can also use the skills you learn in a web design bootcamp to design email campaigns, create design comprehensives for developers, and media kits for businesses. 

Learning web design through a course will also give you access to the most relevant applications that employers are looking for. You’ll learn how to use Sketch the way the industry expects you to. You’ll also learn the most relevant CSS frameworks so that your designs are modern and responsive on every device. 

A Web Design course is a smart way to upskill if you’re already a Designer or an easier way to transition into tech if you’re a complete beginner. Web design provides the basics of the web, design, and marketing all in one efficient package. Either way, you’re likely to earn up to $30,000 more annually by learning web design.

Continue reading

Upcoming Web Design Classes in NYC or Live Online

All times are listed in Eastern Time unless otherwise specified.

January 2021
Web Development Level 2
January 19–21
Tuesday to Thursday 10–5pm
Registration closing soon
$975
18 Hours
NYC or Live Online

Kick your CSS skills up a notch by learning how to code more complex and visually interesting layouts. In this CSS training, you’ll learn about vector graphics (SVG), CSS variables, styling gradients, shadows, positioning, CSS animated transitions, transforms, responsive images, and much more.

Add to cart
JavaScript & jQuery
January 25–27
Monday to Wednesday 10–5pm
Registration closing soon
$975
18 Hours
NYC or Live Online

Make your webpages more interesting and interactive with JavaScript & jQuery. Learn how to hide and show elements, add slideshows, validate forms, and much more. Once you know how to use jQuery & plugins, a whole world of cool things becomes available!

Add to cart
UX & UI Design Certificate
January 25–March 17
Weeknights & Weekdays 10–5pm
$2,995
72 Hours
NYC or Live Online

Learn to design the UX (User Experience) and UI (User Interface) of websites in this certificate program. From prototyping, to user research and testing, to creating visual designs in Sketch, and more, you’ll learn how to create effective designs.

Add to cart
Flexbox, Grid, & Bootstrap
January 28–29
Thursday to Friday 10–5pm
Registration closing soon
$650
12 Hours
NYC or Live Online

Learn how to use CSS flexbox and grid to layout and align webpage content, and make it adapt to different size screens. See how both of these newer CSS techniques are useful, and when to use each. You’ll also learn how to use Bootstrap (which uses Flexbox) to build out layouts quickly.

Add to cart
February 2021
Sketch Bootcamp
February 1–2
Monday to Tuesday 10–5pm
Registration closing soon
$650
12 Hours
NYC or Live Online

Get a solid understanding of Sketch so you create designs for different size screens, tap into the power of symbols (reusable design components), build clickable prototypes using InVision as well as Sketch’s native prototyping tools, export graphics, learn about useful plugins that make working in Sketch better, and much more.

Add to cart
React Development Bootcamp
February 1–19
Monday to Friday 10–5pm
Registration closing soon
$2,995
72 Hours
NYC or Live Online

Build dynamic websites and applications with ReactJS and React Native. In this bootcamp, you'll develop several fully-functioning apps.

Add to cart
Web Development Level 1
February 2–18
Tuesdays & Thursdays 6–9pm
$975
18 Hours
NYC or Live Online

Learn to create webpages by coding HTML & CSS. Learn best practices for structuring the content of your webpages with HTML, then styling the content with CSS. Start creating responsive websites that adapt to multiple screen sizes. After coding you’ll upload a site to make it live!

Add to cart
UX & UI Design Certificate
February 2–June 17
Weeknights 6–9pm
$2,995
72 Hours
NYC or Live Online

Learn to design the UX (User Experience) and UI (User Interface) of websites in this certificate program. From prototyping, to user research and testing, to creating visual designs in Sketch, and more, you’ll learn how to create effective designs.

Add to cart
Front-End & React Development Certificate
February 2–July 15
Weeknights 6–9pm
$5,495
144 Hours
NYC or Live Online

In this certificate, you'll conquer the in-demand programming languages, frameworks, and developer tools to become a Front-End Developer. Learn HTML & CSS, JavaScript, React, and React Native with hands-on projects.

Add to cart
Web & Visual Design Certificate
February 2–July 1
Weeknights 6–9pm
$4,995
120 Hours
NYC or Live Online

Become a well-rounded web and visual designer and start creating your portfolio. Learn to design the layouts, create and optimize web graphics, and code the final product with HTML, CSS, and JavaScript.

Add to cart
Load 10 more courses

showing 10 of 47 courses

Contact Us

Office Hours: 9am–6pm, Mon–Fri

(212) 226-4149

Location

185 Madison Ave 3rd Floor
New York, NY 10016

Map & Directions

Win a Free Class!

Sign up to get tips, free giveaways, and more in our weekly newsletter.

Adobe Certified Training Center

© 1998–2021 Noble Desktop - Privacy & Terms