Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Noble Desktop

Web Design Certificate (Live Online)

via Noble Desktop

Overview

Become a versatile Web Designer by learning to design responsive websites, code them using HTML, CSS, and JavaScript, and build websites with WordPress. This program equips you with the technical skills to create and launch professional web projects.

Syllabus

  • Figma Bootcamp
    • Create UI (user interface) and UX (user experience) designs for websites, apps, etc.
    • Make responsive web designs that are optimized for mobile, tablet, and desktop screens.
    • Turn your designs into clickable prototypes that can be shared with clients for feedback, and getting user feedback.
  • UI Design Bootcamp
    • Learn UI design concepts & best practices
    • Design webpages and apps with Figma
    • Get 1-on-1 help and feedback on your design work so you can learn and improve
    • Develop projects for your portfolio to showcase your work as a UI designer
  • Web Development with HTML & CSS
    • Start building websites by hand-coding HTML & CSS
    • Create multi-page websites with text, images, & more
    • Learn how to style with CSS
    • Upload your files using FTP to make the site live
  • Advanced HTML & CSS
    • Master important CSS concepts such as positioning, advanced CSS selectors, relative type sizing (px, em, rem), calc(), and much more
    • Learn sophisticated styling with multiple background images, transparent color using RGBA, CSS gradients, shadows, and more
    • Create animated effects using CSS transitions & transforms
  • Flexbox, Grid, & Bootstrap
    • CSS Flexbox for laying out and aligning webpage content.
    • CSS Grid for an entirely new way to think about laying out entire webpages.
    • Learn how to use Bootstrap (which is made with Flexbox) to build out layouts quickly.
  • JavaScript for Front-End
    • Write JavaScript code to add animation and interactivity to webpages
    • Learn the fundamentals of the JavaScript language (variables, loops, arrays, functions, etc.)
    • Understand how to use free pre-made JavaScripts to quickly can add many different kinds of common functionality
    • Create animated slideshows and build animated image enlargers
    • Learn to animate any content within a webpage—including SVG—using GreenSock (GSAP)
  • Front-End Tools & Portfolio
    • Go from design to coded website, with guidance from an expert developer
    • What Git is and how it works
    • Installing and setting up Git to track changes in your code
    • Using GitHub for collaboration with other developers
  • HTML Email Bootcamp
    • Learn how to code HTML Email messages that are effective and cross-mail-client compatible
    • Build and work with multiple layouts (single or multi-column layouts)
    • Gain a deeper understanding about email-friendly HTML/CSS and how to manage various email client issues
    • Create responsive emails that work across various devices
    • Optimize images and swap graphics for mobile devices
    • Use media queries to fine tune mobile styles
  • WordPress Bootcamp
    • Build websites or blogs with WordPress.
    • Install WordPress themes (which control the appearance of a WordPress site) & customize their appearance.
    • Use WordPress plugins to add functionality.
    • Install WordPress locally so you can write and test your code.
    • Learn how WordPress code work behind the scenes and how to use code (HTML, CSS, and PHP) to customize/control it.

Taught by

Dan Rodney, Eugenio Solis de Ovando, and Scott Carson

Reviews

4.8 rating at Noble Desktop based on 794 ratings

Start your review of Web Design Certificate (Live Online)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.