Earn a certificate in web design or development in full or part-time programs. Code websites with HTML, CSS, & JavaScript, and design webpages in Adobe XD or Sketch.
Become a well-rounded web designer and start creating your portfolio. Learn to design webpages and emails, code them with HTML, CSS, and JavaScript, as well as build websites with WordPress.
Learn the skills to become a UX or UI Designer. This course teaches UX & UI design concepts, industry-standard tools, and research methods. You'll build a portfolio of projects and receive one-on-one mentoring to prepare for your new career.
Design mobile & web interfaces, learn graphic design fundamentals, and create a portfolio. Our UI Design Certificate includes classes in Figma, Photoshop, Illustrator, Graphic Design & UI Design.
Learn to create the front-end of websites by coding HTML, CSS, and JavaScript. Build websites using WordPress, code emails with HTML & CSS, and use Git to track changes and collaborate with other developers.
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.
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!
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.
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.
Make your webpages more interesting and interactive with JavaScript & animations with GreenSock. Learn how to hide and show elements, add slideshows, and much more.
Learn the concepts and skills covered in these courses 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 and gain additional practice
Visual Design is creating the look and feel of websites and apps. Learn to create your designs with Adobe XD, Figma, or Sketch, and design great-looking web pages in our Visual Design 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.
Get a solid understanding of Figma 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.
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.
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.
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.
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.
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.
Become a web developer or software engineer. Learn how to code the front and back-end of websites.
Become a full-stack developer and work on all parts of a web application, from its front-end appearance to its back-end data management. Companies need full-stack developers for their diversity of talents.
Learn the skills to become a Software Engineer or Full Stack Developer in this immersive course. Create the front end using HTML, CSS, JavaScript, and React; build the back end with Python, Django, and Node.js
Build dynamic web applications with React. In this bootcamp, you’ll build several fully-functioning web apps.
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: hello@nobledesktop.com
Design the UX and visuals of digital products such as website and apps
Design the UX and visuals of websites, apps, and much more
Quickly make animations for emails, websites, ads, and more
Create animations and special effects for the web and more
Learn to write the code for webpages and emails
Build better products by designing the user experience
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.
“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
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.
From our hands-on training style to world-class instructors and proprietary curriculum, we deliver a learning experience our alumni can be proud of.
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.
From design to coding webpages, you can learn visual design concepts or learn to code HTML, CSS, and JS
Learn how user-centered design makes for better experiences and products
Design the appearance of digital content such as websites and apps
Edit video and create motion graphics and visual effects for web and more
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:
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.
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 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.
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.
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:
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 designers create the look and feel of the website, and make decisions over the layout, typography, composition, and more. Using Adobe XD or Sketch, 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 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 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 has been around the longest and is used by many photographers and designers. It is a photo editor with design features. Web designers who use Photoshop are now turning to other apps such as Adobe XD or Sketch which were created solely for the purpose of visual and UX design. They still use Photoshop though for editing photos used in their designs.
You can get Photoshop for $9.99/month, or as part of the Creative Cloud.
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:
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 Adobe XD, Sketch, and FIgma (to name just a few).
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 Adobe XD and Sketch.
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.
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.
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.
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 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.
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.
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.
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.
Attend at our campus in NYC or learn remotely, live online
185 Madison Ave, NYC
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.
Remote, from anywhere
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.
