Vad du kommer att lära dig

Understand the core concepts of GSAP and how to set up basic animations (tweens).

Master the use of timelines to sequence and coordinate multiple animations.

Apply various easing functions to create natural and dynamic motion.

Create scroll-driven animations using ScrollTrigger.

Animate SVG graphics, text, and standard DOM elements for interactive effects.

Build practical mini-projects: animated landing page hero sections, card hover effects, and scroll-based animations.

Kursinnehåll

Create smooth, interactive animations using GSAP, the powerful JavaScript animation library. Learn how to build tweens, sequence timelines, animate DOM elements, and introduce natural motion …

Build a strong foundation in GSAP by learning how tweens work, how to animate multiple properties, and how easing adds natural motion. Explore the basics of sequencing to connect multiple animations smoothly. Establish the core animation skills needed before working with more advanced features.

Learn to control, nest, and synchronize animations using timelines for precise sequencing. Animate DOM elements, SVG graphics, and text to create expressive, flexible effects. Strengthen your ability to structure complex motion in a clear, maintainable way.

Bring your pages to life with scroll-driven interactions powered by ScrollTrigger. Apply your GSAP skills to real-world mini projects that combine tweens, timelines, and scroll-based motion. Build visually impressive animations that enhance modern web interfaces.

Förbättra dina tekniska färdigheter!

med upp till 55% rabatt

What you'll get with our subscription:

250+ topprankade kurserAvslutningscertifikatBanbrytande AI CopilotPersonliga studieplaner40+ praktiska verkliga projekt

Din prenumeration inkluderar även 250+ kurser:

Test explain sentence

hover on sentence and explain it

Introduktion till JavaScript

Lär dig grunderna i JavaScript, ryggraden i dynamisk webbutveckling. Upptäck viktiga koncept som syntax, variabler, datatyper och operatorer. Utforska hur du använder villkorssatser, loopar och funktioner för att skapa interaktiva och effektiva program. Behärska byggstenarna i JavaScript och lägg grunden för mer avancerade programmeringskunskaper.

Javascript Datastrukturer

Lär dig att arbeta säkert med data i JavaScript genom att behärska objekt och arrayer. Förstå hur du skapar, får åtkomst till och hanterar objektens egenskaper och metoder på ett effektivt sätt. Fördjupa dig i avancerade tekniker för objektmanipulation, inklusive iteration, kloning och destrukturering för renare kod. Bygg en stark grund i arbete med arrayer och lär dig att hantera, iterera och modifiera arrayelement effektivt. Behärska avancerade arraymetoder som map, filter, find och sort för att transformera och hantera data effektivt i dina applikationer.

Javascriptlogik och Interaktion

Behärska grundläggande JavaScript-koncept, inklusive klasser, DOM-manipulation, händelsehantering och asynkron programmering. Lär dig att skapa dynamiska och interaktiva webbapplikationer genom att hantera användarinteraktioner, hämta och visa data samt effektivt hantera asynkrona operationer. Genom en kombination av teori, praktiska utmaningar och verkliga exempel ger denna kurs dig de praktiska färdigheter som krävs för modern webbutveckling.

React Tutorial

test course with sections with quiz

test

Introduction to QA

In this course, the user will get an introduction on how to perform manual testing on primarily web applications. The skills aquired in this course can be used in automation testing as well.

Test explain sentence

hover on sentence and explain it

Introduktion till JavaScript

Lär dig grunderna i JavaScript, ryggraden i dynamisk webbutveckling. Upptäck viktiga koncept som syntax, variabler, datatyper och operatorer. Utforska hur du använder villkorssatser, loopar och funktioner för att skapa interaktiva och effektiva program. Behärska byggstenarna i JavaScript och lägg grunden för mer avancerade programmeringskunskaper.

Javascript Datastrukturer

Lär dig att arbeta säkert med data i JavaScript genom att behärska objekt och arrayer. Förstå hur du skapar, får åtkomst till och hanterar objektens egenskaper och metoder på ett effektivt sätt. Fördjupa dig i avancerade tekniker för objektmanipulation, inklusive iteration, kloning och destrukturering för renare kod. Bygg en stark grund i arbete med arrayer och lär dig att hantera, iterera och modifiera arrayelement effektivt. Behärska avancerade arraymetoder som map, filter, find och sort för att transformera och hantera data effektivt i dina applikationer.

Javascriptlogik och Interaktion

Behärska grundläggande JavaScript-koncept, inklusive klasser, DOM-manipulation, händelsehantering och asynkron programmering. Lär dig att skapa dynamiska och interaktiva webbapplikationer genom att hantera användarinteraktioner, hämta och visa data samt effektivt hantera asynkrona operationer. Genom en kombination av teori, praktiska utmaningar och verkliga exempel ger denna kurs dig de praktiska färdigheter som krävs för modern webbutveckling.

React Tutorial

test course with sections with quiz

test

Introduction to QA

In this course, the user will get an introduction on how to perform manual testing on primarily web applications. The skills aquired in this course can be used in automation testing as well.

Varför folk väljer Codefinity

Web Developer

Kwizera Mugisha

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Senior Business Analyst

Sherry Barnes-Fox

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Accounts Payable Specialist

Bill Wagner

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

IT Support Specialist

Daniel Chinea

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Technology Project Manager

Steve Bruening

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Project Manager

Stephanie Chan

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Steg-för-steg till fantastiska resultat

Lös verkliga kodningsuppgifter

Interaktiv kodningsmiljö

Hoppa in i vår interaktiva miljö: skriv och kör din kod med feedback i realtid och framgångsmått—lär dig genom att göra vid varje steg.

Få vägledning på begäran

AI-driven support

Använd den inbyggda AI-assistenten för att förklara fel, föreslå lösningar eller svara på frågor om din kod—så att du förblir produktiv och aldrig fastnar.

Lås in ditt lärande

Kunskapskontroll

Avsluta varje modul med ett snabbt quiz som ger omedelbar feedback, spårar din framsteg och säkerställer att du har bemästrat viktiga koncept.

Visa upp dina färdigheter

Fira framgång

Få ditt branschigenkända certifikat vid slutförandet och dela det på LinkedIn med ett klick—låt ditt nätverk se vad du kan göra.

Full tillgång till katalogen

Ett abonnemang öppnar denna kurs och hela vår katalog av projekt och färdigheter.

Features:

250+ topprankade kurserBanbrytande AI Copilot

Personliga studieplaner40+ praktiska verkliga projekt

Ingen avbokning, innan den valda rabatterade planen är slut, godkänner jag att Codefinity automatiskt debiterar $79 var 3:e månad tills jag avbokar. Läs mer om avboknings- och återbetalningspolicyn på Prenumerationsvillkor.

Prova Codefinity med förtroende – 30-dagars pengarna-tillbaka-garanti ingår

För att välkomna dig till Codefinity erbjuder vi upp till 64% rabatt på våra kurser. Dessutom har vi en 30-dagars pengarna-tillbaka-garanti, så att du kan prova oss riskfritt.Vi ser verkligen fram emot att välkomna dig till vår plattform och är engagerade i att göra din lärandeupplevelse enkel, interaktiv och rolig.

Ofta ställda frågor

Hur får jag tillgång till plattformen?

Även om du kan studera med Codefinity på vilken enhet som helst, rekommenderar vi starkt att använda en dator eller laptop för att optimera din lärandeupplevelse.

Vad händer om jag har frågor medan jag lär mig?

Alla våra kurser har en integrerad AI-assistent, redo att hjälpa dig med eventuella frågor du kan ha under dina studier och hjälpa dig att lösa eventuella problem.

Är en teknisk examen nödvändig för att lära sig?

Nej, du behöver ingen tidigare erfarenhet för att börja lära dig. Våra kurser är utformade för nybörjare, så du kan enkelt börja din resa i teknikbranschen.

Har du fler frågor?

Formulera din fråga här

JavaScript GSAP Animation Basics

Kurs för mellannivå

Vad du kommer att lära dig

Kursinnehåll

Din prenumeration inkluderar även 250+ kurser:

Varför folk väljer Codefinity

Steg-för-steg till fantastiska resultat

Betrodd av anställda på ledande företag
och studenter från toppuniversitet

Få omedelbar tillgång till 250+ kurser

Full tillgång till katalogen

Prova Codefinity med förtroende – 30-dagars pengarna-tillbaka-garanti ingår

Ofta ställda frågor

Har du fler frågor?

JavaScript GSAP Animation Basics

Kurs för mellannivå

Vad du kommer att lära dig

Kursinnehåll

Din prenumeration inkluderar även 250+ kurser:

Varför folk väljer Codefinity

Steg-för-steg till fantastiska resultat

Betrodd av anställda på ledande företag och studenter från toppuniversitet

Få omedelbar tillgång till 250+ kurser

Full tillgång till katalogen

Prova Codefinity med förtroende – 30-dagars pengarna-tillbaka-garanti ingår

Ofta ställda frågor

Har du fler frågor?

Betrodd av anställda på ledande företag
och studenter från toppuniversitet