{"id":20093108,"url":"https://github.com/lottiefiles/course-for-developers","last_synced_at":"2025-05-06T04:32:03.016Z","repository":{"id":66212917,"uuid":"501641948","full_name":"LottieFiles/Course-for-Developers","owner":"LottieFiles","description":"In this quick course, you will learn the basics about implementing Lottie animations across your web and mobile apps.","archived":false,"fork":false,"pushed_at":"2022-06-23T01:22:24.000Z","size":1308,"stargazers_count":11,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-09T08:23:18.339Z","etag":null,"topics":["javascript","jetpack-compose","swiftui"],"latest_commit_sha":null,"homepage":"https://lottiefiles.com","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LottieFiles.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-06-09T12:23:22.000Z","updated_at":"2025-02-19T11:07:30.000Z","dependencies_parsed_at":"2023-02-21T23:15:31.336Z","dependency_job_id":null,"html_url":"https://github.com/LottieFiles/Course-for-Developers","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LottieFiles%2FCourse-for-Developers","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LottieFiles%2FCourse-for-Developers/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LottieFiles%2FCourse-for-Developers/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LottieFiles%2FCourse-for-Developers/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LottieFiles","download_url":"https://codeload.github.com/LottieFiles/Course-for-Developers/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252622273,"owners_count":21777955,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","jetpack-compose","swiftui"],"created_at":"2024-11-13T16:45:54.708Z","updated_at":"2025-05-06T04:32:03.010Z","avatar_url":"https://github.com/LottieFiles.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n# Introduction to Lottie Animations for Developers\n\n_Learn how to add Lottie animations to your websites and apps in less than an hour._\n\nMotion is becoming a key ingredient of any digital experience. Lottie animations, which are animations created with Adobe After Effects and exported as JSON, bring apps to life and make websites more engaging to visitors. “Introduction to Lottie Animations for Developers” course guides you through everything you need to start shipping motion to your products.\n\n- **Who is this for**: Web and Mobile app developers.\n- **What you'll learn**: How to implement Lottie animations on websites, iOS and Android apps.\n- **Prerequisites**: JavaScript for Web developers, Kotlin or Jetpack Compose and Swift for mobile implementations.\n- **How long**: This course consists of total 7 video tutorials. \n\n# How to start this course\n\n1. Navigate to [Issues](https://github.com/LottieFiles/Course-for-Developers/issues) from the top navigation in this repository. \n\u003ca href=\"https://github.com/LottieFiles/Course-for-Developers/issues\" title=\"LottieFiles Course for Developers, Issues\"\u003e\n\u003cimg src=\"images/step1.png?v=1\" alt=\"Navigate to Issues\"\u003e\n\u003c/a\u003e\n\n1. Click on [Pinned Issue](https://github.com/LottieFiles/Course-for-Developers/issues/1) to begin the course.\n\u003ca href=\"https://github.com/LottieFiles/Course-for-Developers/issues/1\" title=\"LottieFiles Course for Developers, Pinned Issue\"\u003e\n\u003cimg src=\"images/step2.png\"  alt=\"Navigate to Pinned Issue\"\u003e\n\u003c/a\u003e\n\n# Course Episodes\n\n## Why Motion?\nMotion has always been part of human nature, and it is in every aspect of our lives. The LottieFiles team takes to the world of motion and why you should apply it to your products.\n\n\u003ca href=\"https://github.com/LottieFiles/Course-for-Developers/issues/1#issue-1266063170\" title=\"LottieFiles Course for Developers, Why Motion?\"\u003e\n\u003cimg src=\"images/vid-0.png\"  alt=\"Why Motion, video\"\u003e\n\u003c/a\u003e\n\n\n## 01. Apply Lottie on the web\nIn this video, we show you how to set up a Lottie Animation to autoplay. And also how to trigger Lottie animations while hovering.\n\n\u003ca href=\"https://github.com/LottieFiles/Course-for-Developers/issues/1#issuecomment-1151065999\" title=\"LottieFiles Course for Developers, Apply Lottie on the web\"\u003e\n\u003cimg src=\"images/vid-1.png\" alt=\"Apply Lottie on the web, video\"\u003e\n\u003c/a\u003e\n\n\n## 02. Implementing Lottie Animation in SWIFTUI\nIn this video, we will teach you how to work with Lottie Animations with SWIFTUI and Xcode.\n\n\u003ca href=\"https://github.com/LottieFiles/Course-for-Developers/issues/1#issuecomment-1151067761\" title=\"LottieFiles Course for Developers, Implementing Lottie Animation in SWIFTUI\"\u003e\n\u003cimg src=\"images/vid-2.png\" alt=\"Implementing Lottie Animation in SWIFTUI, video\"\u003e\n\u003c/a\u003e\n\n\n## 03. Working with Lottie Animations \u0026 UIKit\nIn this video, we will teach you how to use Lottie Animations in your iOS projects.\n\n\u003ca href=\"https://github.com/LottieFiles/Course-for-Developers/issues/1#issuecomment-1151068731\" title=\"LottieFiles Course for Developers, Working with Lottie Animations \u0026 UIKit\"\u003e\n\u003cimg src=\"images/vid-3.png\" alt=\"Working with Lottie Animations \u0026 UIKit, video\"\u003e\n\u003c/a\u003e\n\n## 04. Lottie on Android Studio\nIn this video, we will show you how to use Lottie Animations with Android Studio.\n\n\u003ca href=\"https://github.com/LottieFiles/Course-for-Developers/issues/1#issuecomment-1151069778\" title=\"LottieFiles Course for Developers, Lottie on Android Studio\"\u003e\n\u003cimg src=\"images/vid-4.png\" alt=\"Lottie on Android Studio, video\"\u003e\n\u003c/a\u003e\n\n## 05. Lottie on Android with Jetpack Compose\nIn this video, we will show you how to work with Lottie Animations Android Studio and Jetpack Compose.\n\n\u003ca href=\"https://github.com/LottieFiles/Course-for-Developers/issues/1#issuecomment-1151070807\" title=\"LottieFiles Course for Developers, Lottie on Android with Jetpack Compose\"\u003e\n\u003cimg src=\"images/vid-5.png\" alt=\"Lottie on Android with Jetpack Compose, video\"\u003e\n\u003c/a\u003e\n\n## 06. Lottie Interactivity Library\nIn this video, we're going to be learning how to add interactions to Lottie animations using the Lottie interactivity library.\n\n\u003ca href=\"https://github.com/LottieFiles/Course-for-Developers/issues/1#issuecomment-1151072765\" title=\"LottieFiles Course for Developers, Lottie Interactivity Library\"\u003e\n\u003cimg src=\"images/vid-6.png\" alt=\"Lottie Interactivity Library, video\"\u003e\n\u003c/a\u003e\n\n\n## 07. Open-source LottieFiles\nIn this video, we are going to talk about some of the open-source projects, like Jlottie and Lottie Player. And how you might be able to get involved.\n\n\u003ca href=\"https://github.com/LottieFiles/Course-for-Developers/issues/1#issuecomment-1151077008\" title=\"LottieFiles Course for Developers, Open-source LottieFiles\"\u003e\n\u003cimg src=\"images/vid-7.png\" alt=\"Open-source LottieFiles, video\"\u003e\n\u003c/a\u003e\n\n# Free Resources \u0026 Links\n- What is Lottie? [Link](https://lottiefiles.com/what-is-lottie)\n- Free-to-use high-quality Lottie Animations contributed by the community at LottieFiles. [Link](https://lottiefiles.com/what-is-lottie)\n- Open-source libraries to integrate Lottie to more platforms. [Link](https://lottiefiles.com/integrations#:~:text=to%20a%20CDN.-,Lottie%20libraries,-A%20complete%20ecosystem)\n\nGet help: [Post in our discussion board](https://github.com/LottieFiles/Course-for-Developers/discussions)\n\n\u0026copy; 2022 LottieFiles \u0026bull; [CC-BY-4.0 License](https://creativecommons.org/licenses/by/4.0/legalcode)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flottiefiles%2Fcourse-for-developers","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flottiefiles%2Fcourse-for-developers","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flottiefiles%2Fcourse-for-developers/lists"}