GAID

Please enter the google analytics ID for appData file.

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)** Node.js must be installed in order to use the npm JavaScript tool.

<p><strong>(True or False)</strong> Node.js must be installed in order to use the npm JavaScript tool.</p>


The JavaScript equivalent of Python’s pip `requirements.txt` file is which one of the following?

<p>The JavaScript equivalent of Python’s pip <code>requirements.txt</code> file is which one of the following?</p>


The npm JavaScript package manager puts JavaScript libraries in which one of the following folder?

<p>The npm JavaScript package manager puts JavaScript libraries in which one of the following folder?</p>


Include the supplied string as literal JavaScript.

Treat this module as JavaScript and don’t transpile it.

Replace the keyword `js` in the module with the supplied text.

It’s just a comment and doesn’t do anything.

The `# __pragma__('js')` compiler directive tells Transcrypt to perform which action?


<p>The <code># __pragma__('js')</code> compiler directive tells Transcrypt to perform which action?</p>


One loads the React library into the web browser from the internet. The second one loads it from a local copy.

One generates an error because it is not valid HTML.

One is compiled JavaScript and the other is just source code.

What is the main difference between the following two HTML script imports?
```html
<script crossorigin
src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src="./node_modules/react/umd/react.production.min.js"></script>
```

<p>What is the main difference between the following two HTML script imports?</p>
<pre><code class="language-html">&lt;script crossorigin
src=&quot;https://unpkg.com/react@16/umd/react.production.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;./node_modules/react/umd/react.production.min.js&quot;&gt;&lt;/script&gt;
</code></pre>


Quiz: Managing JavaScript Packages

<p>Quiz: Managing JavaScript Packages</p>


Let’s test ourselves on JavaScript packages in 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 Managing JavaScript Packages