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

# Java in Windows
Check out this lesson when following the “First Application” chapter on your own system running Windows.


If you’re on Windows, you might get an `error` during the generation of the minified target code like this:

```txt
[WinError 2] The system cannot find the file specified
```
It probably means that you don’t have Java installed, which Transcrypt uses for the JavaScript minification process. If so, you can either install the Java Runtime Environment or tell Transcrypt not to minify the output by adding the `--nomin` option:
```txt
(venv) $ transcrypt --nomin hello
```


# Using parcel in a Transcrypt project
Check out this lesson when following the “Package Bundler” chapter on your own system.

For those of you using Windows, there are two more changes that need to be made to the `asset.js` file for it to work in Windows environments. The first is to modify the default Transcrypt build configuration to just use the version of Python that you set your virtual environment up with.

To do that, change line 14 to simply use Python instead of Python3, changing it from this:

```js
"command": "python3 -m transcrypt",
```

Change the above into this:
```js
"command": "python -m transcrypt",
```
The second change has to do with modifying an import file path so that it uses Windows-style backslashes instead of the Linux/Mac style forward slashes. For this modification, we can use a string `replace()` method on line 143 to make an inline correction to the file path for Windows environments. Change this line:
```js
this.content = `export * from "${this.importPath}";`; 
```
Change the above line to this:
```js
this.content = `export * from "${this.importPath.replace(/\\/g, '/')}";`;
```
At some point, we expect a modification will be incorporated into the `parcel-plugin-transcrypt` package so that this hack can be avoided in the future.


If you’re on Windows, you might get an `error` during the generation of the minified target code like this:

```txt
[WinError 2] The system cannot find the file specified
```
It probably means that you don’t have Java installed, which Transcrypt uses for the JavaScript minification process. If so, you can either install the Java Runtime Environment or tell Transcrypt not to minify the output by adding the `--nomin` option:
```txt
(venv) $ transcrypt --nomin hello
```


# Using parcel in a Transcrypt project
Check out this lesson when following the “Package Bundler” chapter on your own system.

For those of you using Windows, there are two more changes that need to be made to the `asset.js` file for it to work in Windows environments. The first is to modify the default Transcrypt build configuration to just use the version of Python that you set your virtual environment up with.

To do that, change line 14 to simply use Python instead of Python3, changing it from this:

```js
"command": "python3 -m transcrypt",
```

Change the above into this:
```js
"command": "python -m transcrypt",
```
The second change has to do with modifying an import file path so that it uses Windows-style backslashes instead of the Linux/Mac style forward slashes. For this modification, we can use a string `replace()` method on line 143 to make an inline correction to the file path for Windows environments. Change this line:
```js
this.content = `export * from "＄{this.importPath}";`; 
```
Change the above line to this:
```js
this.content = `export * from "＄{this.importPath.replace(/\\/g, '/')}";`;
```
At some point, we expect a modification will be incorporated into the `parcel-plugin-transcrypt` package so that this hack can be avoided in the future.


Use this lesson when locally setting up Transcrypt on Windows.

Notes for Windows Users

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

Notes for Windows Users

Java in Windows