Learn the essential tools and techniques of web design, from coding with HTML and CSS to designing layouts in Figma and building WordPress websites. This certificate program prepares you for a career in web design with hands-on projects and expert guidance.
This is the recommended order, but some courses may be taken in a different order. See the FAQ for more details.
Unit 1 12 Hours
Learn how to design and prototype user interfaces with Figma, the industry-leading tool for UI/UX design. This course covers essential skills, including working with components, auto layout, interactive prototypes, and team collaboration.
Unit 2 30 Hours
Master the fundamentals of UI design and build a portfolio of professional projects in this hands-on course. Learn best practices for designing websites and mobile apps, from wireframing to visual design concepts.
Unit 3 18 Hours
Learn how to code and style websites from scratch using HTML and CSS. This course covers everything from structuring content and applying styles to making pages responsive and publishing them online.
Unit 4 18 Hours
Enhance your CSS skills with advanced styling, layout techniques, and interactive elements. Learn to create visually dynamic webpages using modern CSS methods, including animations, responsive images, and custom properties.
Unit 5 12 Hours
Learn how to use CSS Flexbox and Grid to create responsive webpage layouts that adapt to different screen sizes. This course covers modern layout techniques and introduces Bootstrap for rapid page development.
Unit 6 18 Hours
Learn how to enhance your webpages with interactive elements and animations using JavaScript and GreenSock (GSAP). This course covers JavaScript fundamentals and dynamic motion design techniques for creating engaging web experiences.
Unit 7 18 Hours
Learn how to turn a webpage design into fully functional code while mastering essential front-end development tools. This course covers Git, GitHub, Emmet, and Visual Studio Code to streamline coding and collaboration.
Unit 8 6 Hours
Learn how to code custom-designed emails that adapt to different screen sizes. This course covers responsive layouts, optimizing images, and ensuring compatibility across various email clients.
Unit 9 18 Hours
Learn how to create and manage websites using WordPress, even without a web design background. This course covers everything from installation to theme customization and custom template creation.
From our hands-on training style to world-class instructors and custom-crafted curriculum, we deliver results our alumni are proud of.
I was really impressed by the instructors’ knowledge of the subject matter, I thought the teaching method was very effective (instructor demonstrates the lesson while students watch, then students do the same lesson), and the exercises were interesting and well-designed. I started working on designing and developing a website for a personal project, so I took a number of web design courses at Noble. Since I was going to so many of them, I decided to get the Web Design and Web Development certificates. Every roadblock along the way I was able to overcome with the assistance of the Noble instructors (and there were quite a few roadblocks). During the time I was in the Web Design and Web Development certificate program, I attended the meetup at Noble where the design and development extraordinaire Dan Rodney would give feedback and assistance to students working on their own projects. I want to give a special shout-out to Dan for giving me so much good feedback and assistance, and to this day I’m still happy with the way BOAST: Best of Astoria (a WordPress site I built) looks. After I received the Web Design and Development certificates, I felt confident in developing websites, and I successfully did that for a number of clients. I really like learning and improving as a designer, so I was not done at Noble after the Web Design and Development certificates. I took Sketch in a Day, and that was directly useful in being hired at IBM as they asked if I had experience with Sketch. I was also quite interested in motion and animation, so I completed the Web Animation certificate. I’m glad I took those courses since I have been working on animation projects at work, and I feel comfortable using those programs thanks to Noble. As a production designer in the marketing department at IBM, sometimes I have to be able to work very quickly and produce assets in the best way possible. Because I attended a number of seminars and classes at Noble, I learned many best practices for design and development and became confident in using many of the graphics programs. Now across the many projects I work on at IBM, which range from print, to environmental, to presentation, to digital, to social, I have the belief that I can handle anything that comes my way, and much of that confidence stems from the seminars and courses I took at Noble. I had a great experience at Noble and am happy I received the Web Design and Web Development, and Web Animation certificates. I look forward to going back to continue learning.
Marketing Production Designer, IBM
The instructor is very knowledgeable and has real-world examples. Really connects my understanding of all the material! Thanks.
I learned a lot from Christophe, especially because he explained the lessons in a real-world context with many examples. He went beyond just teaching the tool and its functions.
I really liked it! Very awesome class.
The instructor had great enthusiasm.
Very clear and upbeat teacher. He shared all the quick techniques that save time in coding, even those that were not part of the course. His own personal style. He also shared a lot of his takes on universal standards and how to be mindful of them.
Dan really broke it down and made coding easy to understand for someone who has no experience. Looking forward to more Noble classes.
He explains everything so clearly, and covers everything we need to know, answering all questions before I even get to ask. Professor Rodney is excellent, very informative, and thorough.
It was a very great experience to learn HTML and some styling. I really liked the shortcuts I learned.
Awesome class. The instructor was professional, well-articulated, calm, and personable.
My overall experience was very positive. It felt intensive at times, but that’s the nature of two consecutive 6-hour sessions, and no time was wasted.
Dan did such an amazing job of delivering the content in an engaging way. You could tell he didn't want to just get through the lessons; he really wanted us to understand the features and functions of Figma.
Very pleased with this class. I learned a lot about using WordPress and working with themes and page builders.
I had a great experience! I use Figma every day at work and am self-taught in the program This was awesome for filling in some gaps in my Figma knowledge! The instructor was great, easy to follow, and answered all the important questions!
WordPress Bootcamp was an excellent course! Highly recommend. Eugenio was fantastic.
Colin is a natural teacher. He explains the material very clearly. His optimism and sense of humour made lessons fun.
I had tried the UX/UI Design program before at another place, but it made me want to run away; it felt very complicated. Here at Noble Desktop, under the instruction of Michael Suen, everything was really easy and more comprehensive. I loved it! Now I can say I am a UX/UI Designer, ready to take on any task!
Every creative person who works in Figma should take this course, from designers to researchers to content creators and writers. It will instantly up your game, and the skills you learn are invaluable.
There is a great amount of material covered. I'd explored Figma before but never understood prototyping or auto layout properly. Eugenio broke down the content and built knowledge up from the baseline. Now, it makes sense. The class was really great, I will definitely recommend it.
Eugenio is a good teacher. He is very patient and makes sure all of the students know the basics. He did a great job showing us how to open and use the WordPress files in Visual Studio Code. It was also valuable to learn how LocalWP and WordPress work.
The HTML Email course was very helpful. Dan is a good teacher and writes the course books - they are very good. The labs are also helpful.
The UI Design Bootcamp is a good class because it builds on the Figma class that I took just before it. Eugenio is also a good instructor. He is very helpful and works hard.
This course exceeded my expectations! The instructor made web development accessible and engaging for beginners. The detailed explanations and hands-on exercises made learning HTML & CSS an enjoyable experience. I highly recommend Noble Desktop to anyone interested in web development.
This is a good class to learn Figma. Eugenio is a good instructor and worked hard to answer all of my questions.
Michael Suen is a phenomenal UX/UI teacher. He is knowledgeable, but equally importantly, he always makes lessons compelling and easy to understand. He's kind, patient, and helpful.
Dan is a great teacher and speaker! I appreciate his approach as a designer paired with his technical knowledge of Figma, which helped me understand how to use the application. I would definitely take another class he teaches.
Showing 25 of 251 reviews
My new career provides the flexibility to work remotely, on my own schedule, and this allows me to spend additional time with the people that matter most. I completed Noble Desktop’s Web Development certificate program. I wanted to change careers and build smart websites for small businesses and organizations. Before enrolling with Noble Desktop, I tried learning to code HTML and CSS on my own. I frequently found myself feeling “stuck” with unanswered questions. More concerning was that I “didn’t know what I didn’t know” about current web technologies and best practices. Noble Desktop’s instructors answered my questions and introduced web development concepts and resources I would need to produce excellent work. The information presented in class was a valuable mix of Noble Desktop textbook content and tips & tools instructors discovered in their web development careers. The textbooks are so good that when I’m not sure about something I am coding, I trust my Noble Desktop textbooks more than most online search results. The Noble Desktop Web Development certificate helped me land a marketing agency internship. The first job of my new career was coding HTML emails for a national law firm. Since then, I’ve joined the rapidly growing marketing automation field and the sky appears to be the limit. I am working on Keurig Dr Pepper’s Internet of Things connected coffee maker program, building automated customer journeys that deliver, email, inbox & push messages to Keurig’s mobile app. Thank you Noble Desktop!
Marketing Automation Developer, Keurig Dr Pepper
If you prefer to pay your tuition over time, we have payment options to meet your needs. Finance your education through an installment plan or a 0% interest tuition financing plan. We also assist with documentation should your employer offer tuition reimbursement.
See the Installment plan FAQ for more information.
Student financing plan provided through Climb Credit. See the Climb Credit FAQ for more information.
This program is approved for the training of veterans and other eligible persons by the approved agency. Choose Veteran’s Administration at checkout or contact us for more information.
If you’re a company enrolling your employee or an employee seeing tuition reimbursement from your company, choose Corporate Invoice at checkout.
Learn the concepts and skills covered in this program or your tuition is on us. See details and terms & conditions.
Work on projects proven to boost retention
Refined over many cohorts for an optimal learning experience
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
Experienced educators who are driven to help you succeed
Refresh the materials for free within one year
Attend this certificate program in-person in NYC or Live Online via Zoom. Engage with expert instructors, ask questions, and get feedback on your exercises and projects.
Unlike other providers, these are not mass open-enrollment classes. At Noble Desktop, you’ll learn in small groups (typically 8-15 students) and receive personalized attention.
Get face-to-face interaction with an instructor and other students when you learn at our NYC campus. Courses are hands-on with a computer and software provided.
Get the same interactivity and access to the instructor as in-person students. There are no extra fees and we’ll work with you to ensure your remote setup is perfect.
Our instructors are veterans of their field and experienced educators, driven to help you succeed.
We want you to succeed in your career goals. In addition to 162 hours of hands-on, interactive training, you’ll also receive ten 1-on-1 mentoring sessions where you can:
Upon completion of this course, you’ll receive an official certificate testifying to your mastery of the curriculum. We’ll send you a link where you can download your certificate, share it online with your friends, post it to your professional network on LinkedIn, and view all your earned certificates. Congratulations on your achievement!
Shareable on
This program includes several detailed workbooks, available in print or ebook at no additional cost.
Our proprietary workbooks are designed by a team of industry experts and instructional designers, and are updated regularly for the latest features and trends. Learn by completing a variety of real-world projects, and apply your newly-learned skills right away.
Download Sample Exercise
We offer a single free retake of any module or the whole program within a year.
You can also access recordings of each session in your student portal within one business day of the session’s end. Recordings are available for one month after the session.
Here are some projects students created for their portfolios as part of this program.
Learn practical skills by working on real projects with instructor guidance and lectures to strengthen and improve your skill.
We cover the tools and techniques you need to succeed.
HTML (Hypertext Markup Language) code is the basis of all webpages.
Cascading Style Sheets (CSS) styles the content & layout of webpages.
Add interactivity to websites, build animations, create/control user interfaces, and more with client-side JavaScript (which runs in a web browser).
The most popular content management system (CMS) which runs over 40% of all websites.
What makes for a good webpage? The combination of layout, hierarchy, spacing, typography, color, interactivity, and more are all important factors.
Design the UX and UI of digital products such as websites, apps, and more. Build prototypes and visual designs in this design app.
Businesses need great looking emails, which are made with HTML & CSS. Webpages and emails are coded with the same languages, emails require different techniques.
Today’s most popular code editor, VS Code is free, has many useful features, and integrates Git and GitHub for collaborating with other developers.
Git lets you track code changes and collaborate with other developers.
GitHub is a service that allows you to share code and collaborate with other developers.
Flexbox is used for aligning and distributing content in responsive webpages (those that change across different screen sizes).
Complex webpage layouts that respond (change) to different screen sizes can be built using CSS Grid.
Bootstrap’s premade CSS and JS lets you quickly layout webpages with mostly HTML.
Noble Desktop is the best place that I have found to enhance professional skills and keep up with new software. The instructors really know their stuff! They are seasoned pros who walk the walk and talk the talk. The knowledge and skill that I gained at Noble Desktop have enhanced my career in many ways. After taking the web design certificate program, I went from knowing very little about web design to knowing enough to design and code my own site!
Multidisciplinary Artist & Graphic Designer
This certificate program is for anyone who wants to design and code websites/emails, as well as develop a website portfolio of their work. It’s a good fit for:
In addition to 162 hours of interactive training, you will receive ten 1-on-1 mentoring sessions that can be used for career and job support, including polishing your resume, preparing for interviews, and reviewing best practices for applying to jobs. Note, however, that we don’t provide job placement (i.e. reaching out to companies on your behalf).
Yes, you will be expected to complete 5–10 hours of work outside of class. You’ll be practicing the skills learned in class, coding your own website(s), and developing a portfolio of work.
Noble’s typical class ranges from 8–12 students, but we accept up to 20 students.
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 courses in the recommended order as shown above, with the following exceptions:
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 formal job placement services. However, in this Web & Visual Design Certificate, in two classes (Visual Design Bootcamp and Web Design Portfolio Development), you will work on portfolio designs and your portfolio website that you can show prospective employers or clients. The Web Design Portfolio Development class also discusses tips and best practices for generating client work and positioning yourself for employment.
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 offer formal 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!
Yes, this course is open to beginners. Students must be comfortable using a computer. No other prior knowledge is required.
Yes, this course is eligible for our installment plan or a 12-month financing plan through Climb Credit (no interest or financing fees).
Learn more in the Tuition section above.
You may attend this training virtually (online) at the scheduled time the course is offered (New York, Eastern Time).
You have some options:
There are no extra fees or taxes for our courses. The price you see on this page is the maximum you’ll pay us.
However, if you plan to take the course live online, you may need to obtain required software. We’ll help you get set up with a free trial of paid software prior to the class. Most of our coding classes utilize freely-available open-source software. For most of our design and motion graphics courses, we will help you get set up with a free trial of Adobe Creative Cloud. If you attend the course in-person, we will have a computer already set up for you with all of the required software for no additional cost.
This program is a discounted package of classes that is 15–25% off the individual class prices, so additional discounts do not apply.
