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.
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.
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.
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.
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.
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.
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.
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 & 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!
Work on projects proven to boost retention
Refined over many cohorts for an optimal learning experience
Experienced educators who are driven to help you succeed
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 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.
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.
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.
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.
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.
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 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.
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.
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.
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.
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.
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.
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.
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
Build dynamic websites and applications with ReactJS and React Native. In this bootcamp, you'll develop several fully-functioning 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:
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 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 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 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 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 Sketch, Photoshop, Adobe XD, and InVision (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 Sketch, Photoshop, and Adobe XD.
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.
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).
