Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Reactify & Elevate Django with TinyMCE and OpenAI
Rating: 4.7 out of 5(21 ratings)
1,958 students

Reactify & Elevate Django with TinyMCE and OpenAI

Learn the fundamentals of integrating React, TinyMCE, OpenAI, and Django to build a powerful way to create landing pages
Created byJustin Mitchel
Last updated 5/2024
English
English [Auto],

What you'll learn

  • Creating a Django project
  • Modern integration with Django + React
  • Using a What You See Is What You Get Editor (WYSIWYG) with Django
  • Using Vite to create and manage a React project
  • Custom Django Middleware
  • Implementing React-based TinyMCE
  • Saving and retrieving TinyMCE data via Django and React
  • Building a pure Django REST API to handle front-end data. (e.g. a precursor to something like the Django Rest Framework)
  • Implement OpenAI for One-Click Generating WYSIWYG Landing Page Content
  • Embedding YouTube Videos in TinyMCE

Course content

9 sections • 24 lectures • 1h 58m total length

  • Welcome + Course Resources0:20

    Check the downloads for course resources, such as getting started and a student-only resource, as well as code downloads.

  • Demo0:42

    Here's a demo of what we'll build. Check the downloads for course resources, such as getting started and a student-only resource, as well as code downloads.

  • Requirements2:00

Requirements

  • A strong desire to learn is key to do well in any of my courses. You got this.
  • Knowing some Python is helpful (see my 30 Days of Python Course)
  • Knowing some Django is helpful (such my course Your First Django Project)
  • Knowing some JavaScript is helpful

Description

Django is a powerful backend built in Python. React.js is a powerful front end built in JavaScript. The two together bring a full-stack dynamic-ness that's hard to match.


TinyMCE has been a stable of Django developers for over a decade. Why? It provides a powerful What You See Is What You Get Editor (aka WYSIWYG) allowing non-technical team members to build out complex HTML pages without writing a single line of code. For the more technical, TinyMCE also offers powerful ways to modify this content inline.


TinyMCE just got a power boost by leveraging AI tools to really up your game on building out WYSIWYG-managed HTML pages in seconds. In other words, taking the best of TinyMCE and OpenAI GPTs (any version really) or Llama 3 or whatever generative AI comes next. We'll show you how to implement this as well.


Here's all the topics that are included in this 100% free course:


  • Creating a Django project

  • Using Vite to create and manage a React project

  • Modern integration with Django + React

  • Custom Django Middleware

  • Implementing React-based TinyMCE

  • Saving and retrieving TinyMCE data via Django and React

  • Building a pure Django REST API to handle front-end data. (e.g. a precursor to something like the Django Rest Framework)

  • Implement OpenAI for One-Click Generating WYSIWYG Landing Page Content

  • Embedding YouTube Videos in TinyMCE

While this might seem like a super advanced Django course, I worked hard to make it as approachable for beginners as possible while allowing more expert devs to jump around as needed.


The code is available as a free download as a zip file or directly from GitHub. We also have student-only resources available as PDF downloads.


Are you ready to begin?

Who this course is for:

  • Developers looking to integrate React and Django
  • Growth Marketers looking to leverage Code and AI to rapidly develop and test landing pages
  • Founders and entrepreneurs testing ideas
  • Teams that want to learn how to use TinyMCE with React and Django

Report abuse