Front-end Development Courses and Certifications

Learning Polymer

25 ratings at LinkedIn Learning

Get started with Polymer—an open-source JavaScript library—and learn how to leverage the power of web components to work smarter.

• LinkedIn Learning
• 1 hour 35 minutes
• On-Demand
• Free Trial Available

Building Reusable Angular Components Using Schematics

22 ratings at Pluralsight

In this course you will learn how to take an existing collection of Angular components and services, and package them up as a Schematic.

• Pluralsight
• 1 hour 53 minutes
• On-Demand
• Free Trial Available

JavaScript on the Go: Choosing a Framework

19 ratings at LinkedIn Learning

Explore the options available to you for JavaScript frameworks. These frameworks can make your day or trip you up, so it’s important to choose the one that’s right for you.

• LinkedIn Learning
• 52 minutes
• On-Demand
• Free Trial Available

Building Essential UI Data Elements in React 17

18 ratings at Pluralsight

This course will teach you how to build a real world React application that manages multiple types of data relations including single table, one-to-one, one-to-many, and many-to-many.

• Pluralsight
• 3 hours 29 minutes
• On-Demand
• Free Trial Available

CSS: Frameworks & Grids

17 ratings at LinkedIn Learning

Learn how to use a CSS framework like Bootstrap or Foundation to speed up site development and create better, more consistent code. Plus, get a look at CSS grids.

• LinkedIn Learning
• 1 hour 34 minutes
• On-Demand
• Free Trial Available

Design the Web: SVG Rollovers with CSS

9 ratings at LinkedIn Learning

Learn how to style SVG graphics and make them respond to changes to rollover states with CSS.

• LinkedIn Learning
• 24 minutes
• On-Demand
• Free Trial Available

Wrong Akram

Cursor Animations Using GSAP - HTML, CSS & JavaScript

Learn to create captivating cursor animations using GSAP, HTML, CSS, and JavaScript. Master techniques for scaling, media changes, blend effects, and loading animations to enhance user experience.

• YouTube
• 28 minutes
• On-Demand
• Free Video

Wrong Akram

Page Transitions with React Router and Framer Motion

Learn to create stunning page transitions using Framer Motion and React Router. Enhance user experience with smooth animations and dynamic URL changes in this hands-on tutorial.

• YouTube
• 52 minutes
• On-Demand
• Free Video

Wrong Akram

How to Code Dribbble Inspired Micro Interactions Using Framer Motion - Tutorial

Learn to create engaging micro-interactions inspired by Dribbble designs using Framer Motion in this hands-on tutorial, enhancing your React and animation skills.

• YouTube
• 33 minutes
• On-Demand
• Free Video

Wrong Akram

How to Code Page Transitions With Next.js Using Framer Motion - Tutorial

Learn to create smooth page transitions in Next.js using Framer Motion, enhancing user experience with step-by-step guidance on implementing various animation techniques.

• YouTube
• 28 minutes
• On-Demand
• Free Video

Wrong Akram

How to Design and Animate a Website with Adobe XD and Protopie

Learn advanced website design and animation techniques using Adobe Xd and Protopie, focusing on creating dynamic effects, triggers, and interactive elements for engaging user experiences.

• YouTube
• 23 minutes
• On-Demand
• Free Video

Wrong Akram

How to Design and Animate a Website with Adobe XD and Protopie - Part 1 of 2

Aprenda a criar um mini site usando Adobe Xd, com foco em design e animação. Dicas práticas e demonstração passo a passo do processo de criação, desde artboards até botões.

• YouTube
• 29 minutes
• On-Demand
• Free Video

Wrong Akram

React and Three.js - Working with Shaders Using React Three Fiber

Learn to create dynamic wave effects on images using React Three Fiber and shaders. Explore shader basics, wave animations, and texture mapping in this hands-on tutorial.

• YouTube
• 36 minutes
• On-Demand
• Free Video

Wrong Akram

Smooth Loading Transitions with Framer Motion - AnimateSharedLayout

Learn to create smooth loading transitions using Framer Motion's AnimateSharedLayout in React. Covers project setup, Framer Motion basics, loader animations, and banner animations for engaging web experiences.

• YouTube
• 21 minutes
• On-Demand
• Free Video

Wrong Akram

Micro Interactions Using Anime.js - HTML, CSS & Javascript

Learn to create engaging micro-interactions using Anime.js, HTML, CSS, and JavaScript. Explore XState for state management, SVG filters for visual effects, and animation techniques inspired by Dribbble designs.

• YouTube
• 34 minutes
• On-Demand
• Free Video