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

Noble Desktop

Front-End Web Development Certificate (Live Online)

via Noble Desktop

Overview

Learn the skills for front end web development, including HTML, CSS, and JavaScript, to build responsive websites that work across all devices. In this hands-on course, you’ll also explore WordPress, the leading content management system, for creating and managing customizable websites.

Syllabus

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

Taught by

Dan Rodney, Eugenio Solis de Ovando, and Scott Carson

Reviews

4.8 rating at Noble Desktop based on 707 ratings

Start your review of Front-End Web Development 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.