Cov txheej txheem:

Console Cooler: 11 Kauj Ruam
Console Cooler: 11 Kauj Ruam

Video: Console Cooler: 11 Kauj Ruam

Video: Console Cooler: 11 Kauj Ruam
Video: 👟Make Any Shoe 10X Comfortable😍- Frido Dual Gel Insoles Review #frido #sneakers #insoles #shorts 2024, Lub Xya hli ntuj
Anonim
Console Txias
Console Txias

Koj puas muaj lub console qub?

Puas yog koj ntshai tias koj lub console yuav kub ntau thaum lub caij ntuj sov?

Tom qab ntawv qhov no yog qhov haujlwm rau koj!

Kuv lub npe yog Thibeau Deleu thiab kuv yog tub ntxhais kawm los ntawm Multimedia thiab Kev Sib Txuas Lus Technology ntawm Howest Kortrijk.

Lub npe ntawm txoj haujlwm no hu ua 'Console Cooler'. Raws li lub npe hais, nws yog lub cuab yeej uas pab koj ua kom koj lub console txias! Kev txias txias tshwm sim los ntawm tus kiv cua nyob rau sab saum toj ntawm rooj plaub, uas tsim kom muaj cua ntws ntxiv.

Txoj haujlwm no yog rau cov neeg uas muaj lub console qub uas ua kom sov nrawm heev, tshwj xeeb tshaj yog thaum lub caij ntuj sov. Koj tseem yuav tuaj yeem pom qhov xwm txheej ntawm lub console ntawm (tus kheej ua) lub xaib.

Kauj Ruam 1: Cov Cheeb Tsam Loj (sensors thiab LCD)

Cov Cheeb Tsam Loj (sensors thiab LCD)
Cov Cheeb Tsam Loj (sensors thiab LCD)
Cov Cheeb Tsam Loj (sensors thiab LCD)
Cov Cheeb Tsam Loj (sensors thiab LCD)
Cov Cheeb Tsam Loj (sensors thiab LCD)
Cov Cheeb Tsam Loj (sensors thiab LCD)

Dab tsi tiag tiag peb xav tau los tsim lub cuab yeej no?

Cia pib los ntawm kev muab cov ntsiab lus ntawm cov khoom tseem ceeb yog:

  • LDR tus neeg tiv thaiv
  • ML35 ntsuas kub
  • Jtron DC 5V 0.23a 3 5 cm Cua Txias.
  • PIR Tsab ntawv tsa suab sensor
  • Ultra Sonic sensor yog qhov tsim nyog

Rau lo lus nug ntawm qhov pib ntawm cov kauj ruam no, Kuv yuav tso 2 daim duab zoo nrog txhua yam khoom koj xav tau. Tab sis kuv yuav npog qhov tseem ceeb tshaj plaws hauv cov theem hauv qab no, yog li nws yuav nkag siab yooj yim dua.

Ua ntej tshaj plaws, peb xav tau lub hauv paus tseem ceeb los ua txoj haujlwm no thiab yog Raspberry Pi nrog tsawg kawg 16GB micro SD daim npav. Tsis muaj nws, tsis muaj dab tsi ua haujlwm.

Qhov thib ob yog cov khoom siv uas yuav tso npe rau qhov ntsuas tseem ceeb kom pom qhov kub thiab txias hauv rooj plaub thiab xwm txheej ntawm lub console. Rau qhov no peb xav tau lub ntsuas kub thiab lub teeb ntsuas. Cov uas kuv yuav siv hauv txoj haujlwm no yog:

  • LDR tiv thaiv
  • LM35 ntsuas kub

Raws li rau tus kiv cua nws tus kheej, Kuv yuav siv Jtron DC 5V 0.23a 3 5 cm Cua Txias.

Muaj qee qhov ntxiv ntawm qhov haujlwm no, vim nws tau nthuav ntxiv lawv rau hauv txoj haujlwm (rau kuv tus kheej).

Thawj qhov tivthaiv yog PIR Motion sensor uas yuav ua haujlwm ua lub pob kom qhib te kiv cua. Qhov tivthaiv thib ob yog ultra sonic sensor txhawm rau ntsuas qhov nrug ntawm rooj plaub thiab phab ntsa. Kuv tau siv lub ntsuas cua kawg no, vim tias nws tseem ceeb heev uas huab cua tuaj yeem khiav tawm rooj plaub tau yooj yim.

Thaum kawg peb muaj LCD los qhia tus IP chaw nyob ntawm qhov chaw. Qhov chaw no yuav qhia qhov txiaj ntsig ntawm lub ntsuas cua thiab koj yuav tuaj yeem tswj tus kiv cua los ntawm lub xaib no.

Kauj Ruam 2: Cov Khoom Ua Rau Circuit Ua Haujlwm (transsistors, Resistors, …)

Cov Khoom Yuav Ua Rau Circuit Ua Haujlwm (transsistors, Resistors, …)
Cov Khoom Yuav Ua Rau Circuit Ua Haujlwm (transsistors, Resistors, …)
Cov Khoom Yuav Ua Rau Circuit Ua Haujlwm (transsistors, Resistors, …)
Cov Khoom Yuav Ua Rau Circuit Ua Haujlwm (transsistors, Resistors, …)
Cov Khoom Yuav Ua Rau Circuit Ua Haujlwm (transsistors, Resistors, …)
Cov Khoom Yuav Ua Rau Circuit Ua Haujlwm (transsistors, Resistors, …)

Cov transistors / resistors hauv qab no tau siv los ua txoj haujlwm no.

Transistors:

NPN transistor: PN2222 (1 xav tau)

Resistors:

  • 10k ohm (3 xav tau)
  • 1k ohm (2 xav tau)
  • 2k ohm (2 xav tau)

Muaj hwj chim:

Breadboard powermodule 3V / 5V (1 xav tau)

Cov kab:

  • txiv neej/txiv neej (tsawg kawg 30-40)
  • poj niam/txiv neej cables (ncig 10-20 rau LCD, LDR thiab kiv cua)
  • poj niam/poj niam cov xov hluav taws xob (ncig 10-20 yog tias koj xav txuas qee cov xov txuas rau rooj plaub).

Lwm yam:

  • 1 Potentiometer (rau kev tswj lub teeb ntawm LCD)
  • 1 MCP3008 (los hloov tus nqi sib piv LDR rau tus nqi digital)
  • 2 lub khob cij los tso txhua yam rau.

Kauj Ruam 3: Cov Xov Tooj Hluav Taws Xob Nrog Cov Lus Qhia

Cov kauj ruam no yog kev txuas ntxiv ntawm yav dhau los. Ntawm no kuv yuav qhia qhov ua tiav cov xov hluav taws xob hluav taws xob ua kom lub console txias dua. Thov nyem rau ntawm cov ntawv txuas kom pom yuav ua li cas txuas txhua yam.

Kauj Ruam 4: Rooj plaub: Cheebtsam

Rooj plaub: Cheebtsam
Rooj plaub: Cheebtsam
Rooj plaub: Cheebtsam
Rooj plaub: Cheebtsam
Rooj plaub: Cheebtsam
Rooj plaub: Cheebtsam

Tau kawg, qhov hluav taws xob hluav taws xob no yuav tsum tau tiv thaiv los ntawm cov rog sib txawv uas yuav ua rau nws tsum tsis ua haujlwm. Nrog lub zog kuv txhais tau tias yam zoo li nag, cov khoom uas tuaj yeem tsoo lub cuab yeej thiab lwm yam.

Vim li no yuav tsum muaj rooj plaub.

Txhawm rau tsim rooj plaub no, peb xav tau cov hauv qab no:

Ntoo:

  • Ib lub fiberboard loj (1.2 cm tuab) los txiav cov khoom hauv qab no:

    • 2 daim ntawm 14 cm ntawm 20 cm (pem hauv ntej / tom qab ntawm rooj plaub)
    • 2 daim ntawm 45 cm ntawm 12 cm (sab ntawm rooj plaub)
    • 2 daim ntawm 20 cm ntawm 45 cm (sab saum toj / hauv qab ntawm rooj plaub)
    • 2 bar (siv los ua taw rau rooj plaub)

Hinges:

  • 2 hinges qhib rau pem hauv ntej (lub pob khawm nyob hauv qab ntawm hauv ntej)
  • 2 hinges qhib rau sab saum toj

Kov:

1 kov (qhib rau pem hauv ntej)

Kua nplaum:

1 lub raj loj ntawm TEC kua nplaum (txhawm rau lo rau ua ke)

Pom:

Pom Atlantic (txhawm rau txiav qhov tsim nyog hauv daim rau cov ntsuas, LDR thiab kiv cua)

Sander:

Dub & Decker txhawm rau txhuam cov khoom ib zaug lawv raug txiav

Laum:

1 laum nrog cov ntsia hlau taub ntawm 0.6 cm (los tsim qhov)

Xim / Primer:

  • 1 lub lauj kaub ntawm dawb Levis primer (0.25L)
  • 1 lub lauj kaub ntawm cov xim Levis dawb (0.25L)

Hlau nplaum:

2 hlau nplaum (uas yuav tuav lub qhov rooj ntawm rooj plaub)

Txhuam:

  • 1 tus menyuam (pleev xim rau qhov chaw loj dua)
  • 1 txhuam (rau cov ntsiab lus)

Ntsia Hlau:

  • 8 cov ntsia hlau me me rau lub khawm (siab tshaj 1.1 cm ntev, txij li lub phaj tuab 1.2 cm)
  • 2 cov ntsia hlau me me rau tus tuav (ntev tshaj 1.1 cm)
  • 4 cov ntsia hlau me rau cov hlau nplaum (ntev tshaj 1.1 cm)

Kauj Ruam 5: Cov Ntaub Ntawv: Tsim

Cov Ntaub Ntawv: Tsim
Cov Ntaub Ntawv: Tsim
Cov Ntaub Ntawv: Tsim
Cov Ntaub Ntawv: Tsim
Cov Ntaub Ntawv: Tsim
Cov Ntaub Ntawv: Tsim

Tam sim no nws yog lub sijhawm los ua rooj plaub.

  1. Rau qhov kawg ntawm rooj plaub. Txiav lub phaj ib nrab, vim tias ib nrab sab nraub qaum yuav tsum tau qhib kom peb tuaj yeem nkag mus rau lub ntsuas/hluav taws xob
  2. Txiav cov qhov hauv qab no hauv daim ntawv fiberboard- Nyob rau sab saum toj ib nrab daim. Txiav 3 qhov: - 1 lub qhov plaub fab (6.8 cm rau 3.5cm rau LCD) - 1 lub voj voos (txoj kab uas hla 2.5 cm rau tus kiv cua) - 1 lub qhov square (2.5cm rau 2.5 cm rau PIR lub suab sensor)
  3. Txiav rau sab nraum qab ib lub qhov hauv daim ntawv ntawm lub voj voog. Nov yog qhov uas cov kab hluav taws xob yuav hla los.
  4. Laum qhov me me nrog lub laum nrog lub hau ntswj 0.6 cm sab nraub qaum (ib ncig ntawm lub qhov rau cov xaim) thiab sab laug ntawm rooj plaub. Peb ua qhov no yog li yuav muaj cua txaus txaus hauv rooj plaub.
  5. Ntawm sab xis ntawm rooj plaub. Txiav ib lub qhov nyob tom qab (5.5 cm rau 3.5 cm) rau Ultra sonic sensor (yog li nws tuaj yeem ua haujlwm tau zoo).
  6. Kua nplaum txhua daim ua ke nrog TEQ kua nplaum. Yog tias tsim nyog, koj tuaj yeem ntxiv cov ntawv fiberboard los ntxiv dag zog rau ob sab ntawm rooj plaub. Muab cov tuav no tso rau hauv rooj plaub
  7. Ntsia tus kov ntawm lub hauv ntej ntawm rooj plaub. Ntsia nws rau sab saum toj ntawm daim hauv ntej (TSIS yog daim saum toj uas peb tau ua 3 qhov => saib cov duab kom pom meej yog tias tsim nyog).
  8. Ntsia 2 hinges (4 screws) ntawm sab xis (sab nraub qaum) ntawm rooj plaub kom qhib tau ib nrab sab nraub qaum.
  9. Ntsia 2 hinges (4 tus ntsia hlau) nyob hauv qab ntawm daim hauv ntej kom lub hauv ntej ntawm rooj plaub tuaj yeem qhib.
  10. Ntsia cov hlau nplaum sab hauv ntawm rooj plaub:- 2 hlau nplaum nyob rau sab xub ntiag ntawm sab xub ntiag sab hauv

    - 1 daim hlau nyob rau sab saum toj ntawm daim hauv ntej kom nws txuas nrog cov hlau nplaum

  11. Kuaj cov fiberboard tuav rau hauv qab ntawm rooj plaub kom lub hauv ntej tuaj yeem qhib tau yooj yim nrog tus tuav.
  12. Ntxiv primer rau rooj plaub
  13. Ntxiv cov xim dawb rau rooj plaub
  14. Nrog koj zoo siab! Koj rooj plaub tiav lawm!

Kauj Ruam 6: Tso Cov Cheeb Tsam hauv Cov Ntaub Ntawv

Muab Cov Cheebtsam tso rau hauv rooj plaub
Muab Cov Cheebtsam tso rau hauv rooj plaub

Rau qhov muab tso rau ntawm cov khoom siv hauv rooj plaub, cov hauv qab no:

  1. Lub LCD thiab Ntxuam yuav raug ntsia rau saum rooj plaub ib sab nraum.
  2. PIR tsab ntawv tsa suab sensor yuav tsum tau lo rau saum rooj ntawm sab hauv.

Qhov laj thawj yog vim li cas peb ua qhov no rau qhov ntsuas lub suab thiab tsis yog tus so, yog txhawm rau tiv thaiv lub suab ntsuas los ntawm qhov tsis tso npe.

Cov ntawv qhia zaub mov (nrog rau feem ntau ntawm cov khoom siv hluav taws xob ntawm nws) yuav muab lo rau sab hauv rooj plaub thiab muab tso rau tom qab. Ua tib zoo saib tias de Ultra sonic sensor pom los ntawm lub qhov nyob ntawm sab xis.

Raspberry Pi yuav muab tso rau hauv ib nrab ntawm rooj plaub. Txij li Pi yog lub console uas yuav tsum tau txias, nws tsis tas yuav tsum tau glued/screwed (txij li peb yuav tsis ua qhov ntawd nrog lub console tiag tiag).

Kauj Ruam 7: Teeb Raspberry

Teeb Raspberry
Teeb Raspberry

Ua ntej peb pib coding, peb yuav tsum teeb tsa ib puag ncig zoo.

Peb yuav ua li cas? Los ntawm rub tawm cov duab raspbian buster rau raspberry pi thiab sau nws rau ntawm raspberry los ntawm kev siv Win 32 disk imager. Ua ntej koj pib te sau te duab rau Pi, nco ntsoov tsim SSH-file (tsis muaj qhov txuas ntxiv) hauv daim duab kom pab SSH ntawm Raspberry Pi.

Teeb rau ntawm pi

Tom qab koj tau ua tiav qhov no, koj tuaj yeem siv putty nkag mus rau ntawm koj li raspberry yog li koj tuaj yeem teeb tsa nws kom raug. Nco ntsoov tias koj yuav tsum txuas koj Pi rau koj lub pc nrog lub ethernet cable.

Tus neeg siv tsis raug thiab tus password rau Pi yog cov hauv qab no:

user: pib

lo lus zais: raspberry

Koj tuaj yeem hloov qhov no siv raspi-config.

Peb yuav tsum ntxiv lub network ntawm koj Pi kom lwm cov khoom siv tuaj yeem saib ntawm koj lub xaib thaum lawv nyob hauv tib lub network. Nkag mus rau cov lus txib hauv qab no ntawm putty.

  1. sudo iw dev wlan0 scan | grep SSID cov
  2. wpa_passphrase "NAMEOFYOURNETWORK"

    Sau tus password ntawm koj lub network

  3. sudo nano /etc/wpa_supplicant/wpa_supplicant.conf
  4. sudo rov pib dua
  5. ifconfig (txhawm rau txheeb xyuas koj li teeb tsa wifi ua haujlwm)

Koj yuav tsum paub tseeb tias koj Pi tau hloov kho tshiab los ntawm kev siv cov lus txib hauv qab no thaum Pi txuas nrog internet:

  • sudo apt-tau hloov tshiab
  • sudo apt-tau hloov tshiab

Tom qab uas koj tuaj yeem pab lossis teeb tsa pob khoom rau txoj haujlwm kom ua haujlwm, txawm tias dhau los ntawm raspi-teeb tsa lossis cov lus txib. Txij li thaum peb tab tom tham txog raspi-teeb tsa, peb tuaj yeem pab kom ib-xaim cuam tshuam ntawm no kom raspberry tuaj yeem nyeem ib lub xov tooj cua. Mus rau qhov kev xaiv cuam tshuam, xaiv ib lub xaim thiab nias pab kom. Koj kuj tseem yuav tsum teeb tsa SocketIO nrog:

pip nruab flask-socketio

Tam sim no peb muaj internet, peb yuav tsum tsim peb cov ntaub ntawv. Tab sis ua ntej peb yuav tsum rub tawm MariaDB (ntawm tus pi) thiab Mysql Workbench (ntawm lub pc) yog li peb tuaj yeem ua haujlwm ntawm MariaDB.

Kauj Ruam 8: Teeb PC

Teeb tsa Pc
Teeb tsa Pc
Teeb tsa Pc
Teeb tsa Pc
Teeb tsa Pc
Teeb tsa Pc

Mysql Workbench

Tom qab txhua yam raug teeb tsa, peb tuaj yeem nkag mus rau MariaDB los ntawm Mysql Workbench ntawm peb lub pc.

Thaum peb tsim cov ntaub ntawv tshiab, peb yuav tsum teeb tsa cov ntaub ntawv no zoo li cov duab saum toj no (ib qho uas txuas nrog lub npe 'raspi'). Thaum peb tab tom teeb tsa cov ntaub ntawv no, peb xav tau tus username / password ntawm ob lub database thiab raspberry. tus neeg siv tsis raug thiab tus password yog 'mysql' / 'mysql' ntawm lub database thiab 'pi' / 'rapsberry' ntawm Pi. Yog muaj kev ceeb toom txuas, koj tuaj yeem nias 'Txuas ntxiv mus'

Visual Studio Code

Lwm qhov software peb xav tau yog Visual Studio Code.

Thaum tau teeb tsa koj yuav tsum teeb tsa qhov txuas txuas ntxiv no.

Qhov kev txuas ntxiv no tso cai rau koj sau koj cov program pi hauv koj lub pc. Thaum qhov no raug teeb tsa, ua cov hauv qab no:

  1. Nias F1 ib hom SSH
  2. Xaiv cov chaw deb: ntxiv SSH tus tswv tshiab
  3. Sau cov ntaub ntawv hauv qab no

    ssh 169.254.10.1 -A

  4. Nias nkag mus

Tom qab qhov no koj yuav txuas nrog koj li raspberry pi.

Qhov kawg uas peb xav tau, yog txhawm rau txhim kho nab hab sej txuas ntxiv ntawm lub tshuab nyob deb. Yog tsis muaj qhov no, peb tsis tuaj yeem ua cov haujlwm uas peb sau hauv peb lub pc.

Kauj Ruam 9: Cia Coding Pib

Cia Coding Pib
Cia Coding Pib

Tam sim no tias kho vajtse tau npaj tiav, nws yog lub sijhawm pib nrog software.

Ua ntej peb pib, peb yuav pib ntxiv qee cov qauv rau peb cov ntaub ntawv. Hauv qhov no, peb yuav tsim daim nplaub tshev rau lub hauv ntej kawg, tom qab kawg thiab lub database. Yuav muaj qhov txuas rau kuv Git Repository (hauv cov kauj ruam hauv qab no) nrog txhua cov ntaub ntawv yog qhov no zoo li tsis meej pem. Koj tuaj yeem nqa cov ntaub ntawv los ntawm qhov ntawd yog tias tsim nyog.

Tam sim no uas peb muaj qee tus qauv, kuv yuav qhia luv luv txog yuav ua li cas tus coding yuav ua mus ntxiv.

1. Tsim cov ntaub ntawv Thaum peb xav tsim lub hauv paus rau qhov txiaj ntsig ntawm peb lub ntsuas cua, peb yuav xav tau tus qauv zoo los khaws peb cov ntaub ntawv. Thaum peb muaj tus qauv no peb tuaj yeem xa cov kws tsim qauv no los tsim peb cov ntaub ntawv. Txhawm rau tsim tus qauv peb yuav ua haujlwm ntawm Mysql Workbench, thov txheeb cov duab hauv theem no kom pom tias tus qauv zoo li cas.

los tsim tus qauv / rau pem hauv ntej engineer ua cov hauv qab no:

  • Txhawm rau tsim tus qauv nias cov ntawv (sab laug rau saum)
  • Nias tus qauv tshiab
  • Yog xav paub ntxiv, nyem qhov txuas hauv qab no
  • Rau pem hauv ntej engineering, nias tus qauv
  • Nias rau pem hauv ntej engineer
  • Nias yog/txuas ntxiv mus kom txog thaum txoj kev xaus.

2. Rov qab kawg

Sab nraub qaum yuav yog qhov chaw uas cov cim yuav yog rau txhua lub cuab yeej thiab cov ntsuas. Nws yuav raug faib ntawm cov chav pabcuam uas yuav muaj cov cai rau cov khoom siv thiab cov cai tseem ceeb (app.py) qhov twg txhua yam los ua ke.

Cov ntaub ntawv cov ntaub ntawv tseem yuav nyob hauv daim nplaub tshev no vim tias tom qab kawg tau txais cov ntaub ntawv los ntawm cov ntaub ntawv los ntawm cov ntaub ntawv datarepository.py hauv cov ntawv khaws cia. Cov ntaub ntawv config.py yog siv los txuas lub backend rau lub database.

3. Pem hauv ntej kawg

Lub hauv ntej kawg yog rau lub site. Cov ntawv no yuav muaj cov lej HTML/CSS/JAVA. Lub xaib yuav tsum muaj los ntawm tus IP los ntawm koj Rapsberry Pi. Yog li yog tias koj tus pi muaj tus IP hauv qab no: 192.168.0.120, yog li koj tuaj yeem mus ntsib koj lub xaib los ntawm tus IP-chaw nyob no. Yog tias koj xav paub tus IP ntawm koj tus pi, koj tuaj yeem nkag mus rau 'ip a' hauv putty thiab saib ntawm WLAN0 chaw nyob.

Kauj ruam 10: Backend

Raws li tau hais hauv qib dhau los, qhov kawg tom qab yog qhov uas txhua tus lej tau sau rau cov khoom. Qhov kuv tsis tau hais yog yuav ua li cas kom tau txais cov ntaub ntawv los ntawm lub hauv paus thiab yuav xa nws mus rau qhov kawg ntawm peb qhov chaw.

Cov theem hauv qab no yuav tsum tau ua txhawm rau ua qhov no:

  1. Tsim mysql cov lus nug kom tau/hloov tshiab/ntxig cov ntaub ntawv rau hauv koj lub database. Cov ntaub ntawv uas muaj cov lus nug no yog Datarepository.py cov ntaub ntawv. Cov ntaub ntawv database.py yog cov ntaub ntawv uas yuav sib txuas lus nrog lub hauv paus thiab yuav siv cov lus nug los ntawm datarepository.py kom tau txais cov ntaub ntawv uas koj xav tau. tib lo lus zais / neeg siv raws li koj lub database. Tsis tas li nco ntsoov tias cov ntaub ntawv raug cai raug xaiv.
  2. Thaum peb tuaj yeem sib txuas lus nrog cov ntaub ntawv, peb yuav tsum tsim txoj hauv kev (app.route (qhov kawg …)). Txoj kev no yog kev sib txuas nruab nrab ntawm qhov kawg thiab qhov kawg. Lwm qhov txuas uas tuaj yeem siv tau yog Socketio.
  3. Nco ntsoov ntshuam txhua lub tsev qiv ntawv raug (hauv app.py) txhawm rau ua txoj haujlwm no. Koj tuaj yeem pom kuv tus github, yog tias koj xav paub lub tsev qiv ntawv twg kuv siv rau app.py.

Txhawm rau kom ntseeg tau tias cov ntaub ntawv khaws cia yuav tsum tau sau nrog cov ntaub ntawv tshiab, nws yog ib qho tseem ceeb kom ua tas li nyeem los ntawm cov ntsuas. Txoj hauv kev zoo tshaj los ua qhov no yog los ntawm lub sijhawm-voj thiab ua kom lub sijhawm-voj nyob hauv xov. Txwv tsis pub koj txoj haujlwm yuav raug kaw hauv de while-loop.

Kauj Ruam 11: Ua ntej

Frontend
Frontend
Frontend
Frontend
Frontend
Frontend

Hauv ntej kawg muaj

3 html nplooj ntawv:

  • tsev.html
  • lub teeb.html
  • kub.html

3 css cov ntaub ntawv:

  • screen.css (uas yog cov ntaub ntawv muab rau kuv los ntawm kuv lub tsev kawm ntawv.)
  • normalize.css (uas pab siv los rau css ntawm cov browser sib txawv.)
  • main.css (uas muaj lub ntsiab css rau html-nplooj ntawv.)

2 javascript cov ntaub ntawv:

  • app.js (uas yuav coj cov ntaub ntawv los ntawm qhov kawg rov qab thiab yuav muab nws tso rau ntawm qhov kawg.)
  • datahandler.js (uas yuav lis cov ntaub ntawv los ntawm lub backend kom app.js tuaj yeem ua haujlwm nrog nws.)

Kuv yuav ntxiv qhov txuas rau kuv github ntawm no ib yam, tsuas yog qhov xwm txheej.

Pom zoo: