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

## Ternary statements 

With functional programming like we are doing with React, it’s convenient to create inline logical branching expressions for the simple `True/False` type of conditions. JavaScript has a ternary operator that does just that. It takes a boolean expression that will either evaluate to `True` or `False`, followed by a question mark `?`. It will return a value if the expression is `True`, and return another value if the expression evaluates to `False`, separated by a colon `:`. In our example, there is a ternary expression that determines what text shows up in the UI based on the value of `editTask`:
```js
{this.state.editTask ? "Edit Task: " : "Add Task: "}
```
Python has the same thing, though it is not quite as terse as the JavaScript ternary
operator. It is essentially an inline if-else statement: 
```
"Edit Task: " if editTask is not None else "Add Task: "
```

The first clause is the result of the expression if it is `True`. The clause after the `if` keyword is the boolean expression to evaluate. The clause after the `else` keyword is the value to return if the expression evaluates to `False`.

## Dictionaries 


# Ternary statements 

With functional programming like we are doing with React, it’s convenient to create inline logical branching expressions for the simple `True/False` type of conditions. JavaScript has a ternary operator that does just that. It takes a boolean expression that will either evaluate to `True` or `False`, followed by a question mark `?`. It will return a value if the expression is `True`, and return another value if the expression evaluates to `False`, separated by a colon `:`. In our example, there is a ternary expression that determines what text shows up in the UI based on the value of `editTask`:
```js
{this.state.editTask ? "Edit Task: " : "Add Task: "}
```
Python has the same thing, though it is not quite as terse as the JavaScript ternary
operator. It is essentially an inline if-else statement: 
```
"Edit Task: " if editTask is not None else "Add Task: "
```

The first clause is the result of the expression if it is `True`. The clause after the `if` keyword is the boolean expression to evaluate. The clause after the `else` keyword is the value to return if the expression evaluates to `False`.

# Dictionaries 


Learn to use ternary statements and dictionaries in Python with Transcrypt.


Ternary Statements & Dictionaries

Learn to use ternary statements and dictionaries in Python with Transcrypt.

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

Ternary Statements & Dictionaries

Ternary statements