Using the Python Transcrypt Transpiler for Front-end Coding

Description

In this course, you will :

• Learn the fundamentals of Transcrypt.
• Learn the fundamentals of React.
• Transcrypt teaches you how to use React in Python.
• Learn how to create a front-end using Python and React.

Syllabus :

1. The Setup

• Full-stack Python
• Transcrypt
• React
• npm and Parcel

 

2. Write a “Hello, World” Application

• A Few Things to Note
• Hello, World!
• Coding Challenge

 

3. JavaScript Functions

• Random Numbers
• Coding Challenge

 

4. Sourcemaps

• Debugging Console

 

5. External JavaScript Libraries

• Working with jQuery
• Coding Challenge

 

6. Intro to React

• React Basics
• React State
• Coding Challenge

 

7. React Concepts

• Document Object Model
• React's Building Blocks
• More React Concepts
• Coding Challenge

 

8. Cleaner Code

• Break It Up
• Coding Challenge

 

9. Managing JavaScript Packages

• npm
• Using Local JavaScript Libraries

10. Package Bundler

• Parcel
• Simplified JavaScript Imports
• Build Scripts

 

11. Text Input

• Handling Input
• Coding Challenge

 

12. Lists

• HTML Lists
• List Component
• Coding Challenge

 

13. Forms

• Form Action

 

14. React Components

• Introduction
• Adding Functionality
• Adding More Functionality
• Decomposition
• Coding Challenge

 

15. JavaScript Examples

• To-do List
• Class Components to Functions
• Functions
• Ternary Statements & Dictionaries
• Spread Operator & JSX
• JavaScript Imports
• Putting It Together

 

16. CSS

• Stylesheet
• Inline Styles
• Styled Components
• CSS Framework
• Coding Challenge

 

17. Material-UI

• Introducing Material-UI
• Optimized Imports & Theming
• Styled Components Revisited
• Coding Challenge

 

18. Parcel Web Proxy

• Flask Web Server
• Proxy Service
• Coding Challenge

 

19. Asynchronous Requests

• Synchronicity
• Async/Await
• Coding Challenge

 

20. React Context Hook

• Nested Components
• Context Variables
• Coding Challenge

 

21. Transcrypt Miscellany

• Standard Library & Built-in Functions
• Keyword Args & Immutability
• Truthiness & Types

 

22. Application Versioning

• The npm Version
• Application Version

 

23. Google Analytics

• ReactGA
• Request Timing

 

24. Developer Tools

• Bundle Visualizer
• Chrome Extensions

Show more