?? ? ? ?? Python? ?? ?? ???? ????? ?? ? ????????. ??? Python? ???? ? ??? ???? ? ????? ?????. Pyscript? ??? ???? ?? ??? ????. HTML ? Python ?? ? ???? ? ?????? ?? Python ??? ??? ??? ??? ??? ?????. ?? ??? ???? Pyscript? ???? JavaScript? ??? ??? ? ?? ???? ?? ?? ?????. ? ??????? Pyscript, ??? ????, ?? ?? ? ? ?? ???? ?? Python ?? ???? ???? ??? ?? ????. ??- pyscript ? ??????
- WebApp? pyscript? ???? ??? ??????
- pyscript? ?? ??
- 1 ?? : main.py ????
- 2 ?? : CSS ??? ????
- 3 ?? : Index.html ????
- 4 ?? : pyscript.toml ????
- ??
pyscript ? ?????? Pyscript? ???? ? ??? ??? ???? ?? ?? ??? ?????. ? ?????? ?? Python ??? ??? ? ????. ??? ??? ???? ????? ??? ???? ???? ??? ??? ?? ????? ??? ? ????. Pyscript? JavaScript ?? Python??? ? ?? ???? ?? ????. ????? ??? ?? ? ? ??, ?? ?? ?? ?? ? ? ????. pyscript? ?? ??- ????? ??? : ??? ??? ??? ? ? ???? HTML ??? ?? ?? ?? ?? : ?? ????? ? ??? ??? ??? ????. ?????? ?????. HTML?? ?? ?? : Python? HTML, CSS ? JavaScript? ?? ?????. WebAssembly? ?? : Pyodide? ????? ?????? Python? ???? ?? (WebAssembly? ??? ?). WebApp? pyscript? ???? ??? ??????
1 ?? : ?? ? ???? ?????? ?? ? ???? ??????. ??? ??? ??, ???? ???? ?? ?? ? ??? ????. 
2 ?? : ?? HTML ??? ????? pyscript? ????? ??? ??? ????? ??? HTML ??? ?????. ?? ?? :
?? ? ?? pyscript ? <https:>
<link rel="??? ??" href="https%20:%20https%20:%20//ipnx.cn/link/29a9f8c8460e5e2be4edde557fd83712https%20:%20//ipnx.cn/link/29a9f8c8460e5e2be47fdde57fdde557fd83712pys.%20nethttps%20:%20//ipnx.cn/link/29A9F8C8460E5E2BE4EDDE557FD83712LATESTHTTPS%20:%20//ipnx.cn/link/29A9F8C8460E5E5E5E5E2BE4EDDE557FD8312PYSCRYSSS%20SS%20" https:>
<https:>
<https:>
<h1> pyscript?? <h1> hello! <https:>
<py-script>
?? = "pyscript"
print (f "hello, {name}! ??? ?????? Python? ???? ????.")
<https:>
<https:>
<https:> <https:> <strong> 3 ?? <https:> : a?? html ??? ?? ? ????. <https:>
<p> ????? <https:> 3 ?? ??? ????
<fre> <strong> main.py : <https:> Python ??. <br> <br> <strong> index.html : <https:> ?? ? ???? ?? ? ?? ? ??? pyscript. <br> <br> <strong> pyscript.toml : <https:> ?? Python ???? ??? ??????. ??. <https:>
<p> ??? ??? ?? ??? ?????? ??? ??????.
</p>
<p> <img src="https%20:%20https%20:%20//ipnx.cn/link/29a9f8c8460e5e2be4edde557fd83712https%20:%20//ipnx.cn/link/29a9f8c8460e5e2be4eddde57fd83712img.%20php.cnhttps%20:%20//ipnx.cn/link/29a9f8c8460e5e2be4edde557fd83712uploadhttps%20:%20//ipnx.cn/link/29a9f8c8460e5e2be4edde557fd83712artti%20clehttps%20:%20//ipnx.cn/link/29a9f8c8460e5e2be4edde557fd83712000https%20:%20//ipnx.cn/link/29A9F8C8460E5E5E5E5E5E2BE4EDDE557FD8312000HTTTPS%20:/%20/ipnx.cn/link/29a9f8c8c8460e5e2be4edde557fd83712000http://ipnx.cn/link/29a9f8c8460e5e2be4edde557fd8371217491768970000505.%20alt%20=%20" pyscript : vidhya https:> <https:> ??? pyscript ???? pyscript playground? ???? ?????? ?? ? ??? ?? ??? ? ? ????. <https:>
<p> <img src="https%20:%20https%20:%20//ipnx.cn/link/29a9f8c8460e5e2be4edde557fd83712https%20:%20//ipnx.cn/link/29a9f8c8460e5e2be4eddde57fd83712img.%20php.cnhttps%20:%20//ipnx.cn/link/29a9f8c8460e5e2be4edde557fd83712uploadhttps%20:%20//ipnx.cn/link/29a9f8c8460e5e2be4edde557fd83712artti%20clehttps%20:%20//ipnx.cn/link/29a9f8c8460e5e2be4edde557fd83712000https%20:%20//ipnx.cn/link/29A9F8C8460E5E5E5E5E5E2BE4EDDE557FD8312000HTTTPS%20:/%20/ipnx.cn/link/29a9f8c8c8460e5e2be4edde557fd83712000http://ipnx.cn/link/29a9f8c8460e5e2be4edde557fd83712174917689822091.%20alt%20=%20" pyscript : vidhya https:> <https:> pyscript <https:>
<p> ?? pyscript ?????? ?? ??? ??? ?? ??? ???????. <https:>
<p> ??? 2 ? TIC-TAC-TOE ??? ?? ? ????. <https:>
<h3> 1 ?? : Update <em> main.py <https:> <https:> <em> main.py <https:> ??? ?? ??, ??? ?? ?? ? UI ????? ???? Tictactoe ???? ?????. Pyweb? ???? Python? HTML? ???? ???? ??? ??? ??? ????? ?? ????. <https:>
<p> <strong> ?? : <https:> <https: pyweb import pydom>
??? Tictactoe :
def __init __ (self) :
self.board = pydom [ "?#??"]]
self.status = pydom [ "h2#status"]]
self.console = pydom [ "????#??"] [0]
self.init_cells ()
self.init_winning_combos ()
self.new_game (...)
def set_status (??, ???) :
self.status.html = ???
def init_cells (self) :
self.cells = []
(0, 1, 2)?? i? ?? :
? = []
(0, 1, 2)? J? ?? :
cell = pydom [f "div#cell {i} {j}"] [0]
??? ?????
row.append (?)
self.cells.append (?)
def init_winning_combos (self) :
self.winning_combos = []
# ?? ?
(0, 1, 2)?? i? ?? :
?? = []
(0, 1, 2)? J? ?? :
combo.append ((i, j))
self.winning_combos.append (??)
# ?? ?
(0, 1, 2)? J? ?? :
?? = []
(0, 1, 2)?? i? ?? :
combo.append ((i, j))
self.winning_combos.append (??)
# ????? ?????
self.winning_combos.append ([(0, 0), (1, 1), (2, 2)]))))
self.winning_combos.append ([(0, 2), (1, 1), (2, 0)]))))
def new_game (self, event) :
self.clear_terminal ()
print ( '==================')
?? ( '??? ?? ??')
??()
(0, 1, 2)?? i? ?? :
(0, 1, 2)? J? ?? :
self.set_cell (i, j, "")
self.current_player = "x"
Experimentingself.set_status (f '{self.current_player} ?? ...')
def next_turn (self) :
Winner = self.check_winner ()
Winner == "Tie"? ?? :
self.set_status ( "??????!")
self.current_player = "" # IE, ??? ?????
??
Elif ???? ????.
self.set_status (f '{winner} wins')
self.current_player = "" # IE, ??? ?????
??
if self.current_player == "x":
self.current_player = "O"
? ??:
self.current_player = "x"
self.set_status (f '{self.current_player} ?? ...')
def check_winner (self) :
"" "
??? ????? ??????.
"x", "o", "tie"?? ??? ??????. ??? ??? ??? ???? ??? ?????.
"" "
# ??? ??? ??????
self.winning_combos? ?? :
Winner = self.get_winner (??)
??? :
# ?? ?? ??????
???? i, j? ?? :
self.cells [i] [J] .add_class ( "Win")
?? ??
# ????? ??????
(0, 1, 2)?? i? ?? :
(0, 1, 2)? J? ?? :
if self.get_cell (i, j) == "":
# ??? ? ?? ?? ???? ????.
?? ?? # ??? ??? ???????
"???"??
def get_winner (??, ??) :
"" "
??? ??? ?? ?? ??? ?? ?? ?? ??????.
??? ??? ""?????.
? ?? (i, j) ??? ?????.
?:
self.get_winner ([(0, 0), (1, 1), (2, 2)])))
"" "
Len (??) == 3? ?????
values ??= [self.get_cell (i, j)? i, ???? j]
? [0] == value [1] == value [2] ? ? [0]! = "":
?? ? [0]
?? ""
def set_cell (self, i, j, value) :
( "", "x", "o"?? ?? ?????.
cell = self.cells [i] [J]
cell.html = ?
Cell.classes?? "x"? ?? :
cell.remove_class ( "x")
Cell.classes?? "O"? ?? :
cell.remove_class ( "o")
Cell.classes?? "Win"? ?? :
cell.remove_class ( "Win")
value! = ""? ?? :
cell.add_class (?)
def get_cell (self, i, j) :
cell = self.cells [i] [J]
? = cell.html
( "", "x", "o"?? ?? ?????.
?? ?
DEF CLICK (Self, Event) :
i = int (event.target.getAttribute ( 'data-x'))
j = int (event.target.getAttribute ( 'data-y')))
print (f'cell {i}, {j} ?? : ', end =' ')
self.current_player == ""? ?? :
print ( '??? ???? ? ?? ??')
??
?
value = self.get_cell (i, j)
If value == "":
print ( '? ?, ??')
self.set_cell (i, j, self.current_player)
self.next_turn ()
? ??:
print (f'cell? ?? ?? ????.
def clear_terminal (self) :
self.console._js.terminal.clear ()
def toggle_terminal (self, event) :
hidden = self.console.parent._js.getAttribute ( "Hidden")
??? ?? :
self.console.parent._js.removeattribute ( "Hidden")
? ??:
self.console.parent._js.setattribute ( "Hidden", "Hidden")
game = tictactoe () <https:>
<h3> 2 ?? : CSS ?? ?? <https:>
<p> <em> style.css <https:> ??? ?????? <strong> ?? <https:> Tic-Tac-Toe ??? ????? ???? ???? ?? ??. ??? ??, ? ? ?? ???? ???? ?? ????. <https:>.
<p> <strong> ?? : <https:> <https:> h1, h2 {
Font-Family : '?? ???', '?? ?', ???;
??? ?? : ??;
}
#?? {
Font-Family : '?? ???', '?? ?', ???;
?? : ??;
?? ?? : 120px;
?? : 1% ??;
??-??? : ??;
}
#board td {
?? : 4px ?? RGB (60, 60, 60);
?? : 90px;
?? : 90px;
?? ?? : ??;
??? ?? : ??;
?? : ???;
}
#board td div {
?? : 90px;
?? : 90px;
?? ?? : 90px;
????? : ??;
???? : ???;
?? : ???;
}
.x {
?? : Darksalmon;
?? : ??;
?? ?? : 1.2EM;
?? : ???;
}
.o {
?? : Aquamarine;
?? : ??;
?? ?? : 1.0EM;
?? : ???;
}
.??? {
??? : ??? ?;
} <https:>
<h3> 3 ?? : ???? <em> index.html <https:> <https:> <em> index.html ?? <https:> ??? ?? ? ??? ??????. <em> main.py <https:>, ?? ?? ??? ???? <em> style.css <https:> (?? ????) ????. <https:>
<p> <strong> ?? : <https:> <https:>
<meta charset="utf-8">
<meta name="viewport" content="width = device-width, ?? ??? = 1.0">
<link rel="??? ??" href="https%20:%20https%20:%20//ipnx.cn/link/29a9f8c8460e5e2be4edde557fd83712https%20:%20//www.ph%20p.cn/link/29a9f8c8460e5e2be4edde557fd83712pyscript.nethttp://ipnx.cn/link/29a9f%208C8460E5E2BE4EDDE557FD83712RELASESHTTPS%20:%20//ipnx.cn/link/29A9F8C8460E5E2BE4EDDE5%2057fd837122024.1.1https%20:%20//ipnx.cn/link/29a9f8c8460e5e2be4edde557fd83712core.css%20">
<link rel="??? ??" href=".https%20:%20//ipnx.cn/link/29a9f8460e5e2be4edde557fd83712assetshttps%20:%20//ipnx.cn/link/29a9f%208c8460e5e2be4edde557fd83712csshttps%20:%20//ipnx.cn/link/29a9f8c8460e5e5e2be4edde557fd83712examples.css%20" https:>
</https:></https:></strong></p></https:></https:></em></https:></em></https:></em></https:></https:></em>
</h3></https:></https:></https:></strong></p></https:></https:></strong></https:></em></p></https:>
</h3></https:></https:></https:></strong></p></https:></https:></em></https:></https:></em>
</h3></https:></p></https:></p></https:></https:></p></https:></https:></p></https:></https:></strong></https:></strong></https:></strong></fre></https:></p></https:></https:></strong></https:></https:></https:></https:></py-script></https:>
</h1>
</h1></https:></https:></https:>
? ??? pyscript : ?????? ?? ???? ?? - ?? Vidhya? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
AI ???? ?? ??? ?????? AI ?? ??? ??, ?? ?? ?????? 3 ?? ??? ??
Jul 02, 2025 am 11:13 AM
AGI? AI Superintelligence? ?? ?? ?? ??? ?? ?????.
Jul 04, 2025 am 11:10 AM
Kimi K2 : ?? ??? ?? ?? ???? ??
Jul 12, 2025 am 09:16 AM
AI?? AGI??? ??? ?? ??? ?? ?? ??
Jul 02, 2025 am 11:19 AM
Grok 4 vs Claude 4 : ?? ?? ? ?????
Jul 12, 2025 am 09:37 AM
?? ??? ?? ?? ??? ????? ???? ?? ? ????.
Jul 02, 2025 am 11:18 AM
? ??? ?? AI ?????? ????? ?? ??? ??? ??????.
Jul 02, 2025 am 11:14 AM
?? ??? ???? ?? ???? ?? ?? 10 ?? ? ??? AI ??? ????.
Jul 02, 2025 am 11:16 AM
