Campus Ambassador

Girls Who Code


Sign In

Please fill your contact number to start learning

Grasp how modern website are made and it's fundamental concepts.

Make website experience more harmonious.

Build outstanding 3 projects.

Instructor Support

Seamless Page Transitions using BarbaJS and GSAP.

Integrate the BarbaJS JavaScript library into your websites and use CSS and JavaScript techniques to add smooth and interesting effects.
live Course
7 classes
Starting on

Recording Available

₹ 700


In this course, we're going to create series of projects which will help you understand how modern websites perform their animations, we'll learn & understand the animations which we see on awwwards and many great resources.

Course Table of contents What will you learn?

12 Sessions

3 Projects


2 session

  • Understanding GSAP
  • Understanding Barba JS

Project 1

3 session

  • Understanding Project
  • Coding project markup
  • Coding Animations

Project 2

3 session

  • Understanding the Complete Project
  • Creating the Markup and Styling
  • Adding page transitions and animations

Project 3

4 session

  • Creating HTML & CSS
  • Adding Page Transitions
  • Creating Animations
  • Adding loader

Project Overview


Landing page of a startup selling elegant flowers, we'll set up our coding environment and will proceed creating the page transitions.

Modern Portfolio

we'll make more detailed landing page, containing many details and the goal would be to get thorough understanding of barba.js and gsap.

Cosmetics Brand Landing Page

in our final project, we're creating almost complete single page website experience, we'll make loader and understand about how barba.js can make website's experience way better.


Frequently asked Questions

Is there a free trial available

  • Yes, 10 classes are completely free.

What if I miss any class? is there any recordings facality available?

  • Yes, recording is also availabe for same class, in case you miss the class you can learn it from recordings.

How classes will be conducted?

  • Initialy We'll use Google meet for live classes and after some time we'll integrate our own online classroom platform for classes.

What will be the timing of this batch?

  • Click on a "Start learning" button, You'll be enrollred for a course, then you can check timing on classroom section for a course.

Will I be eligible to take a job or internship after this course?

  • Definitely you will, Although Sheryians will also help to get your first job or Internship.

What will be learn designing or development?

  • We'll learn both designing and development, After completion of this course you'll be able to think a design and develop it as well.

What'll the duration of this course?

  • Click on a "Start learning" button, You'll be enrollred for a course, then you can check timing on classroom section for a course.

Sample Live Lecture (it's fun)

so that you know, not every online class is boring.

 you'll definitely love it!  you'll definitely love it!    you'll definitely love it! you'll definitely love it!