Is the training Qualiopi certified?

Yes, Learni is a Qualiopi-certified training organization. This certification guarantees the quality of our courses and enables funding through OPCO and other mechanisms.

How can I fund my training?

Our courses are eligible for OPCO funding. Learni supports you through the funding process. A personalized quote is available upon request.

What are the prerequisites for this training?

The prerequisites for the Training Lottie - Animate Websites and Apps with Lightweight JSON training are: Basic knowledge of After Effects or vector design, elementary HTML/CSS.. A preliminary interview validates your eligibility.

Is the training available in person?

Yes, the Training Lottie - Animate Websites and Apps with Lightweight JSON training is available in remote. The format can be adapted to your needs (inter, intra, custom).

Training Lottie - Animate Websites and Apps with... | Learni

The story of Learni

Founded by passionate advocates of learning and innovation, Learni set out to make professional training accessible to everyone, everywhere in the world. Our team works in the largest cities such as Paris, Lyon, Marseille, and internationally, to support talents and organizations in their skills development.

Configure your training

Response within 24hNo commitment100% free

8 spots remaining for the next session

FormatParticipantsDateDetails

Which format do you prefer?

Methods, approaches, and teaching resources

The Training Lottie - Animate Websites and Apps with Lightweight JSON training is delivered in-person or remotely (blended-learning, e-learning, virtual classroom, remote in-person). At Learni, a Qualiopi-certified training organization, each program is designed to maximize skills acquisition, regardless of the training mode chosen.

The trainer alternates between demonstrative, interrogative, and active methods (through practical exercises and/or real-world scenarios). This pedagogical approach ensures concrete and directly applicable learning in the workplace.

Teaching resources provided

To ensure the quality of the Training Lottie - Animate Websites and Apps with Lightweight JSON training, Learni provides the following teaching resources:

Mac or PC computers, high-speed fiber internet, whiteboard or flipchart, video projector or interactive touchscreen (for remote sessions)
Training environments installed on workstations or accessible online
Course materials, practical exercises, and supplementary resources
Post-training access to materials and teaching resources

For in-house training at a location external to Learni, the client ensures and commits to having all necessary teaching materials (IT equipment, internet connection...) for the proper conduct of the training action in accordance with the prerequisites indicated in the communicated training program.

* contact us for remote feasibility** ratio varies depending on the training followed

Assessment methods

The assessment of skills acquired during the Training Lottie - Animate Websites and Apps with Lightweight JSON training is carried out through:

During training: case studies, practical exercises, and professional scenarios
At the end of training: self-assessment questionnaire and skills evaluation by the trainer
After training: training completion certificate detailing acquired skills

Training accessibility

Learni is committed to the accessibility of its professional training programs. All our training programs are accessible to people with disabilities. Our teams are available to adapt teaching methods to your specific needs. Do not hesitate to contact us for any accommodation request.

Training objectives

Discover the fundamental principles of Lottie and its ecosystem

Export After Effects animations via Bodymovin

Integrate Lottie into HTML/CSS/JS web projects

Adapt Lottie for React Native mobile applications

Optimize performance and file sizes

Create interactive animations with events

Complete a full Lottie animation project

Training program

Module 1Introduction to Lottie: Basics and After Effects Export (Bodymovin)

Dive into the Lottie universe, explore its lightweight JSON format from Adobe After Effects, install Bodymovin, create your first simple animation with shapes and transitions, export it to JSON, test it online via LottieFiles, and analyze the lightweight advantages compared to GIFs, while completing guided exercises to master initial workflows.

Module 2Advanced Lottie Animation Creation: Timelines and Effects

Design complex animations with masks, particles, and animated text in After Effects, apply markers for interactions, export via Bodymovin with optimization, integrate dynamic colors, test on various devices via Lottie preview, and produce two ready-to-integrate deliverables, chaining practical exercises and live feedback to boost your creativity.

Module 3Lottie Web Integration: HTML, CSS, JavaScript (lottie-player)

Implement Lottie on websites by importing the CDN player, code responsive animations with CSS, add play/pause controls via JS, synchronize with scroll and hover, test performance on Chrome DevTools, create a complete animated landing page as a deliverable, and optimize for smooth 60fps rendering, for immediate and engaging results.

Module 4Lottie Mobile: React Native, Flutter, and Native Apps

Deploy Lottie in React Native via react-native-lottie, configure animations in Flutter with the lottie package, manage states and interactive loops, test on iOS/Android emulators, integrate into an app prototype with touch gestures, produce a functional multi-platform deliverable, and learn common pitfalls for seamless deployment.

Module 5Optimization and Final Lottie Project: Best Practices

Review Lottie JSON optimization tools, reduce file sizes by 50% without quality loss, add advanced interactions with DotLottie, deploy a personal capstone project with an animated portfolio, evaluate real performance, receive expert feedback, and leave with a complete toolkit, ready to impress in production.