Feat: Add i18n (#17)

* Add i18n and en docs

* Translate zh-CN chars to en

* Update readme

Author: luckrnx09

README-zh_CN.md

@@ -0,0 +1,18 @@
+<div style="text-align: center;">
+ <a href="./README.md">English</a> | 简体中文
+ <p>一本基于 <a href="https://github.com/luckrnx09/abook">abook</a> 编写的开源电子书</p>
+</div>
+
+
+<div style="text-align:center; margin: 2em 0;">
+    <img src="./static/img/book_cover_zh-cn.png" style="width: 80%;" />
+</div>
+
+
+《JavaScript 工程师的 Python 指南》是一本开源电子书，涵盖了从 Python 环境安装到项目开发的方方面面。本书通过案例对比了 JavaScript 和 Python 语言的异同，帮助 JavaScript 工程师快速掌握 Python 语言。
+
+<div style="text-align: center; margin-bottom:2em;">
+ <a href="https://luckrnx09.github.io/python-guide-for-javascript-engineers/zh-cn">在线阅读 🚀</a>  
+</div>
+
+欢迎提交 PR 对本书的内容进行补充、修正以及翻译。

README.md

@@ -1 +1,18 @@
-# python-guide-for-javascript-engineers
+<div style="text-align: center;">
+ English | <a href="./README-zh_CN.md">简体中文</a>
+  <p>An open-source ebook powered by <a href="https://github.com/luckrnx09/abook">abook</a></p>
+</div>
+
+
+<div style="text-align:center; margin: 2em 0;">
+    <img src="./static/img/book_cover.png" style="width: 80%;" />
+</div>
+
+
+The Python Guide for JavaScript Engineers is an open source ebook that covers everything from Python environment installation to project development. This book compares the similarities and differences between JavaScript and Python through cases to help JavaScript engineers quickly master the Python language.
+
+<div style="text-align: center; margin-bottom: 2em;">
+ <a href="https://luckrnx09.github.io/python-guide-for-javascript-engineers">Read it online 🚀</a> 
+</div>
+
+Welcome to submit PR to supplement, revise and translate the content of this book.

docs/about-the-book.md

@@ -0,0 +1,45 @@
+---
+id: about-the-book
+slug: /about-the-book
+title: About the Book
+sidebar_label: About the Book
+---
+
+Hello, I'm luckrnx09, a frontend engineer who makes a living with React. I'm glad to introduce to you my first open-source e-book, "Python Guide for JavaScript Engineers".
+
+The content of this book is completely free and open-source. You can find the repository here: https://github.com/luckrnx09/python-guide-for-javascript-engineers
+
+### Why Write This Book
+
+In 2022, ChatGPT made a huge splash, ushering in a new era of artificial intelligence. Python once again became the most popular programming language in the field of AI. Many AI-related tools have emerged rapidly, with new ones appearing every day. Python's simplicity and its dominance over the years have made it the preferred language for many popular AI projects. Therefore, learning Python has become a ticket to enter these projects. It is an unstoppable trend in the field of AI.
+
+Recently, I finally took the time to systematically learn Python. However, as someone who already mastered C# and JavaScript, the learning process was not easy for me due to the following reasons:
+- I was unsure about the differences between Python and the languages I already knew. To avoid missing important knowledge, I had to study every detail instead of just skimming the surface.
+- I was unsure about the similarities between Python and the languages I already knew. As a result, I wasted a lot of time relearning programming concepts that I had already fully grasped.
+
+Due to these two uncertainties, I put in a tremendous amount of effort and persevered to complete my systematic learning. After finishing my studies, I explained key concepts in Python to my frontend developer colleagues by combining and comparing the syntax and features of Python and JavaScript. I found that they were able to quickly grasp Python development just like I did.
+
+Therefore, I decided to organize the key points I encountered during the learning process into a more detailed book. I hope it can help more JavaScript engineers avoid common pitfalls and obstacles when learning Python.
+
+### Key Features of This Book
+
+To improve the learning efficiency, this book extensively uses examples and a comparative teaching approach. I first demonstrate how to achieve a requirement using JavaScript and then reimplement it using Python code. Through this comparison, you will gain an intuitive understanding of the differences between the two languages.
+
+At the end of each example, I also present a table showing equivalent APIs in JavaScript and Python. These APIs may not appear in the example code but are commonly used in development. While it is not necessary to master all of them immediately, knowing about their existence in advance can be very helpful for writing simple and efficient Python code.
+
+### Target Audience
+
+This book is only suitable for JavaScript developers, especially those who are familiar with the latest ES standards and Node.js.
+
+### How This Book Was Written
+
+My open-source project abook https://github.com/luckrnx09/abook, is an AI book-writing tool based on ChatGPT. The core idea is the "examples + comparative teaching" approach mentioned above. The initial draft of this book was generated using that tool. I then spent several months proofreading, adjusting, translating, and polishing the draft to present the final version to you.
+
+### Errata
+
+Due to my limited knowledge, errors may occur during the writing process. If you discover any mistakes in the book, I welcome you to submit a pull request through the "Edit this page" link at the bottom left of the article to help improve the content of this book.
+
+<div align="right">
+    <span> — </span>
+    <span>luckrnx09</span>
+</div>

docs/afterword.md

@@ -0,0 +1,18 @@
+---
+id: afterword
+slug: /afterword
+title: Afterword
+sidebar_label: Afterword
+---
+
+Unknowingly, you have completed the entire content of this book.
+
+The end of this book is not the end of the Python learning journey, but a new beginning. The Python ecosystem is extremely prosperous. Due to limited space, many interesting topics were not mentioned in this book. With the blessing of AI, I believe you will no longer be afraid of reading and writing Python code.
+
+Finally, thank you again for choosing to read this book. The initial draft of this book was generated based on my open source project abok - https://github.com/luckrnx09/abook. If this book has been helpful to you, I hope you can give this project a Star, which will encourage me to create more high-quality content.
+
+I hope this is a good experience for you in your journey of learning Python!
+
+<div align="right">
+    <span> —— luckrnx09</span>
+</div>

docs/anonymous-functions.md

@@ -0,0 +1,48 @@
+---
+id: anonymous-functions
+slug: /anonymous-functions
+title: Anonymous Functions
+sidebar_label: Anonymous Functions
+---
+
+When you need to inline execute a small piece of code without defining a separate function, you can use anonymous functions. In Python, anonymous functions are called "lambda expressions" or "lambda functions".
+
+### Task
+
+Using anonymous functions, map each item in a list of numbers to its square and print the new list.
+
+#### JavaScript implementation
+
+```javascript
+const numbers = [1, 2, 3, 4, 5];
+
+const squaredNumbers = numbers.map(number => number ** 2);
+console.log(squaredNumbers);
+```
+
+#### Python implementation
+
+```python
+numbers = [1, 2, 3, 4, 5]
+
+squared_numbers = list(map(lambda number: number ** 2, numbers))
+print(squared_numbers)
+```
+
+### Code Highlight
+- Python uses the `lambda` keyword to create anonymous functions, while JavaScript uses `function` or `=>` to create anonymous functions.
+- Python's `lambda` functions cannot contain a function body, and the value of the expression is automatically returned as the return value. In contrast, anonymous functions in JavaScript can have function bodies and `return` statements.
+
+### Difference Quick View
+
+| Feature    | JavaScript                       | Python       |
+|---------|---------------------------------|--------------|
+| Creating Anonymous Functions    | `(params) => expression`      | `lambda params: expression` |
+
+:::tip
+When a lambda function in Python has multiple parameters, separate each parameter with a `,`.
+:::
+
+### Resources
+
+- https://docs.python.org/3/tutorial/controlflow.html#lambda-expressions

docs/arithmetic-operation.md

@@ -0,0 +1,123 @@
+---
+id: arithmetic-operation
+slug: /arithmetic-operation
+title: Arithmetic Operations with Basic Data Types
+sidebar_label: Arithmetic Operations
+---
+
+Arithmetic operators in Python are used to perform basic arithmetic operations such as addition, subtraction, multiplication, and division.
+
+### Task
+
+Create a program that defines two variables of number data types and performs various arithmetic operations on them. The program should perform the following tasks:
+
+1. Add the two numbers and print the sum.
+2. Subtract the first number from the second number and print the difference.
+3. Multiply the two numbers and print the product.
+4. Divide the first number by the second number and print the quotient.
+5. Calculate the remainder when the first number is divided by the second number and print the result.
+6. Raise the first number to the power of the second number and print the result.
+7. Increment the value of the first number by 1 and print the updated value.
+8. Decrement the value of the second number by 1 and print the updated value.
+
+#### JavaScript implementation
+```javascript
+let num1 = 10;
+let num2 = 5;
+
+// 1. Addition
+let sum = num1 + num2;
+console.log("Sum:", sum);
+
+// 2. Subtraction
+let difference = num1 - num2;
+console.log("Difference:", difference);
+
+// 3. Multiplication
+let product = num1 * num2;
+console.log("Product:", product);
+
+// 4. Division
+let quotient = num1 / num2;
+console.log("Quotient:", quotient);
+
+// 5. Remainder
+let remainder = num1 % num2;
+console.log("Remainder:", remainder);
+
+// 6. Exponentiation
+let power = num1 ** num2;
+console.log("Power:", power);
+
+// 7. Increment
+num1++;
+console.log("Updated num1 after increment:", num1);
+
+// 8. Decrement
+num2--;
+console.log("Updated num2 after decrement:", num2);
+```
+
+#### Python implementation
+```python
+num1 = 10
+num2 = 5
+
+# 1. Addition
+sum = num1 + num2
+print("Sum:", sum)
+
+# 2. Subtraction
+difference = num1 - num2
+print("Difference:", difference)
+
+# 3. Multiplication
+product = num1 * num2
+print("Product:", product)
+
+# 4. Division
+quotient = num1 / num2
+print("Quotient:", quotient)
+
+# 5. Remainder
+remainder = num1 % num2
+print("Remainder:", remainder)
+
+# 6. Exponentiation
+power = num1 ** num2
+print("Power:", power)
+
+# 7. Increment
+num1 += 1
+print("Updated num1 after increment:", num1)
+
+# 8. Decrement
+num2 -= 1
+print("Updated num2 after decrement:", num2)
+```
+
+### Code Highlight
+- The syntax for addition, subtraction, multiplication, division, remainder, and exponentiation in Python is the same as in JavaScript.
+- Python does not have the `++` and `--` operators. Instead, `+=` and `-=` are used to increment or decrement variables.
+
+### Difference Quick View
+
+| Feature | JavaScript | Python |
+|---------|------------|--------|
+| Addition | `+` | `+` |
+| Subtraction | `-` | `-` |
+| Multiplication | `*` | `*` |
+| Division | `/` | `/` |
+| Integer Division | - | `//` |
+| Remainder | `%` | `%` |
+| Exponentiation | `**` | `**` |
+| Increment | `++` <br /> `+=1` | `+= 1` |
+| Decrement | `--` <br/> `+=1` | `-= 1` |
+
+:::danger
+In Python, arithmetic operations can only be performed between **compatible** data types. For example, the result of a calculation between a floating-point number and an integer will be a floating-point number. However, performing arithmetic operations between a string and a number will result in an error. To perform arithmetic operations between a number and a string, one of them must be converted to the appropriate data type.
+:::
+
+### Resources
+
+- https://docs.python.org/3/library/stdtypes.html#numeric-types-int-float-complex

docs/basic-types.md

@@ -0,0 +1,78 @@
+---
+id: basic-types
+slug: /basic-types
+title: Basic Data Types
+sidebar_label: Basic Data Types
+---
+
+Python basic data types include:
+
+- Integer: Numbers without decimal points.
+- Float: Numbers with decimal points.
+- String: A sequence of characters enclosed in single quotes or double quotes.
+- Boolean: Represents True or False.
+- None: Represents empty value.
+
+### Task
+
+Define 5 variables to represent a person's payslip, including: name, month, salary, whether they have perfect attendance, and project team.
+
+#### JavaScript implementation
+
+```javascript
+let name = 'Bob' // string
+let month = 12 // number
+let salary = 10000.12 // number
+let isPerfectAttendance = true // boolean
+let team = null // null
+console.log(typeof name) // Get the type of the variable
+```
+
+#### Python implementation
+
+```python
+name = 'Bob' # str
+month = 12 # int
+salary = 10000.12 # float
+is_perfect_attendance = True # bool
+team = None # None
+print(type(name)) # Get the type of the variable
+```
+
+### Code Highlight
+ - Python has two types of number types, `int` for integers and `float` for floating-point numbers, while JavaScript uses the `number` type for both integers and floating-point numbers.
+ - Python uses `None` to represent empty, while JavaScript uses `null`.
+ - Python does not have a type similar to JavaScript's `undefined`.
+ - Python uses the built-in function `type()` to get the variable type, while JavaScript uses the `typeof` keyword.
+
+### Difference Quick View
+| Type | JavaScript | Python |
+|---------|------------|--------|
+| Integer | `let myInt = 10;`<br />`let myInt = Number(10);` | `my_int = 10` |
+| Float | `let myFloat = 3.14;`<br />`let myFloat = Number(3.14);` | `my_float = 3.14` |
+| String | `let myStr = "Hello World";` | `my_str = "Hello World"` |
+| Boolean | `let myBool = true;`<br />`let myBool = false;` | `my_bool = True`<br />`bool_val = False` |
+| None | `let myNull = null;` | `my_none = None` |
+
+String is one of the most widely used data types in programming languages, mastering them can greatly simplify programming. Here are the common string APIs in JavaScript and Python:
+
+| Method         | JavaScript                     | Python                           |
+|--------------|--------------------------------|----------------------------------|
+| Get length   | `myStr.length`                   | `len(my_str)`                       |
+| Concatenate   | `myStr1 + myStr2`                  | `my_str1 + my_str2`                    |
+| Slice   | `myStr.slice(start, end)`        | `my_str[start:end]`                 |
+| Find   | `myStr.indexOf(substring)`       | `my_str.index(substring)`           |
+| Replace   | `myStr.replace(old, new)`        | `my_str.replace(old, new)`          |
+| Split   | `myStr.split(separator)`         | `my_str.split(separator)`           |
+| Convert to uppercase and lowercase | `myStr.toUpperCase()`<br />`myStr.toLowerCase()` | `my_str.upper()`<br />`my_str.lower()` |
+| Reverse	| `myStr.split('').reverse().join('')`	| `my_str[::-1]` |
+| Count occurrences of a substring |	`myStr.split(substring).length - 1`	| `my_str.count(substring)` |
+| Check if a string starts with a specified character(s) |	`myStr.startsWith(prefix)`	| `my_str.startswith(prefix)` |
+| Check if a string ends with a specified character(s) | `myStr.endsWith(suffix)` | `my_str.endswith(suffix)` |
+| Trim whitespace from both ends of a string | `myStr.trim()`	| `my_str.strip()` |
+| Center align a string with a specified width |	-	| `my_str.center(width)` |
+| Capitalize the first letter of the first word |	-	| `my_str.capitalize()` |
+| Capitalize the first letter of each word |	-	| `my_str.title()` |
+
+### Resources
+- https://docs.python.org/3/library/stdtypes.html