Hybrid Full-stack Web Development in Record Time with Frappe Framework

Mohammad Hussain Nagaria (~NagariaHussain)


0

Votes

Description:

In this workshop, participants will learn about the Open Source Low-code/Full-code Web Development Framework built on Python and JavaScript. We will learn hands-on by building a web app for managing conferences using Frappe Framework covering new concepts as we go.

The workshop will start by answering some basic questions like What and Why of Frappe Framework followed by a brief overview of its architecture. Then we will move to setting up a new Frappe instance, exploring the desk (admin interface), and eventually jump to the concepts of DocTypes and meta-data driven approach to models. Once we have covered DocTypes, we will start writing some logic using Server Scripts (Python) and also customise the form views using Client Scripts (JavaScript). We will end the low-code session with learning about the ready-made REST API, Webhooks and integrating our Frappe backend with third-party services.

Gradually, we will move on to build our own custom Frappe app.


Updated Outline After Review

  1. A brief introduction to Frappe Framework & core concepts
  2. Walkthrough of the Frappe admin interface (the desk) and how to use low-code/no-code to start build stuff right away
  3. Introduction to Frappe's REST API & webhooks
  4. Introduction to the tech stack and architecture (check slides)
  5. Building Custom Frappe apps with Python & JavaScript
    • Adding Models + Views using DocTypes
    • Writing logic/validations/controller code with Python and lifecycle hooks
    • Customising the views using JavaScript
    • We will go through some core APIs to talk with DB, cache and background jobs while building the custom app
    • Adding Web Views to our DocTypes (Jinja/HTML templates)
  6. Introduction to a few note-worthy FOSS Frappeverse apps and the platform
  7. Brief discussion on building custom UI (Single Page applications) powered by Frappe Framework
  8. Closing note

Slides: https://hussain.click/ff-intro-slides

Custom app will be similar in terms of code to this custom app: https://github.com/NagariaHussain/rides_management


We will build the following features for our conference management app, listed along with the concepts covered:

  • Database Models & CRUD: DocTypes (e.g. Speaker, Conference Ticket, Talk, Schedule etc.)
  • Website for the conference: Web Views and Portal Pages
  • Forms for CFP and sponsorships: Web Forms
  • Transactional Notifications & Reminders: Notifications / Server Scripts / Scheduled Jobs
  • Dashboard: Workspaces, Reports, Charts, etc.
  • and more!

We will wrap up the session by providing the attendees with pointers on learning more about Frappe Framework (reports, caching, queuing and more) and Frappeverse (apps, Marketplace, Incubator program for building FOSS Frappe apps, and more).

Prerequisites:

Basics of web development. Frappe Bench setup on local machine. Although some of the initial development can be done on a Frappe Framework trial instance on Frappe Cloud as well. [Note: No Credit Card is required]

Video URL:

https://youtu.be/1uKEPsvaqrc

Content URLs:

Frappe Framework GitHub Repo: https://github.com/frappe/frappe

Frappe Framework Website: https://frappeframework.com

Frappe Website: https://frappe.io

Frappe Incubator Program: https://frappe.io/incubator

Speaker Info:

Hey! I am Hussain Nagaria, Product Engineer/Evangelist at Frappe. I am the host of #BuildWithHussain YouTube Channel, where I build something (web apps, automation, and more!) live every Wednesday! I am on a mission to help people build world-class web applications. I also work with the Frappe School team as the Frappe Framework Training Expert. I love the FOSS model and everything I build (live or not) is FOSS (Check my GitHub Profile here). Before switching to full-time Evangelist/Trainer role, I have worked on ERPNext and our Frappe Cloud hosting platform.

Speaker Links:

Build With Hussain: https://buildwithhussain.dev GitHub: https://github.com/NagariaHussain LinkedIn: https://linkedin.com/in/buildwithhussain

Section: Web & App development
Type: Workshops
Target Audience: Intermediate
Last Updated: