Using the Python Transcrypt Transpiler for Front-end Coding

Summary

Understand how Transcrypt translates Python to JavaScript and uses sourcemaps to allow debugging of Python code directly in the browser. Explore techniques that improve error tracing and prepare to integrate external JavaScript libraries in future lessons.

We'll cover the following...

What we learned
What’s next?

1.Introduction

2.The Setup

3.Write a “Hello, World” Application

4.JavaScript Functions

5.Sourcemaps

6.External JavaScript Libraries

7.Intro to React

8.React Concepts

9.Cleaner Code

10.Managing JavaScript Packages

11.Package Bundler

12.Text Input

13.Lists

14.Forms

15.React Components

16.JavaScript Examples

17.CSS

18.Material-UI

19.Parcel Web Proxy

20.Asynchronous Requests

21.React Context Hook

22.Transcrypt Miscellany

23.Application Versioning

24.Google Analytics

25.Developer Tools

26.Appendix

Summary

What we learned