HomeCoursesUsing the Python Transcrypt Transpiler for Front-end Coding

AI-powered learning

Save

Using the Python Transcrypt Transpiler for Front-end Coding

Delve into using Transcrypt to seamlessly translate Python code to JavaScript for coherent web projects, unifying Python's back-end strengths with JavaScript's front-end flexibility.

124 Lessons

11h

Join 2.9 million developers at

LEARNING OBJECTIVES

Learn how to use the basics of Transcrypt.
Learn the basics of React.
Learn how to use React in Python with Transcrypt.
Learn to develop a front-end in Python and React.

Learning Roadmap

124 Lessons24 Quizzes

Introduction

Discover how to use Transcrypt to translate Python code into responsive front-end applications.

Course Overview

Who Is This Course For?

The Setup

Get started with integrating Python in front-end development using Transcrypt and React.

Quiz on the Transcrypt Setup

Summary

Write a “Hello, World” Application

5 Lessons

Go hands-on with setting up Transcrypt, creating a "Hello, World!" app, and coding challenges.

JavaScript Functions

4 Lessons

Grasp the fundamentals of integrating Python and JavaScript functions using Transcrypt.

Sourcemaps

3 Lessons

Trace Python code errors in the browser for efficient debugging with Transcrypt sourcemaps.

External JavaScript Libraries

4 Lessons

See how it works to integrate external JavaScript libraries and handle input with Transcrypt.

Intro to React

5 Lessons

Approach foundational React concepts, React state management, and hands-on coding challenges.

React Concepts

6 Lessons

Sharpen your skills in React's DOM manipulation, component structures, and unidirectional data flow.

Cleaner Code

4 Lessons

Grasp the fundamentals of enhancing Python for React, improving code organization, and handling events.

10.

Managing JavaScript Packages

4 Lessons

Master the steps to manage JavaScript packages and integrate local libraries in Python.

11.

Package Bundler

5 Lessons

Grasp the fundamentals of using Parcel for streamlined Python web application development.

12.

Text Input

5 Lessons

Take a closer look at managing state and handling user inputs in React with Transcrypt.

13.

Lists

5 Lessons

Tackle dynamic list management, React component structuring, and list comprehensions in Python Transcrypt.

14.

Forms

3 Lessons

Form transitions improve data handling and structure in your React application.

15.

React Components

7 Lessons

Learn how to use Python in React to create and manage front-end components effectively.

16.

JavaScript Examples

9 Lessons

Unpack the core of converting JavaScript React components to Python using Transcrypt.

17.

CSS

7 Lessons

Work your way through integrating CSS in React using stylesheets, inline styles, and frameworks.

18.

Material-UI

6 Lessons

Break down complex ideas with Material-UI's theming, styling, and practical coding challenges.

19.

Parcel Web Proxy

5 Lessons

Integrate Flask and Parcel with a proxy server to streamline front-end and back-end communication.

20.

Asynchronous Requests

5 Lessons

Simplify complex topics of asynchronous operations in Python and JavaScript for seamless UI updates.

21.

React Context Hook

5 Lessons

Piece together the parts of managing React state, props, and contexts in nested components.

22.

Transcrypt Miscellany

5 Lessons

Learn how to use Transcrypt for Python-to-JavaScript web development with built-in functions, immutability, and type handling.

23.

Application Versioning

4 Lessons

Discover the logic behind efficient application versioning with npm and Git integration.

24.

Google Analytics

4 Lessons

Master the steps to integrate Google Analytics with ReactGA for performance monitoring.

25.

Developer Tools

4 Lessons

Apply your skills to enhance efficiency with essential Python React development tools.

26.

Appendix

2 Lessons

Map out the steps for setting up and executing Python environments using Transcrypt.

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Developed by MAANG Engineers

ABOUT THIS COURSE

Python is already used in the back-end of most web-based applications. However, it does not work with the front-end of web browsers in those applications. This is where Transcrypt comes in. Transcrypt can help create more coherent web-based projects where Python is used to write the back-end and front-end. This course is primarily about using a transpiler called Transcrypt. It translates our Python code to JavaScript and then executes that JavaScript, letting us enjoy the neatness of Python with the front-end flexibility of JavaScript.

ABOUT THE AUTHOR

John Sheehan

Freelance software developer specializing in knowing a little bit about a lot of different things, and a lifelong maker of stuff — both real and virtual.

Learn more about John

Trusted by 2.9 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer