GAID

Please enter the google analytics ID for appData file.

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.

tarball.tar.gz

ch02

ch03

ch04

ch05

ch06

ch08

ch09

ch10

ch01

ch12

ch13

ch14

ch15

ch16

ch17

ch18

ch19

ch20

ch21

ch24

ch10-2

ch06-exercise

ch12-jsx

ch19-2

ch25-copy

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.

Using the Python Transcrypt Transpiler for Front-end Coding

**(True or False)** Transcrypt works with any Python modules that are included in the Standard Library.


(True or False) Transcrypt works with any Python modules that are included in the Standard Library.

**(True or False)** Transcrypt works with third-party libraries that are pure Python.


(True or False) Transcrypt works with third-party libraries that are pure Python.

```py
# __pragma__ ('kwargs')
def do_stuff(var, **kwargs):
    print(len(kwargs))
# __pragma__ ('nokwargs')
```

```py
def do_stuff(var, **kwargs):
    print(len(kwargs))
```

```py
# __pragma__ ('skip')
def do_stuff(var, **kwargs):
    print(len(kwargs))
# __pragma__ ('noskip')
```

```py
# __pragma__ ('tconv')
def do_stuff(var, **kwargs):
    print(len(kwargs))
# __pragma__ ('notconv')
```

Which of the following correctly enables keyword arguments in a function?

Which of the following correctly enables keyword arguments in a function?

Which of the following will allow us to modify the props passed into a React functional component?


Which of the following will allow us to modify the props passed into a React functional component?

Which of the following expressions evaluates to `True` when transpiled and run in a web browser?


Which of the following expressions evaluates to <code>True</code> when transpiled and run in a web browser?

Quiz: Transcrypt Miscellany

Quiz: Transcrypt Miscellany

Test yourself on Transcrypt with the quiz below.

Introduction

The Setup

Write a “Hello, World” Application

JavaScript Functions

Sourcemaps

External JavaScript Libraries

Intro to React

React Concepts

Cleaner Code

Managing JavaScript Packages

Package Bundler

Text Input

Lists

Forms

React Components

JavaScript Examples

CSS

Material-UI

Parcel Web Proxy

Asynchronous Requests

React Context Hook

Transcrypt Miscellany

Application Versioning

Google Analytics

Developer Tools

Appendix

Quiz on Transcrypt Miscellany