Practice Backend and Frontend

[HAneo]

හරි මේක ටික කාලෙක ඉදන් තිබ්බ අයිඩියා එකක්. සිරි අය්යා ෆෝම් කල නිසා එකටම අමුනලා දාන්න හිතුනා.
දැන් අපි කරන්නේ ඉගෙන ගන්න / කෝස් ෆලෝ කරන එක නේ. අපි ඉගෙන ගන්න ඒවා ප්‍රයෝගියව යොදන්නේ කොහොමද?

මම ප්රෝපොස් කරන්නේ මේක. අපි ප්‍රැක්ටිකල් ප්‍රොබ්ලම් එකක් දානවා මේකේ. එකට කට්ටිය උත්තර හොයනවා. ඒ හොයනකොට අලුත් දේවල් ඉගෙන ගන්න ලැබෙනවා. උත්තරය හොයාගත්ත කෙනා රිප්ලයි කරන්න එහෙම උනාම එක ගැන අපි කතා කරලා එකේ හරි වැරදි බලමු. ඒ වගේම ඒ ප්‍රොබ්ලම් එක විසදන්න අපි ඉගෙන ගන්න ඕනේ දේවල් ටික කතා කරමු. ඕක හරියට කරගත්තොත් මම හිතනවා ගොඩ කියල.

************************************************************************************************************************************
ප්‍රශ්න අංක එක.

පොඩි සාම්පල් HTML පේජ් එකක මෙන්න මේ select2 කියන ඩ්‍රොප් එක දාල එකට අයිටම් 100K ට වඩා බයින්ඩ් කරලා virtual scroll මොඩ් එක ඕන කරන්න ඕනේ. ඒ කියන්නේ scroll කරගෙන යනකොට තමා අයිටම් ලෝඩ් වෙන්නේ
https://select2.org/
************************************************************************************************************************************


**මේකෙම බ්ලොක් චෙන් පැත්තට සුදුසු විදිහේ වැඩක් කරන්න අපි කතා කරනවා බ්ලොක් චෙන් ස්පෙෂලිස්ට. හෙළයෙක්
**ඒ වගේම මොබයිල් පැත්තේ ගේම ඇදන් යන්නත් කට්ටියට කතා කරනවා. @Solo Rider

මේ ත්‍රෙඩ් එක හා සම්බන්ද අනෙකුත් ත්‍රෙඩ්
Frontend -
https://elakiri.com/threads/frontend-developer-study-guide.2053504/
Devops - @pasansnoop
Data Science -
https://elakiri.com/threads/im-going-to-learn-data-science-in-180-days-d.2051624/
Blockchain -
https://elakiri.com/threads/blockchain-web3-p2p-developer-study-guide.2053509/

 

[Amathi Putha]

back end nam appiriyi hebai

 

[JokerFan]

back end nam appiriyi hebai

back end nam ekama CRUD tika karakawanna wenne

Frontend thama appiriya epa wenawa UI gahanna giyama

 

[HAneo]

back end nam appiriyi hebai

back end nam ekama CRUD tika karakawanna wenne

Frontend thama appiriya epa wenawa UI gahanna giyama

බලපන් එකම රටක් ඉරණම දෙකක්

 

[Amathi Putha]

back end nam ekama CRUD tika karakawanna wenne

Frontend thama appiriya epa wenawa UI gahanna giyama

mama back end kiwwe wena dekata bn. meka computer sambanda deyka neda? matath hoda wade danne nathi ewata oluwa danawata :/

 

[හෙළයෙක්]

බ්ලොක්චෙන් කියන්නෙ web3 වල බැකෙන්ඩ් එකට තමා. එ නිසා මාත් මේ නූලට කෑලි අලවන්නන්
Frontend අයට තියරි වල ලොකු වෙනසක් වෙන්නෙ නෑ. ඇත්තටම web2 වලට වඩා ලේසියි.

මෙ තියෙන්නෙ මින්ට් කරන්න ලියන්න තියෙන TS කොඩ් එක

 const provider = new ethers.providers.Web3Provider(window.ethereum);
        const signer = provider.getSigner();
        const contract = new ethers.Contract(this.contractAddress, NFTMinterAbi.abi, signer);
        try {
            const tx = await contract.mintNFT(this.accountStore.account, assetId);
            console.log("response from contract", tx);
        } catch (e) {
            console.log(e);
        }

 

[visalbro]

මටත් ඉගෙන ගන්න ආසයි

 

[HAneo]

බ්ලොක්චෙන් කියන්නෙ web3 වල බැකෙන්ඩ් එකට තමා. එ නිසා මාත් මේ නූලට කෑලි අලවන්නන්
Frontend අයට තියරි වල ලොකු වෙනසක් වෙන්නෙ නෑ. ඇත්තටම web2 වලට වඩා ලේසියි.

මෙ තියෙන්නෙ මින්ට් කරන්න ලියන්න තියෙන JS කොඩ් එක

 const provider = new ethers.providers.Web3Provider(window.ethereum);
        const signer = provider.getSigner();
        const contract = new ethers.Contract(this.contractAddress, NFTMinterAbi.abi, signer);
        try {
            const tx = await contract.mintNFT(this.accountStore.account, assetId);
            console.log("response from contract", tx);
        } catch (e) {
            console.log(e);
        }

OW alawapan. ehema unama thread eke search ekak dala one de hoyaganna puluwan weyi ne.

 

[ur_dad]

බැක් එන්ඩ් එක කරන කොට හොදට රීල පුක හෝදල. කොන්ඩම් එකක් දාල කරපන්.... පයිය ගන්න කොට ගූත් එක්ක එන්නෙ

 

[HAneo]

බැක් එන්ඩ් එක කරන කොට හොදට රීල පුක හෝදල. කොන්ඩම් එකක් දාල කරපන්.... පයිය ගන්න කොට ගූත් එක්ක එන්නෙ

උබලා රටක් හැදෙනවටත් ඉරිසියයි. කෙනෙක් ඉගෙන ගනන්වටත් ඉරිසියයි. මඩේ ඉන්න ඕනේ ජිවිත ඔයි තමුසෙලා

 

[shenat]

Super.. keep this up

 

[siri_ayya]

පොඩි සාම්පල් HTML පේජ් එකක මෙන්න මේ select2 කියන ඩ්‍රොප් එක දාල එකට අයිටම් 100K ට වඩා බයින්ඩ් කරලා virtual scroll මොඩ් එක ඕන කරන්න ඕනේ. ඒ කියන්නේ scroll කරගෙන යනකොට තමා අයිටම් ලෝඩ් වෙන්නේ
https://select2.org/

select2 dropdown eke list eka virtual scroll mode eken load wenna one..ehema neda?
math mehema ekk krla na kalin..
will implement and post an update here..

 

[animation]

 

[HAneo]

select2 dropdown eke list eka virtual scroll mode eken load wenna one..ehema neda?
math mehema ekk krla na kalin..
will implement and post an update here..

Yes . Record 100K wage hadala bind karanna.

 

[CorD SaC]

back end nam appiriyi hebai

පයියක් කියනවා.

 

[Draco Malfoy]

ගුඩ් වර්ක් ගායිස්....................

 

[u_make_me_sick_]

බම්ප්

 

[Poththa]

Yes . Record 100K wage hadala bind karanna.

Records 100k or more scroll karala load wenkota slow wenne puluwan neda?
Nathan select2 eken eka balance karanwada?
Thanks brother for this thread

 

[HAneo]

Records 100k or more scroll karala load wenkota slow wenne puluwan neda?
Nathan select2 eken eka balance karanwada?
Thanks brother for this thread

We are not binding 100K records directly to the Seclect2 Component in run time.
We hold that data and Enable Virtual scroll mode. it will take some few records and display it to the Drop downs visible area.
When user Scrolls down, another few records will be loaded to DOM (Dropdown's visible Area.)

So even you try to bind 1M records in Virtual mode Select2 Drops will not Crack

 

[Poththa]

We are not binding 100K records directly to the Seclect2 Component in run time.
We hold that data and Enable Virtual scroll mode. it will take some few records and display it to the Drop downs visible area.
When user Scrolls down, another few records will be loaded to DOM (Dropdown's visible Area.)

So even you try to bind 1M records in Virtual mode Select2 Drops will not Crack

Hari hari got it