Greyson Frazier knows that learning to code can be overwhelming, especially when you consider just how fast the tech world moves. But with years spent teaching at places like Code Immersives and Coding Temple, he’s made it his mission to break things down in a way that actually makes sense. We think this makes him an excellent instructor, while he believes it helps him connect more deeply with his students.
Find out about how web developers use Node and what it can do.
Learn what React is, and why React is one of the most popular JavaScript libraries.
Learn how to use HTML and CSS to create webpages in this free video tutorial on getting starting in web design.
View the Presentation Slides
Download the step-by-step exercise
Become a web designer with hands-on training:
Learning the art of programming can do wonders for your career if done the right way. Many people want to hop on the programming train since it’s become such a high-demand skill, but many either jump too soon or learn it using the wrong methods. Many first-time programmers want to learn coding overnight and promptly dive into their programming career yet later surrender because they skipped the fundamentals of programming and lacked the necessary patience.
The good news is that once you find the right programming course, you’ll be able to move faster and more effectively. Here’s how:
SVG stands for scalable vector graphics. It’s an XML-based coded file format that enables us to use vector graphics in webpages.
Design apps such as Sketch, Adobe XD, and Illustrator code SVG files differently. Some produce cleaner code than others. Regardless of what app codes the SVG file, it’s likely that the code can be further optimized, offering cleaner code and a smaller file (which downloads faster). Loading speed is important because website speed is one factor that affects your website’s Google ranking.
Optimizing SVG files can have other benefits. Once we had an SVG file that Illustrator didn’t like. The SVG was exported from Sketch, and we were trying to open it in Illustrator. We got an error message and it appeared wrong in Illustrator. After optimizing the SVG file, it imported without error and looked correct!
Variable fonts are a new kind of font that allows for amazing new levels of flexibility. With just one font file you can alter thickness, width, or just about any attribute you can think of... all while keeping the file-size small (important for websites).
Do not limit your thinking to the standard options that you’ve seen before (bold, italic, extended, condensed, etc.). Font designers can make variable fonts do all sorts of cool things!
The GreenSock Animation Platform (GSAP) is a popular set of JavaScript tools for building animations on the web. Anything you see in your web browser can be animated with GSAP. Whether you want to build elegant UI animations or dynamic effects in web apps, games, and interactive stories; GSAP is up to the task.
How does it work? You simply write short snippets of JavaScript code that define how elements should animate and what the timing should be. The benefit of animating with code is that one line of code can animate one thing just as easily as it can animate 1,000 things. With code-driven animation it’s surprisingly easy to randomize your animations and have them respond to user interaction.
GSAP delivers the flexibility and control that professionals need but it’s also easy for beginners to learn, especially with Noble Desktop’s HTML5 Web Animation with GreenSock class. You’ll be amazed at what you can do once you master just a few of the basics. Here are some of the main reasons to learn GSAP:
The thought of programming an app might sound intimidating to anyone who hasn’t tried it before. Never fear! Your brain is up for the challenge.
