What is Frappe UI?It is a library of battle tested components built for real world applications. It is used by a lot of Frappe apps like Frappe CRM, Helpdesk, Insights, Gameplan, and more. Every component is crafted with care.The apps you build with Frappe UI look sleek and classic from Day 1 without much effort. By the end of this cohort, you will have all the foundation and skills to build great looking frontends using Frappe UI and Frappe Framework. You will also be able to contribute to existing first party apps!PrerequisitesBasics of Frappe Framework and VueJS. You can watch the first 2 lectures of this course in order to get upto speed.Day 1: Foundations of Frappe UIWe will start by setting up a new Frappe UI project for a shiny new product. Over the next two days we will learn by building a sophisticated custom frontend with a Frappe backend.Data fetching from Frappe backendLayouts: sidebar, mobile responsiveness, etc.Theme switching (components that work good in both light and dark themes)Bringing in the polish: scroll fade, tooltips, consistencyLess code, more returns: Settings Dialog, Keyboard Shortcuts, and moreWorking with ChartsDay 2: Working with AgentsWe will learn how to use the official agent skills to build Frappe UI based frontends at record speed. The important portion here will be on how to think like a product developer. We will also learn on how to provide good context to the agent via prompts, images, and first party codebases. Apart from these, we will learn about:Using recipesPrototyping with Sketch appWe will also see some best practices for CI setup. We will wrap up by deploying our app to Frappe Cloud.
Know More