áᎠvideo áážáŹ JavaScript Form Events áá˝áąááᯠáááşáá˝áąáˇáĄááŻáśá¸ááťááźáŽá¸ Web Form áá
áşááŻáážáŹ User áá˛áˇ ááŻááşááąáŹááşááťááşáá˝áąááᯠáááşááᯠControl ááŻááşááá˛áááŻáᏠááąáˇááŹááážáŹ ááźá
áşááŤáááşá áĄáá°á¸áááźááˇáş Form Validation áá˛áˇ User Interaction áááŻááşá¸áĄáá˝ááş áĄááŻáśá¸áááşáá˛áˇ Event áá˝áąááᯠProject áĄááąá¸ááąá¸áá
áşááŻáá˛áˇ áááşáá˝áąáˇ áážááşá¸ááźááąá¸ááŹá¸ááŤáááşá
âśď¸ YouTube Video Link
đ Source Code ááᯠDownload ááá°áááş đ
đ Source Code File
#JavaScript #WebDevelopment #FormEvents #Tech4U #CodingMyanmar #BeginnerProject
âśď¸ YouTube Video Link
đ Source Code ááᯠDownload ááá°áááş đ
đ Source Code File
#JavaScript #WebDevelopment #FormEvents #Tech4U #CodingMyanmar #BeginnerProject
â¤3â¤âđĽ1đ1
đ "IP Address áááŻáᏠááŹáá˛? Public áá˛áˇ Private áááşáááŻáá˝áŹáá˛!" đâ¨
áĄááşááŹáááş ááŻáśá¸ááąáá˛áˇáá°áááŻááşá¸ IP Address áááŻááŹááᯠááźáŹá¸áá°á¸ááźáážáŹááŤá ááŤááąáá˛áˇ IP áá˝áąáážáŹáááşá¸ áĄááťááŻá¸áĄá áŹá¸áá˝áą áĄááťáŹá¸ááźáŽá¸ áážááááşáááŻáᏠááááŤáááŹá¸? đ§
ááááşááąáŹáˇ IP Address áááŻáᏠáĄááşááŹáááşááąáŤáşá áááˇáşáá˛áˇ "áĄáááşááááşá áŹ" áááŻááŤáá˛á ááŤááᯠáááŻááźáŽá¸ áá˝á˛áá˝á˛ááźáŹá¸ááźáŹá¸ ááŹá¸áááşáĄáąáŹááş áááşáá˝áąáˇááá áĽáááŹááąá¸áá˝áąáá˛áˇ ááźááˇáşáááŻááşááĄáąáŹááşá đ
đ˘ áá Public IP Address (ááášááŹáááşááááşá áŹ)
ááŤá áááˇáşáĄáááşáá˛áˇ "áĄáááşááśááŤááşáá˛áˇ áááşá¸áĄáááş" áááŻááŤáá˛á
ááŤáááşáááŻáˇáááˇáşáá°á áááˇáşáĄáááşááᯠáážáŹááťááşáááş ááŽááááşá áŹááᯠááááž áážáŹáá˝áąáˇáážáŹááŤá áĄá˛ááŽáááŻáᲠáĄááşááŹáááşááąáŤáşá áááźáŹá¸ Website áá˝áąá Server áá˝áąá áááˇáşááŽááᯠáĄááťááşáĄáááşáá˝áą áááŻáˇááąá¸áááŻáˇáĄáá˝ááş áᎠPublic IP ááᯠáĄááŻáśá¸ááźáŻáááŤáááşá
đ áá Private IP Address (áĄáááşáá˝ááşá¸ááááşá áŹ)
ááŤáááąáŹáˇ áááˇáşáĄáááşáá˛á "áĄáááşá¸ááśááŤááş" áá˝áąáá˛áˇ áá°ááŤáááşá
áĄáááşááźááşááá°á áááˇáşáĄáááşáá˛áážáŹ áĄáááşáááşá¸áááşáážá áşáááşá¸áážááá˛á áááşáĄáááşá¸á áááşáá°áˇáĄáááşá¸áᲠááááááŻááşááŤáá°á¸á ááŤááąáá˛áˇ áĄáááşáá˛á áá°áĄááťááşá¸ááťááşá¸ááąáŹáˇ ááááźááŤáááşá áĄá˛ááŽáááŻáᲠáááˇáşáĄáááşáá˛á WiFi áá˛áˇ ááťáááşááŹá¸áá˛áˇ ááŻááşá¸á Laptopá TV áá˝áą áá áşááŻáá˛áˇáá áşáᯠááťáááşáááşáááŻáˇáĄáá˝ááş áᎠPrivate IP ááᯠááŻáśá¸ááŹááŤá
đ áá Static IP Address (áĄááąááááşá áŹ)
ááŤá "á áŹáááŻááşááąáášááŹ" áá áşááŻáááŻááŤáá˛á áááşááąáŹáˇááž áááźáąáŹááşá¸áá˛áá°á¸á
áááˇáşááŻááşá¸ááᯠááááşáááŻááşáá˝ááˇáşáááŻááşááŻááşáááşá¸ áᎠIP á áááźáąáŹááşá¸áᲠááŻáśááąáᲠáážáááąáážáŹááŤá áĄááááááąáŹáˇ Online Gaming ááąáŹáˇáá°áá˝áąá Server ááąáŹááşáá°áá˝áąáá˛áˇ CCTV ááŻáśá¸áá˛áˇáá°áá˝áąáĄáá˝ááş áĄáááşááźáąá áąááŤáááşá
đ áá Dynamic IP Address (áĄáážááşááááşá áŹ)
ááŤáááąáŹáˇ "áááŻáááşáĄáááşá¸" áááŻááŤáá˛á
ááŽááąáˇ áááˇáşááᯠáĄáááşá¸ (ááá) ááąá¸ááąáááˇáş ááąáŹááşáá áşááŤááŹáááş áĄáááşá¸ (ááá ) ááźá áşáá˝áŹá¸áááŻááşááŤáááşá áĄááşááŹáááş ááťáááşáááşáááŻááşáááŻááşá¸ áááˇáşááᯠIP áĄáá áşáá áşáᯠááźáąáŹááşá¸ááąá¸ááąááŹááťááŻá¸ ááźá áşáááŻáˇ ááŻáśáážááşáĄááŻáśá¸ááźáŻáá°áá˝áąáĄáá˝ááş áááŻááźáŽá¸ ááŻáśááźáŻáśáážáŻáážáá áąááŤáááşá
---
ááááŻáśá¸ááťáŻááşááááş...
ááťá˝ááşááąáŹáşáááŻáˇ áĄááşááŹáááş áĄáąá¸áĄáąá¸ááąá¸ááąá¸ ááŻáśá¸ááąáááŻááşááŹáᏠááąáŹááşáá˝ááşáááą áᎠIP Address áá˝áąá áĄááŻááşááŻááşááąá¸ááąáááŻáˇáᲠááźá áşááŤáááşá đĄ
áĄááŻáááŻáááş IP Address áĄááťááŻá¸áĄá áŹá¸áá˝áąáĄááźáąáŹááşá¸ááᯠááąáŹááşá¸ááąáŹááşá¸ááźáŽá¸ ááŹá¸áááşáá˝áŹá¸ááźáŽáááŻáˇ ááťážáąáŹáşáááˇáşááŤáááşááť!
#Tech4UMyanmar #Networking
áĄááşááŹáááş ááŻáśá¸ááąáá˛áˇáá°áááŻááşá¸ IP Address áááŻááŹááᯠááźáŹá¸áá°á¸ááźáážáŹááŤá ááŤááąáá˛áˇ IP áá˝áąáážáŹáááşá¸ áĄááťááŻá¸áĄá áŹá¸áá˝áą áĄááťáŹá¸ááźáŽá¸ áážááááşáááŻáᏠááááŤáááŹá¸? đ§
ááááşááąáŹáˇ IP Address áááŻáᏠáĄááşááŹáááşááąáŤáşá áááˇáşáá˛áˇ "áĄáááşááááşá áŹ" áááŻááŤáá˛á ááŤááᯠáááŻááźáŽá¸ áá˝á˛áá˝á˛ááźáŹá¸ááźáŹá¸ ááŹá¸áááşáĄáąáŹááş áááşáá˝áąáˇááá áĽáááŹááąá¸áá˝áąáá˛áˇ ááźááˇáşáááŻááşááĄáąáŹááşá đ
đ˘ áá Public IP Address (ááášááŹáááşááááşá áŹ)
ááŤá áááˇáşáĄáááşáá˛áˇ "áĄáááşááśááŤááşáá˛áˇ áááşá¸áĄáááş" áááŻááŤáá˛á
ááŤáááşáááŻáˇáááˇáşáá°á áááˇáşáĄáááşááᯠáážáŹááťááşáááş ááŽááááşá áŹááᯠááááž áážáŹáá˝áąáˇáážáŹááŤá áĄá˛ááŽáááŻáᲠáĄááşááŹáááşááąáŤáşá áááźáŹá¸ Website áá˝áąá Server áá˝áąá áááˇáşááŽááᯠáĄááťááşáĄáááşáá˝áą áááŻáˇááąá¸áááŻáˇáĄáá˝ááş áᎠPublic IP ááᯠáĄááŻáśá¸ááźáŻáááŤáááşá
đ áá Private IP Address (áĄáááşáá˝ááşá¸ááááşá áŹ)
ááŤáááąáŹáˇ áááˇáşáĄáááşáá˛á "áĄáááşá¸ááśááŤááş" áá˝áąáá˛áˇ áá°ááŤáááşá
áĄáááşááźááşááá°á áááˇáşáĄáááşáá˛áážáŹ áĄáááşáááşá¸áááşáážá áşáááşá¸áážááá˛á áááşáĄáááşá¸á áááşáá°áˇáĄáááşá¸áᲠááááááŻááşááŤáá°á¸á ááŤááąáá˛áˇ áĄáááşáá˛á áá°áĄááťááşá¸ááťááşá¸ááąáŹáˇ ááááźááŤáááşá áĄá˛ááŽáááŻáᲠáááˇáşáĄáááşáá˛á WiFi áá˛áˇ ááťáááşááŹá¸áá˛áˇ ááŻááşá¸á Laptopá TV áá˝áą áá áşááŻáá˛áˇáá áşáᯠááťáááşáááşáááŻáˇáĄáá˝ááş áᎠPrivate IP ááᯠááŻáśá¸ááŹááŤá
đ áá Static IP Address (áĄááąááááşá áŹ)
ááŤá "á áŹáááŻááşááąáášááŹ" áá áşááŻáááŻááŤáá˛á áááşááąáŹáˇááž áááźáąáŹááşá¸áá˛áá°á¸á
áááˇáşááŻááşá¸ááᯠááááşáááŻááşáá˝ááˇáşáááŻááşááŻááşáááşá¸ áᎠIP á áááźáąáŹááşá¸áᲠááŻáśááąáᲠáážáááąáážáŹááŤá áĄááááááąáŹáˇ Online Gaming ááąáŹáˇáá°áá˝áąá Server ááąáŹááşáá°áá˝áąáá˛áˇ CCTV ááŻáśá¸áá˛áˇáá°áá˝áąáĄáá˝ááş áĄáááşááźáąá áąááŤáááşá
đ áá Dynamic IP Address (áĄáážááşááááşá áŹ)
ááŤáááąáŹáˇ "áááŻáááşáĄáááşá¸" áááŻááŤáá˛á
ááŽááąáˇ áááˇáşááᯠáĄáááşá¸ (ááá) ááąá¸ááąáááˇáş ááąáŹááşáá áşááŤááŹáááş áĄáááşá¸ (ááá ) ááźá áşáá˝áŹá¸áááŻááşááŤáááşá áĄááşááŹáááş ááťáááşáááşáááŻááşáááŻááşá¸ áááˇáşááᯠIP áĄáá áşáá áşáᯠááźáąáŹááşá¸ááąá¸ááąááŹááťááŻá¸ ááźá áşáááŻáˇ ááŻáśáážááşáĄááŻáśá¸ááźáŻáá°áá˝áąáĄáá˝ááş áááŻááźáŽá¸ ááŻáśááźáŻáśáážáŻáážáá áąááŤáááşá
---
ááááŻáśá¸ááťáŻááşááááş...
ááťá˝ááşááąáŹáşáááŻáˇ áĄááşááŹáááş áĄáąá¸áĄáąá¸ááąá¸ááąá¸ ááŻáśá¸ááąáááŻááşááŹáᏠááąáŹááşáá˝ááşáááą áᎠIP Address áá˝áąá áĄááŻááşááŻááşááąá¸ááąáááŻáˇáᲠááźá áşááŤáááşá đĄ
áĄááŻáááŻáááş IP Address áĄááťááŻá¸áĄá áŹá¸áá˝áąáĄááźáąáŹááşá¸ááᯠááąáŹááşá¸ááąáŹááşá¸ááźáŽá¸ ááŹá¸áááşáá˝áŹá¸ááźáŽáááŻáˇ ááťážáąáŹáşáááˇáşááŤáááşááť!
#Tech4UMyanmar #Networking
â¤10đĽ°1đ1
đź WinUI Gallery 2.8 áá˝ááşáážáááŹááźáŽ: Windows App Developer ááťáŹá¸áĄáá˝ááş ááááşá¸ááąáŹááşá¸!
Microsoft á Windows App áá˝áąáá˛áˇ UI/UX ááᯠá ááşá¸áááşááźááˇáşáááŻáˇááá˛áˇ WinUI Gallery 2.8 ááᯠáĄáááˇáşááźážááˇáşáááşáááŻááşááŤááźáŽá ááŽáá áşá፠Update áážáŹ Performance áááŻááşá¸áááşáááᲠáĄááŻáśá¸áááşáá˛áˇ Feature áĄáá áşáá˝áą áĄááťáŹá¸ááźáŽá¸ ááŤáááşááŹááŤáááşá
đĄ ááŹáá˝áą áĄáá áşááŤááŹáá˛?
đšJump List Integration: áááŻááşáááá ááźááˇáşáá°á¸áá˛áˇ UI samples áá˝áąááᯠTaskbar áááą áááŻááşáááŻááş áĄááźááşááŻáśá¸ áááşááźááˇáşáááŻááşááźáŽá
đšCustomization: AppWindow TitleBar ááᯠá áááşááźááŻááşááźááşáááşáááŻááşáá˛áˇ Samples áĄáá áşáá˝áą ááŤáááşááŹáááşá
đšVisuals: áĄáá áşá ááşá ááş Segoe Fluent Icons ááąáŤááşá¸ áá ááťáąáŹáş áááşáááŻá¸ááŹá¸ááŤáááşá
đšUp-to-date: .NET 9 áá˛áˇ Windows App SDK 1.85 ááᯠáĄááźááˇáşáĄá Support ááŻááşááąá¸ááŹá¸ááźáŽá¸ Launch performance áááŻááźááşááŹááŤáááşá
Windows apps áá˝áą ááąá¸áá˝á˛áá˛áˇáĄá፠ááąááşááŽáá˛áˇ UI designs áá˝áąáĄáá˝ááş áᎠGallery ááᯠáááźá áşáááą áĄááŻáśá¸ááźáŻááźááˇáşáááˇáşááŤáááşááťáŹá
áĄááąá¸á áááşáááşáážáŻáááş-
đ https://api.daily.dev/r/J0Uftzq7D
#Tech4u #WinUI #WindowsDev #DotNet9 #UserInterface #SoftwareDevelopment #Microsoft #MyanmarDevs
Microsoft á Windows App áá˝áąáá˛áˇ UI/UX ááᯠá ááşá¸áááşááźááˇáşáááŻáˇááá˛áˇ WinUI Gallery 2.8 ááᯠáĄáááˇáşááźážááˇáşáááşáááŻááşááŤááźáŽá ááŽáá áşá፠Update áážáŹ Performance áááŻááşá¸áááşáááᲠáĄááŻáśá¸áááşáá˛áˇ Feature áĄáá áşáá˝áą áĄááťáŹá¸ááźáŽá¸ ááŤáááşááŹááŤáááşá
đĄ ááŹáá˝áą áĄáá áşááŤááŹáá˛?
đšJump List Integration: áááŻááşáááá ááźááˇáşáá°á¸áá˛áˇ UI samples áá˝áąááᯠTaskbar áááą áááŻááşáááŻááş áĄááźááşááŻáśá¸ áááşááźááˇáşáááŻááşááźáŽá
đšCustomization: AppWindow TitleBar ááᯠá áááşááźááŻááşááźááşáááşáááŻááşáá˛áˇ Samples áĄáá áşáá˝áą ááŤáááşááŹáááşá
đšVisuals: áĄáá áşá ááşá ááş Segoe Fluent Icons ááąáŤááşá¸ áá ááťáąáŹáş áááşáááŻá¸ááŹá¸ááŤáááşá
đšUp-to-date: .NET 9 áá˛áˇ Windows App SDK 1.85 ááᯠáĄááźááˇáşáĄá Support ááŻááşááąá¸ááŹá¸ááźáŽá¸ Launch performance áááŻááźááşááŹááŤáááşá
Windows apps áá˝áą ááąá¸áá˝á˛áá˛áˇáĄá፠ááąááşááŽáá˛áˇ UI designs áá˝áąáĄáá˝ááş áᎠGallery ááᯠáááźá áşáááą áĄááŻáśá¸ááźáŻááźááˇáşáááˇáşááŤáááşááťáŹá
áĄááąá¸á áááşáááşáážáŻáááş-
đ https://api.daily.dev/r/J0Uftzq7D
#Tech4u #WinUI #WindowsDev #DotNet9 #UserInterface #SoftwareDevelopment #Microsoft #MyanmarDevs
â¤4đĽ°1đ1
đ "Software áá
áşáᯠáááşáááŻáááşááąáŹááşááŹá¸áá˛? Layers (á
) ááŻáĄááźáąáŹááşá¸" â¨đť
Software áá áşááŻááᯠááŻáśá¸ááᏠáá˝ááşáá°ááťáąáŹáá˝áąáˇááąááąáááˇáş áá°áˇáá˛áˇááąáŹááşáá˝ááşáážáŹááąáŹáˇ áĄáááˇáşáááˇáş ááťáááşáááşááŹá¸áá˛áˇ Layers áá˝áą áážáááąááŤáááşá ááŤááᯠáááŻááźááşááŹáĄáąáŹááş "á áŹá¸ááąáŹááşáááŻááş" áá áşááŻáá˛áˇ ááŻááşáááşá¸á ááşáá˛áˇ áĽáááŹááąá¸ááźáŽá¸ áážááşá¸ááźááąá¸ááŤáááşá đ
áá Hosting â áĄááťááşáĄáááşááťáŹá¸ ááááşá¸áááşá¸ááŹá¸ááŹááąáᏠ(Where Data Is Stored)
ááŤá á áŹá¸ááąáŹááşáááŻááşáá˝ááˇáşááŹá¸áá˛áˇ "áááŻááşáááşá¸/áĄááąáŹááşáĄáĄáŻáś" áá˛áˇ áá°ááŤáááşá
đšSoftware áá˛áˇ Code áá˝áąáá˛áˇ Data áĄáŹá¸ááŻáśá¸ááᯠáĄááşááŹáááşááąáŤáşáážáŹ áááşáážáááąáĄáąáŹááş áááşááśááááşá¸áááşá¸ááąá¸ááŹá¸áá˛áˇ ááąááŹááźá áşááŤáááşá
áá Database â áĄááťááşáĄáááşááťáŹá¸ááᯠá áá áşáááť á áŽá ááşááŹá¸ááŻáś (How Data Is Sorted)
áááŻááşáá˛áˇ "ááŻááşáážáąáŹááşááŻáś áááŻáˇáááŻááş ááąáá˛ááąáášááŹ" áááŻááŤáá˛á
đšáááşá¸ááťááşá ááŹáá˝áąááᯠáĄááťááŻá¸áĄá áŹá¸áĄáááŻááş á áá áşáááť áá˝á˛ááźáŹá¸ááááşá¸áááşá¸ááŹá¸ááááŻááťááŻá¸á Software áá˛á áĄááťááşáĄáááşáá˝áąááᯠáááŻáĄááşáááᯠáĄáá˝ááşááá° ááźááşááŻááşááŻáśá¸áááŻáˇááĄáąáŹááş á áŽá ááşááąá¸ááŹá¸áá˛áˇ Layer ááźá áşááŤáááşá
áá Logic â áĄááťááşáĄáááşááťáŹá¸ááᯠáá˝ááşááťááşááŻááşááąáŹááşááŻáś (How Data Is Processed)
ááŤáááąáŹáˇ áááşá¸ááťááşáááşá¸áĄáááŻááşá¸ ááťááşááźáŻááşááąá¸áá˛áˇ "á áŹá¸áááŻáážá°á¸ (Chef)" áá˛áˇ áĄááŻááşááŤá
đšUser ááŽá áááŹáá˛áˇ Data áá˝áąááᯠáááşáááŻáá˝ááşááťááşááá˛á áááşáááŻáĄááŻááşááŻááşááá˛áááŻáá˛áˇ áĄááá áŚá¸áážáąáŹááşáĄáááŻááşá¸ (Backend logic) ááźá áşááŤáááşá
áá API â áĄááťááşáĄáááşááťáŹá¸ááᯠáá˝áŹá¸ááąáŹááşáá°ááąá¸ááźááşá¸ (How Data Is Fetched)
Customer ááŽá áážáŹáá°áážáŻááᯠááŽá¸áááŻááťáąáŹááşáᎠáááŻáˇááąá¸ááźáŽá¸ áááşá¸áá˝á˛ááźááşáááşááąá¸áá˛áˇ "á áŹá¸áá˝á˛áááŻá¸ (Waiter)" áá˛áˇ áá°ááŤáááşá
đšFrontend áá˛áˇ Backend ááźáŹá¸áážáŹ áĄááťááşáĄáááşáá˝áąááᯠáĄááźááşáĄáážááş áááŻáˇááąáŹááşáááşáá˝ááşááąá¸áá˛áˇ ááśááŹá¸áá áşáᯠááźá áşááŤáááşá
á á UI (User Interface) â áĄááťááşáĄáááşááťáŹá¸ááᯠááźáááŻáś (How Data Is Presented)
ááąáŹááşáááş áážáąáˇáážáąáŹááşááᯠááąáŹááşááŹáá˛áˇ "áĄáááŹáážááá˛áˇ áááşá¸áá˝á˛ áĄááźááşáĄáááş" ááŤáá˛á
đšUser áá˝áą áááŻááşáááŻááşááźááşáá˝áąáˇáááźáŽá¸ áĄááŻáśá¸ááźáŻááá˛áˇ áĄááąáŹááşá ááŻáśá áśáá˛áˇ áááŻááşááąá¸áá˝áą ááŤáááşáá˛áˇ áĄááźááşáááşá¸ áĄáá˝ááşáĄááźááşááźá áşááŤáááşá
ááááŻáśá¸ááťáŻááşááááş...
Software áá áşáᯠááąáŹááşá¸ááąáŹááşá¸áĄááŻááşááŻááşáááŻáˇáááŻáᏠáᎠLayers (á ) ááŻá ááŻáśá¸á áááşááťááşááŽáᎠááťáááşáááşááąáááŻáˇ áááŻáĄááşááŤáááşááťá đĄ
Developer áá áşááąáŹááşááźá áşáááŻáˇ ááźááŻá¸á áŹá¸ááąáá°áá˝áąáĄáá˝ááş ááŽáĄáááˇáş á áááˇáşáá˛á áááşáĄáááŻááşá¸ááᯠáĄá áááşáááşá áŹá¸ááŻáśá¸áá˛? Comment áážáŹ áá˝áąá¸áá˝áąá¸áá˝áŹá¸áááŻáˇ áááŤáááşááť! đ
#Tech4UMyanmar #SoftwareEngineering #WebDevelopment #Hosting #Database #API #UIUX #ProgrammingTips #MyanmarTech #SoftwareArchitecture
Software áá áşááŻááᯠááŻáśá¸ááᏠáá˝ááşáá°ááťáąáŹáá˝áąáˇááąááąáááˇáş áá°áˇáá˛áˇááąáŹááşáá˝ááşáážáŹááąáŹáˇ áĄáááˇáşáááˇáş ááťáááşáááşááŹá¸áá˛áˇ Layers áá˝áą áážáááąááŤáááşá ááŤááᯠáááŻááźááşááŹáĄáąáŹááş "á áŹá¸ááąáŹááşáááŻááş" áá áşááŻáá˛áˇ ááŻááşáááşá¸á ááşáá˛áˇ áĽáááŹááąá¸ááźáŽá¸ áážááşá¸ááźááąá¸ááŤáááşá đ
áá Hosting â áĄááťááşáĄáááşááťáŹá¸ ááááşá¸áááşá¸ááŹá¸ááŹááąáᏠ(Where Data Is Stored)
ááŤá á áŹá¸ááąáŹááşáááŻááşáá˝ááˇáşááŹá¸áá˛áˇ "áááŻááşáááşá¸/áĄááąáŹááşáĄáĄáŻáś" áá˛áˇ áá°ááŤáááşá
đšSoftware áá˛áˇ Code áá˝áąáá˛áˇ Data áĄáŹá¸ááŻáśá¸ááᯠáĄááşááŹáááşááąáŤáşáážáŹ áááşáážáááąáĄáąáŹááş áááşááśááááşá¸áááşá¸ááąá¸ááŹá¸áá˛áˇ ááąááŹááźá áşááŤáááşá
áá Database â áĄááťááşáĄáááşááťáŹá¸ááᯠá áá áşáááť á áŽá ááşááŹá¸ááŻáś (How Data Is Sorted)
áááŻááşáá˛áˇ "ááŻááşáážáąáŹááşááŻáś áááŻáˇáááŻááş ááąáá˛ááąáášááŹ" áááŻááŤáá˛á
đšáááşá¸ááťááşá ááŹáá˝áąááᯠáĄááťááŻá¸áĄá áŹá¸áĄáááŻááş á áá áşáááť áá˝á˛ááźáŹá¸ááááşá¸áááşá¸ááŹá¸ááááŻááťááŻá¸á Software áá˛á áĄááťááşáĄáááşáá˝áąááᯠáááŻáĄááşáááᯠáĄáá˝ááşááá° ááźááşááŻááşááŻáśá¸áááŻáˇááĄáąáŹááş á áŽá ááşááąá¸ááŹá¸áá˛áˇ Layer ááźá áşááŤáááşá
áá Logic â áĄááťááşáĄáááşááťáŹá¸ááᯠáá˝ááşááťááşááŻááşááąáŹááşááŻáś (How Data Is Processed)
ááŤáááąáŹáˇ áááşá¸ááťááşáááşá¸áĄáááŻááşá¸ ááťááşááźáŻááşááąá¸áá˛áˇ "á áŹá¸áááŻáážá°á¸ (Chef)" áá˛áˇ áĄááŻááşááŤá
đšUser ááŽá áááŹáá˛áˇ Data áá˝áąááᯠáááşáááŻáá˝ááşááťááşááá˛á áááşáááŻáĄááŻááşááŻááşááá˛áááŻáá˛áˇ áĄááá áŚá¸áážáąáŹááşáĄáááŻááşá¸ (Backend logic) ááźá áşááŤáááşá
áá API â áĄááťááşáĄáááşááťáŹá¸ááᯠáá˝áŹá¸ááąáŹááşáá°ááąá¸ááźááşá¸ (How Data Is Fetched)
Customer ááŽá áážáŹáá°áážáŻááᯠááŽá¸áááŻááťáąáŹááşáᎠáááŻáˇááąá¸ááźáŽá¸ áááşá¸áá˝á˛ááźááşáááşááąá¸áá˛áˇ "á áŹá¸áá˝á˛áááŻá¸ (Waiter)" áá˛áˇ áá°ááŤáááşá
đšFrontend áá˛áˇ Backend ááźáŹá¸áážáŹ áĄááťááşáĄáááşáá˝áąááᯠáĄááźááşáĄáážááş áááŻáˇááąáŹááşáááşáá˝ááşááąá¸áá˛áˇ ááśááŹá¸áá áşáᯠááźá áşááŤáááşá
á á UI (User Interface) â áĄááťááşáĄáááşááťáŹá¸ááᯠááźáááŻáś (How Data Is Presented)
ááąáŹááşáááş áážáąáˇáážáąáŹááşááᯠááąáŹááşááŹáá˛áˇ "áĄáááŹáážááá˛áˇ áááşá¸áá˝á˛ áĄááźááşáĄáááş" ááŤáá˛á
đšUser áá˝áą áááŻááşáááŻááşááźááşáá˝áąáˇáááźáŽá¸ áĄááŻáśá¸ááźáŻááá˛áˇ áĄááąáŹááşá ááŻáśá áśáá˛áˇ áááŻááşááąá¸áá˝áą ááŤáááşáá˛áˇ áĄááźááşáááşá¸ áĄáá˝ááşáĄááźááşááźá áşááŤáááşá
ááááŻáśá¸ááťáŻááşááááş...
Software áá áşáᯠááąáŹááşá¸ááąáŹááşá¸áĄááŻááşááŻááşáááŻáˇáááŻáᏠáᎠLayers (á ) ááŻá ááŻáśá¸á áááşááťááşááŽáᎠááťáááşáááşááąáááŻáˇ áááŻáĄááşááŤáááşááťá đĄ
Developer áá áşááąáŹááşááźá áşáááŻáˇ ááźááŻá¸á áŹá¸ááąáá°áá˝áąáĄáá˝ááş ááŽáĄáááˇáş á áááˇáşáá˛á áááşáĄáááŻááşá¸ááᯠáĄá áááşáááşá áŹá¸ááŻáśá¸áá˛? Comment áážáŹ áá˝áąá¸áá˝áąá¸áá˝áŹá¸áááŻáˇ áááŤáááşááť! đ
#Tech4UMyanmar #SoftwareEngineering #WebDevelopment #Hosting #Database #API #UIUX #ProgrammingTips #MyanmarTech #SoftwareArchitecture
â¤10đ2
Algorithm áá˝áąááᯠááŹáááŻáˇ Brain of Coding áááŻáˇ ááąáŤáşááŹáá˛? đĄ
ááŻá ášááŹáá áşááŻááᯠááźáąáážááşá¸áá˛áˇááąááŹáážáŹ 'áááşáááŻá ááşá¸á áŹá¸ááá˛' áááŻááŹá 'áááşáááŻááąá¸ááá˛' áááŻááŹáááş áááŻáĄááąá¸ááźáŽá¸ááŤáááşá Algorithm áááŻáᏠLogic áá˝áąáá˛áˇ áĄáážá áşááŹáááŤáá˛á
Coding áááŻáᏠCode ááąá¸áááşááŻáśáá˛áˇ áááźáŽá¸ááŤáá°á¸á ááááąáŹááşáá˛áˇ Solution áá˝áą ááŻááşáááŻááşáááŻáˇ Algorithm áá˝áąááᯠááŹá¸áááşááŹá¸áááŻáˇ áááŻááŤáááşá áĄááŻááźááŹá¸áá˛áˇ Algorithm (á) ááťááŻá¸áᏠProgramming ááąáŹááá˛áˇ áĄááźáąááśáĄááťááŻáśá¸áá˛áˇ áĄááąá¸áĄááźáŽá¸ááŻáśá¸ Brain áá˝áąáᲠááźá áşááŤáááşá
áᎠAlgorithm (á) ááťááŻá¸ááᯠááŹá¸áááşááŹá¸áááş áááşáᏠCoding ááᯠáááŻááźáŽá¸ Master ááźá áşááŹáážáŹ áĄááąáĄááťáŹááŤáá˛á Swipe ááŻááşááźáŽá¸ áá áşááŻááťááşá¸á áŽááᯠááąáˇááŹááźááˇáşáááŻááşááŤ! âĄď¸
đ áĄááąá¸á áááşáááşáááş
#Algorithm101 #ComputerScience #TechMyanmar #CodeSmart #Logic #LearningProgramming
ááŻá ášááŹáá áşááŻááᯠááźáąáážááşá¸áá˛áˇááąááŹáážáŹ 'áááşáááŻá ááşá¸á áŹá¸ááá˛' áááŻááŹá 'áááşáááŻááąá¸ááá˛' áááŻááŹáááş áááŻáĄááąá¸ááźáŽá¸ááŤáááşá Algorithm áááŻáᏠLogic áá˝áąáá˛áˇ áĄáážá áşááŹáááŤáá˛á
Coding áááŻáᏠCode ááąá¸áááşááŻáśáá˛áˇ áááźáŽá¸ááŤáá°á¸á ááááąáŹááşáá˛áˇ Solution áá˝áą ááŻááşáááŻááşáááŻáˇ Algorithm áá˝áąááᯠááŹá¸áááşááŹá¸áááŻáˇ áááŻááŤáááşá áĄááŻááźááŹá¸áá˛áˇ Algorithm (á) ááťááŻá¸áᏠProgramming ááąáŹááá˛áˇ áĄááźáąááśáĄááťááŻáśá¸áá˛áˇ áĄááąá¸áĄááźáŽá¸ááŻáśá¸ Brain áá˝áąáᲠááźá áşááŤáááşá
áᎠAlgorithm (á) ááťááŻá¸ááᯠááŹá¸áááşááŹá¸áááş áááşáᏠCoding ááᯠáááŻááźáŽá¸ Master ááźá áşááŹáážáŹ áĄááąáĄááťáŹááŤáá˛á Swipe ááŻááşááźáŽá¸ áá áşááŻááťááşá¸á áŽááᯠááąáˇááŹááźááˇáşáááŻááşááŤ! âĄď¸
đ áĄááąá¸á áááşáááşáááş
#Algorithm101 #ComputerScience #TechMyanmar #CodeSmart #Logic #LearningProgramming
â¤4đ1
đ Web Developer áááŻááşá¸ ááááŹá¸áááˇáşáá˛áˇ Web Security áĄááźáąááś (á
) ááťááş!
áážááá˛áˇ Website áá áşááŻááᯠáááşááŽá¸ááŻáśáá˛áˇáááş áááŻáśááąáŹááşááąáŹáˇáá˛áˇ digital ááąááşááźáŽá¸áá˛áážáŹ ááťá˝ááşááąáŹáşáááŻáˇáĄáŹá¸ááŻáśá¸ ááááŹá¸ááááˇáş áĄááá Key Point á "Security" áᲠááźá áşááŤáááşá
ááąááŹáá˝áą áááŻá¸áá°ááśáááŹá System áá˝áą áĄáááŻááşáááŻááşááśáááŹáá˝áąáᏠá áášáááˇáşáá˛áˇáĄááťáž ááźá áşáá˝áŹá¸ááąááŹááźáąáŹááˇáş Web Developer áá áşááąáŹááşáĄááąáá˛áˇáá˛ááźá áşááźá áşá ááŻááşáááşá¸áážááşáá áşááąáŹááşáĄááąáá˛áˇáá˛ááźá áşááźá áş Web Security áá˛áˇ áĄááźáąááśáááąáŹáááŹá¸áá˝áąááᯠááŹá¸áááşááŹá¸áááŻáˇá áááźá áşáááą áááŻáĄááşááŹááŤááźáŽá đ
áĄáᯠááŻáśááąá¸áá˝áąáá˛áážáŹ Web Security áá˛áˇ áĄááąá¸ááźáŽá¸ááŻáśá¸ Pillar (á ) ááŻááᯠáá áşá áŻáá áşá ááşá¸áááşá¸ áážááşá¸ááźááąá¸ááŹá¸ááŤáááşááť
đĄ áááşááąáŹ... áááŻááˇáş System áá˛áˇ ááŻáśááźáŻáśááąá¸áĄáá˝ááş áááşáááşá¸áááşá¸áá˝áąááᯠáĄááá áĄááŻáśá¸ááźáŻááąááá˛?
đ áĄááąá¸á áááşáááşáááş
#WebSecurity #CyberSecurity #TechEducation #DataPrivacy #WebDevelopment
áážááá˛áˇ Website áá áşááŻááᯠáááşááŽá¸ááŻáśáá˛áˇáááş áááŻáśááąáŹááşááąáŹáˇáá˛áˇ digital ááąááşááźáŽá¸áá˛áážáŹ ááťá˝ááşááąáŹáşáááŻáˇáĄáŹá¸ááŻáśá¸ ááááŹá¸ááááˇáş áĄááá Key Point á "Security" áᲠááźá áşááŤáááşá
ááąááŹáá˝áą áááŻá¸áá°ááśáááŹá System áá˝áą áĄáááŻááşáááŻááşááśáááŹáá˝áąáᏠá áášáááˇáşáá˛áˇáĄááťáž ááźá áşáá˝áŹá¸ááąááŹááźáąáŹááˇáş Web Developer áá áşááąáŹááşáĄááąáá˛áˇáá˛ááźá áşááźá áşá ááŻááşáááşá¸áážááşáá áşááąáŹááşáĄááąáá˛áˇáá˛ááźá áşááźá áş Web Security áá˛áˇ áĄááźáąááśáááąáŹáááŹá¸áá˝áąááᯠááŹá¸áááşááŹá¸áááŻáˇá áááźá áşáááą áááŻáĄááşááŹááŤááźáŽá đ
áĄáᯠááŻáśááąá¸áá˝áąáá˛áážáŹ Web Security áá˛áˇ áĄááąá¸ááźáŽá¸ááŻáśá¸ Pillar (á ) ááŻááᯠáá áşá áŻáá áşá ááşá¸áááşá¸ áážááşá¸ááźááąá¸ááŹá¸ááŤáááşááť
đĄ áááşááąáŹ... áááŻááˇáş System áá˛áˇ ááŻáśááźáŻáśááąá¸áĄáá˝ááş áááşáááşá¸áááşá¸áá˝áąááᯠáĄááá áĄááŻáśá¸ááźáŻááąááá˛?
đ áĄááąá¸á áááşáááşáááş
#WebSecurity #CyberSecurity #TechEducation #DataPrivacy #WebDevelopment
â¤4
đPython ááᯠááŹáááŻáˇ áááşáááşá
áŻáśáážáŹ ááŻáśá¸ááźááŹáá˛?
Python áááŻáᏠáááŻá¸áážááşá¸ááŻáśáááşáááᲠáá°áˇáážáŹáážááá˛áˇ áĄáŹá¸ááąáŹááşá¸áá˛áˇ Libraries áá˝áąááźáąáŹááˇáş ááášááŹáˇááśááŤááş (á) ááźá áşááŹááŹááŤá áááşá áááş Tech Field áááŻáá˛áá˝áŹá¸áá˝áŹá¸ Python á áĄáááˇáşáážáááąáážáŹááŤá
ááŽááąáˇáážáŹááąáŹáˇ Python ááᯠááŻáśá¸ááźáŽá¸ áááşáááŻáááşáááşáá˝áąáážáŹ ááŹáá˝áąááŻááşáááŻáˇáááá˛áááŻáᏠááąáˇááŹááźááˇáşááĄáąáŹááşá
áá Machine Learningđ¤
Data áá˝áąáá˛áˇ áá áŹá¸ááťááşáá°áá˝áąá AI áááşááąáŹááşááťááşáá°áá˝áąáĄáá˝ááş ááážááááźá áş Libraries áá˝áąááŤá
đšNumpy, Pandas: Data áá˝áąááᯠá áá áşáááť áááŻááşáá˝ááşáááŻáˇ
đšTensorflow, Keras, PyTorch: Deep Learning áá˛áˇ Neural Networks áá˝áąáĄáá˝ááş
đšScikit-Learn: ááŻáśáážááş ML Algorithm áá˝áąáĄáá˝ááş
đšMatplotlib, Seaborn: Data áá˝áąááᯠGraph áá˛áˇ ááŻáśááąáŹáşáááŻáˇ
áá Web Development đ
Backend áááŻááşá¸ááᯠPython áá˛áˇ ááźááşááźááşáááşáááş áááşááąáŹááşáááŻááşááŤáááşá
đšDjango: áĄááźáŽá¸á áŹá¸ Website áá˝áąáĄáá˝ááş Feature áĄááźááˇáşáĄá áŻáśááŤáá˛áˇ Framework
đšFlask, Bottle: lightweight ááźá áşááźáŽ áááŻá¸áážááşá¸áá˛áˇ Web Apps ááąá¸áá˝áąáĄáá˝ááş
đšDash: Data Dashboard áá˝áą ááźáŻááŻááşáááŻáˇ
áá Automation Testing (á ááşááŻááşááźááˇáş á ááşá¸áááşááźááşá¸)đ§Ş
Software áá áşááŻááᯠáá°áááŻááşáááŻááş á á áşá ááŹááááŻáᲠáĄáááŻáĄááťáąáŹááş á á áşááąá¸áááŻáˇ ááŻáśá¸ááŤáááşá
đšPyTest, PyUnit: Code áá˝áą áážááşááážááş á á áşááąá¸áááŻáˇ
đšRobot, Splinter: Browser áá˝áąáá˛áˇ Automation ááŻááşááąáŹááşáááŻáˇ
áá Web Scraping (áĄááťááşáĄáááş á áŻááąáŹááşá¸ááźááşá¸) đ¸
Website áá˝áąááąáŤáşá Data áá˝áąááᯠáĄáááŻáĄááťáąáŹááş áá˝á˛ááŻááşáááŻáˇ ááŻáśá¸ááŤáááşá
đšBeautiful Soup, Requests: Website contents áá˝áąááᯠáĄáá˝ááşááá° áá˝á˛áá°áááŻáˇ
đšScrapy, Selenium: áĄááźáŽá¸á áŹá¸ Web Scraping project áá˝áąáĄáá˝ááş
á á Game & Image Processing đŽđ¸
đšGame Dev: PyGame, PyOpenGL áááŻáˇáá˛áˇ ááááşá¸áááşááąáŹááşáááŻááşááŤáááş
đšImage Processing: OpenCV, Scikit-Image áááŻáˇáá˛áˇ ááŻáśáá˝áąááᯠáááşá¸ááźááşááźááşá¸á ááťááşáážáŹáážááşááááźááşá¸ (Face Recognition) á ááŹáá˝áą ááŻááşááąáŹááşáááŻááşááŤáááş
ááááŻáśá¸ááťáŻááşááááş...
Python áᏠáĄáááşááŻáśá¸ááŹá¸áááŻáᲠáááşáááşá áŻáśáážáŹ áĄááŻáśá¸áááˇáşááŤáááşá
#tech@tech4UMM
#python
#library
Python áááŻáᏠáááŻá¸áážááşá¸ááŻáśáááşáááᲠáá°áˇáážáŹáážááá˛áˇ áĄáŹá¸ááąáŹááşá¸áá˛áˇ Libraries áá˝áąááźáąáŹááˇáş ááášááŹáˇááśááŤááş (á) ááźá áşááŹááŹááŤá áááşá áááş Tech Field áááŻáá˛áá˝áŹá¸áá˝áŹá¸ Python á áĄáááˇáşáážáááąáážáŹááŤá
ááŽááąáˇáážáŹááąáŹáˇ Python ááᯠááŻáśá¸ááźáŽá¸ áááşáááŻáááşáááşáá˝áąáážáŹ ááŹáá˝áąááŻááşáááŻáˇáááá˛áááŻáᏠááąáˇááŹááźááˇáşááĄáąáŹááşá
áá Machine Learningđ¤
Data áá˝áąáá˛áˇ áá áŹá¸ááťááşáá°áá˝áąá AI áááşááąáŹááşááťááşáá°áá˝áąáĄáá˝ááş ááážááááźá áş Libraries áá˝áąááŤá
đšNumpy, Pandas: Data áá˝áąááᯠá áá áşáááť áááŻááşáá˝ááşáááŻáˇ
đšTensorflow, Keras, PyTorch: Deep Learning áá˛áˇ Neural Networks áá˝áąáĄáá˝ááş
đšScikit-Learn: ááŻáśáážááş ML Algorithm áá˝áąáĄáá˝ááş
đšMatplotlib, Seaborn: Data áá˝áąááᯠGraph áá˛áˇ ááŻáśááąáŹáşáááŻáˇ
áá Web Development đ
Backend áááŻááşá¸ááᯠPython áá˛áˇ ááźááşááźááşáááşáááş áááşááąáŹááşáááŻááşááŤáááşá
đšDjango: áĄááźáŽá¸á áŹá¸ Website áá˝áąáĄáá˝ááş Feature áĄááźááˇáşáĄá áŻáśááŤáá˛áˇ Framework
đšFlask, Bottle: lightweight ááźá áşááźáŽ áááŻá¸áážááşá¸áá˛áˇ Web Apps ááąá¸áá˝áąáĄáá˝ááş
đšDash: Data Dashboard áá˝áą ááźáŻááŻááşáááŻáˇ
áá Automation Testing (á ááşááŻááşááźááˇáş á ááşá¸áááşááźááşá¸)đ§Ş
Software áá áşááŻááᯠáá°áááŻááşáááŻááş á á áşá ááŹááááŻáᲠáĄáááŻáĄááťáąáŹááş á á áşááąá¸áááŻáˇ ááŻáśá¸ááŤáááşá
đšPyTest, PyUnit: Code áá˝áą áážááşááážááş á á áşááąá¸áááŻáˇ
đšRobot, Splinter: Browser áá˝áąáá˛áˇ Automation ááŻááşááąáŹááşáááŻáˇ
áá Web Scraping (áĄááťááşáĄáááş á áŻááąáŹááşá¸ááźááşá¸) đ¸
Website áá˝áąááąáŤáşá Data áá˝áąááᯠáĄáááŻáĄááťáąáŹááş áá˝á˛ááŻááşáááŻáˇ ááŻáśá¸ááŤáááşá
đšBeautiful Soup, Requests: Website contents áá˝áąááᯠáĄáá˝ááşááá° áá˝á˛áá°áááŻáˇ
đšScrapy, Selenium: áĄááźáŽá¸á áŹá¸ Web Scraping project áá˝áąáĄáá˝ááş
á á Game & Image Processing đŽđ¸
đšGame Dev: PyGame, PyOpenGL áááŻáˇáá˛áˇ ááááşá¸áááşááąáŹááşáááŻááşááŤáááş
đšImage Processing: OpenCV, Scikit-Image áááŻáˇáá˛áˇ ááŻáśáá˝áąááᯠáááşá¸ááźááşááźááşá¸á ááťááşáážáŹáážááşááááźááşá¸ (Face Recognition) á ááŹáá˝áą ááŻááşááąáŹááşáááŻááşááŤáááş
ááááŻáśá¸ááťáŻááşááááş...
Python áᏠáĄáááşááŻáśá¸ááŹá¸áááŻáᲠáááşáááşá áŻáśáážáŹ áĄááŻáśá¸áááˇáşááŤáááşá
#tech@tech4UMM
#python
#library
â¤7đĽ°1
Media is too big
VIEW IN TELEGRAM
Programming ááąáˇááŹááťááşáá°áá˝áąáĄáá˝ááş ááťá˝ááşááąáŹáˇáşáááŻáˇáá˛áˇ YouTube ChanneláážáŹ áážááá˛áˇ áĄááá˛áˇ áááşáááşá¸á
ᏠPlaylist áá˝áąááᯠá
áŻá
ááşá¸ááźááąá¸áááŻááşááŤáááşááťá
áááŻááˇáşáĄáá˝ááş áááŻáĄááşáááˇáş Skill áá˝áąááᯠáĄááŻáᲠáážáŹááźáŽá¸ ááąáˇááŹááźááˇáşáááŻááşá፠đťđĽ
#Tech4UMyanmar #ProgrammingMyanmar #FreeLearning #CodingRoadmap
áááŻááˇáşáĄáá˝ááş áááŻáĄááşáááˇáş Skill áá˝áąááᯠáĄááŻáᲠáážáŹááźáŽá¸ ááąáˇááŹááźááˇáşáááŻááşá፠đťđĽ
#Tech4UMyanmar #ProgrammingMyanmar #FreeLearning #CodingRoadmap
â¤8đĽ°4
đą Neodrag: Framework áĄá
áŻáśáážáŹ ááŻáśá¸áááŻáˇááá˛áˇ Drag-and-Drop Library áĄáá
áş!
Frontend Developer áá˝áąáĄáá˝ááş Project áááŻááşá¸áážáŹ Framework ááá°ááąáá˛áˇ Drag-and-drop feature áááˇáşááťááşáááş Library áá áşááŻáááşá¸áá˛áˇ áĄááŻááşááźáąáážááşá¸áááŻáˇááááˇáş Neodrag áĄááźáąáŹááşá¸ ááźá áşááŤáááşááťá
đĄ ááŹáá˝áą áá°á¸ááźáŹá¸áá˛?
đšMulti-Framework: React, Svelte, Vue, SolidJS áá˛áˇ Vanilla JS áĄáá áĄááŻááşááŻáśá¸áážáŹ Support ááŻááşááŤáááşá
đšUltra Lightweight: Bundle size á 3.46KB áá˛áážááááŻáˇ Website ááᯠááąá¸ááá˝áŹá¸á áąááŤáá°á¸á
đšConsistent Logic: Framework áá˝áąáᏠáá˝á˛áá˝áŹá¸áááşá áĄááŻááşááŻááşááŻáś (Core logic) á áĄáá°áá°áá˛áááŻáˇ áááşáá°ááᏠáá˝ááşáá°ááŤáááşá
đšDeveloper Friendly: TypeScript support áĄááźááˇáşááŤáááşá SSR (Server-Side Rendering) áá˛áˇáááşá¸ áĄáááşááźáąááźáą áĄááŻááşááŻááşááŤáááşá
Framework áá áşááŻááťááşá¸á áŽáĄáá˝ááş Library áĄáá áşáá˝áą áááŻááşáážáŹá ááŹááááŻááąáŹáˇáᲠááŽáá áşááŻáááşá¸áá˛áˇáááş áĄááŻááşááźáŽá¸áá˝áŹá¸áážáŹááŤááťáŹá
áĄááąá¸á áááşááᯠááŽáážáŹ ááąáˇááŹáááŻááşááŤáááş-
đ https://api.daily.dev/r/ub4hasyqC
#Tech4u #Neodrag #JavaScript #FrontendDev #WebDevelopment #ReactJS #VueJS #Svelte #OpenSource #MyanmarDevs
Frontend Developer áá˝áąáĄáá˝ááş Project áááŻááşá¸áážáŹ Framework ááá°ááąáá˛áˇ Drag-and-drop feature áááˇáşááťááşáááş Library áá áşááŻáááşá¸áá˛áˇ áĄááŻááşááźáąáážááşá¸áááŻáˇááááˇáş Neodrag áĄááźáąáŹááşá¸ ááźá áşááŤáááşááťá
đĄ ááŹáá˝áą áá°á¸ááźáŹá¸áá˛?
đšMulti-Framework: React, Svelte, Vue, SolidJS áá˛áˇ Vanilla JS áĄáá áĄááŻááşááŻáśá¸áážáŹ Support ááŻááşááŤáááşá
đšUltra Lightweight: Bundle size á 3.46KB áá˛áážááááŻáˇ Website ááᯠááąá¸ááá˝áŹá¸á áąááŤáá°á¸á
đšConsistent Logic: Framework áá˝áąáᏠáá˝á˛áá˝áŹá¸áááşá áĄááŻááşááŻááşááŻáś (Core logic) á áĄáá°áá°áá˛áááŻáˇ áááşáá°ááᏠáá˝ááşáá°ááŤáááşá
đšDeveloper Friendly: TypeScript support áĄááźááˇáşááŤáááşá SSR (Server-Side Rendering) áá˛áˇáááşá¸ áĄáááşááźáąááźáą áĄááŻááşááŻááşááŤáááşá
Framework áá áşááŻááťááşá¸á áŽáĄáá˝ááş Library áĄáá áşáá˝áą áááŻááşáážáŹá ááŹááááŻááąáŹáˇáᲠááŽáá áşááŻáááşá¸áá˛áˇáááş áĄááŻááşááźáŽá¸áá˝áŹá¸áážáŹááŤááťáŹá
áĄááąá¸á áááşááᯠááŽáážáŹ ááąáˇááŹáááŻááşááŤáááş-
đ https://api.daily.dev/r/ub4hasyqC
#Tech4u #Neodrag #JavaScript #FrontendDev #WebDevelopment #ReactJS #VueJS #Svelte #OpenSource #MyanmarDevs
â¤1đĽ°1
đ Layout áá˝á˛ááᏠááąáŤááşá¸áá
áŹá¸ááťááşááąáŹáˇáá°á¸ááŹá¸? CSS Flexbox áá˛áˇ ááťážááŻáˇáážááşááťááş (á
) ááŻááᯠááąáˇááŹáááŻááşááĄáąáŹááşááťáŹ!" đ¨đť
Web Design áá˝á˛áá˛áˇáĄá፠element áá˝áąááᯠáááŻááşááźá áşááťááşáá˛áˇááąááŹáážáŹ áĄáááĄááťáážáááąáááŻáˇáááŻáᏠFlexbox áááŤáᲠáááźá áşáááŻááşááŤáá°á¸á ááŽááąáˇáážáŹááąáŹáˇ Flexbox áá˛áˇ áĄááŻáśá¸áĄááťáŹá¸ááŻáśá¸ Property áá˝áąááᯠááŻáśááąá¸áá˝áąáá˛áˇ ááá˝ áážááşá¸ááźááąá¸áá˝áŹá¸áážáŹááźá áşááŤáááşá đ
áá Flex Direction â áá ášá ááşá¸áá˝áąááᯠáááşáááşááᯠá áŽááá˛?
đšRow: áá ášá ááşá¸áá˝áąááᯠáááşáááą ááŹáááŻáˇ áĄáááşá¸áááŻááşá áŽááąá¸ááŤáááşá (Default)
đšColumn: áĄááąáŤáşáááą áĄáąáŹááşááᯠááąáŤááşáááŻááşá áŽááąá¸ááŤáááşá
đšReverse: Row áááŻáˇáááŻááş Column ááᯠáĄá áŽáĄá ááş ááźáąáŹááşá¸ááźááşáážááşáá áşáááŻááşááŹááŤá
áá Justify Content â áĄááťáŹá¸áááŻááş (Main Axis) áááşááᯠááąááŹááťááá˛?
đšCenter: áá ášá ááşá¸áĄáŹá¸ááŻáśá¸ááᯠáĄáááşáážáŹ á áŻááąá¸ááŤáááşá
đšSpace-between: ááąá¸áážá áşáááşáážáŹ áááşááŹá¸ááźáŽá¸ ááźáŹá¸áá˛áážáŹ ááąááŹáá˝ááş áĄááŽáĄááťáž ááťááąá¸ááŤáááşá
đšSpace-evenly: áá ášá ááşá¸áá˝áąáá˛áˇ ááąá¸áááşáááşáááşáážáŹ ááąááŹáá˝ááşáá˝áąááᯠáĄááŽáĄááťáž áá˝á˛ááąááąá¸ááŤáááşá
áá Align Items â ááąáŤááşáááŻááş (Cross Axis) áááşááᯠááąááŹááťááá˛?
đšCenter: ááąáŤááşáááŻááş áĄááąáĄááŹá¸áĄá áĄáááşáážáŹ áááˇáşáááˇáşááŹá¸ááąá¸ááŤáááşá
đšStretch: Container áá˛áˇ áĄááźááˇáşáĄáááŻááşá¸ áá ášá ááşá¸áá˝áąááᯠáá˝á˛áááˇáşááąá¸áááŻááşááŹááŤá
đšBaseline: á áŹááŹá¸áá˝áąáá˛áˇ áĄáąáŹááşááźáąááťááşá¸ (Baseline) ááᯠáá°áááşááźáŽá¸ ááťáááşáážáááąá¸ááŤáááşá
áá Flex Wrap â ááąááŹááááˇáşáááş áĄáąáŹááşáááşá¸áááŹá¸?
đšNo-wrap: ááąááŹááááˇáşáááşá¸ áá áşáááşá¸áááşá¸áážáŹáᲠáĄáááşá¸áážááşáááˇáşááŹá¸ááŤáááşá
đšWrap: ááąááŹááááˇáşááąáŹáˇáááş áĄáááŻáĄááťáąáŹááş ááąáŹááşáá áşááźáąáŹááşá¸ááᯠáááşá¸áá˝áŹá¸ááąá¸ááŤáááşá
á á Flex Grow & Shrink â ááąááŹáá˝ááşááᯠáááşáá°á áááŻáá°ááá˛?
đšFlex Grow: áááŻááąáá˛áˇ ááąááŹáá˝ááşáá˝áąááᯠáááş Item á áááŻááźáŽá¸ ááźáŽá¸áá˝áŹá¸áá°ááá˛áááŻáᏠáááşáážááşááąá¸ááŤáááşá (áĽáááŹ- flex-grow: 2 á áááźáŹá¸ááŹáá˝áąáááş á á áááŻááźáŽá¸ááŹáážáŹááŤ)
đšFlex Shrink: ááąááŹááťááşá¸áá˝áŹá¸áá˛áˇáĄá፠áááşáá°á áĄáááşááŻáśá¸ ááťáŻáśáˇáá˝áŹá¸ááá˛áááŻááŹááᯠááááşá¸ááťáŻááşááąá¸ááŤáááşá
ááááŻáśá¸ááťáŻááşááááş...
Flexbox ááᯠááťá˝ááşá¸ááťááşáá˝áŹá¸áááş Responsive Design áá˝áą áá˝á˛ááᏠáĄáááşá¸ááᯠáá˝ááşáá°ááźááşáááşáá˝áŹá¸áážáŹááŤá đĄ
đ ááŽáážáŹáĄááąá¸á áááşáááşááŤááť
đ PDF file ááá°áááş
#Tech4UMyanmar #CSSFlexbox #WebDesign #FrontendDev
Web Design áá˝á˛áá˛áˇáĄá፠element áá˝áąááᯠáááŻááşááźá áşááťááşáá˛áˇááąááŹáážáŹ áĄáááĄááťáážáááąáááŻáˇáááŻáᏠFlexbox áááŤáᲠáááźá áşáááŻááşááŤáá°á¸á ááŽááąáˇáážáŹááąáŹáˇ Flexbox áá˛áˇ áĄááŻáśá¸áĄááťáŹá¸ááŻáśá¸ Property áá˝áąááᯠááŻáśááąá¸áá˝áąáá˛áˇ ááá˝ áážááşá¸ááźááąá¸áá˝áŹá¸áážáŹááźá áşááŤáááşá đ
áá Flex Direction â áá ášá ááşá¸áá˝áąááᯠáááşáááşááᯠá áŽááá˛?
đšRow: áá ášá ááşá¸áá˝áąááᯠáááşáááą ááŹáááŻáˇ áĄáááşá¸áááŻááşá áŽááąá¸ááŤáááşá (Default)
đšColumn: áĄááąáŤáşáááą áĄáąáŹááşááᯠááąáŤááşáááŻááşá áŽááąá¸ááŤáááşá
đšReverse: Row áááŻáˇáááŻááş Column ááᯠáĄá áŽáĄá ááş ááźáąáŹááşá¸ááźááşáážááşáá áşáááŻááşááŹááŤá
áá Justify Content â áĄááťáŹá¸áááŻááş (Main Axis) áááşááᯠááąááŹááťááá˛?
đšCenter: áá ášá ááşá¸áĄáŹá¸ááŻáśá¸ááᯠáĄáááşáážáŹ á áŻááąá¸ááŤáááşá
đšSpace-between: ááąá¸áážá áşáááşáážáŹ áááşááŹá¸ááźáŽá¸ ááźáŹá¸áá˛áážáŹ ááąááŹáá˝ááş áĄááŽáĄááťáž ááťááąá¸ááŤáááşá
đšSpace-evenly: áá ášá ááşá¸áá˝áąáá˛áˇ ááąá¸áááşáááşáááşáážáŹ ááąááŹáá˝ááşáá˝áąááᯠáĄááŽáĄááťáž áá˝á˛ááąááąá¸ááŤáááşá
áá Align Items â ááąáŤááşáááŻááş (Cross Axis) áááşááᯠááąááŹááťááá˛?
đšCenter: ááąáŤááşáááŻááş áĄááąáĄááŹá¸áĄá áĄáááşáážáŹ áááˇáşáááˇáşááŹá¸ááąá¸ááŤáááşá
đšStretch: Container áá˛áˇ áĄááźááˇáşáĄáááŻááşá¸ áá ášá ááşá¸áá˝áąááᯠáá˝á˛áááˇáşááąá¸áááŻááşááŹááŤá
đšBaseline: á áŹááŹá¸áá˝áąáá˛áˇ áĄáąáŹááşááźáąááťááşá¸ (Baseline) ááᯠáá°áááşááźáŽá¸ ááťáááşáážáááąá¸ááŤáááşá
áá Flex Wrap â ááąááŹááááˇáşáááş áĄáąáŹááşáááşá¸áááŹá¸?
đšNo-wrap: ááąááŹááááˇáşáááşá¸ áá áşáááşá¸áááşá¸áážáŹáᲠáĄáááşá¸áážááşáááˇáşááŹá¸ááŤáááşá
đšWrap: ááąááŹááááˇáşááąáŹáˇáááş áĄáááŻáĄááťáąáŹááş ááąáŹááşáá áşááźáąáŹááşá¸ááᯠáááşá¸áá˝áŹá¸ááąá¸ááŤáááşá
á á Flex Grow & Shrink â ááąááŹáá˝ááşááᯠáááşáá°á áááŻáá°ááá˛?
đšFlex Grow: áááŻááąáá˛áˇ ááąááŹáá˝ááşáá˝áąááᯠáááş Item á áááŻááźáŽá¸ ááźáŽá¸áá˝áŹá¸áá°ááá˛áááŻáᏠáááşáážááşááąá¸ááŤáááşá (áĽáááŹ- flex-grow: 2 á áááźáŹá¸ááŹáá˝áąáááş á á áááŻááźáŽá¸ááŹáážáŹááŤ)
đšFlex Shrink: ááąááŹááťááşá¸áá˝áŹá¸áá˛áˇáĄá፠áááşáá°á áĄáááşááŻáśá¸ ááťáŻáśáˇáá˝áŹá¸ááá˛áááŻááŹááᯠááááşá¸ááťáŻááşááąá¸ááŤáááşá
ááááŻáśá¸ááťáŻááşááááş...
Flexbox ááᯠááťá˝ááşá¸ááťááşáá˝áŹá¸áááş Responsive Design áá˝áą áá˝á˛ááᏠáĄáááşá¸ááᯠáá˝ááşáá°ááźááşáááşáá˝áŹá¸áážáŹááŤá đĄ
đ ááŽáážáŹáĄááąá¸á áááşáááşááŤááť
đ PDF file ááá°áááş
#Tech4UMyanmar #CSSFlexbox #WebDesign #FrontendDev
â¤7đĽ°2
Media is too big
VIEW IN TELEGRAM
Programming ááᯠáááşááťážáąáŹáˇááťááşááąááźáŽááŹá¸? Python áá˛áˇ áĄá
áááą ááźááşá
ááźááˇáşááĄáąáŹááş! đđ
Programming ááᯠá ááąáˇááŹáááŻááşá¸ ááŹáááŻáˇ áááşá¸ááťáąáŹááşááąáááŹáá˛? đ§
ááŤáᏠáááˇáşááźáąáŹááˇáşáááŻááşáᲠáážááşáááşáá˛áˇ Roadmap ááážááááŻáˇááŤá ááŽááŽááŽáááŻáážáŹ Beginner áááŻááşá¸áĄáá˝ááş áĄáá˝ááşáá°ááŻáśá¸ááźá áşáá˛áˇ Python áááąáá áşáááˇáş Programming Logic áá˝áąááᯠáĄááźáąááśáááą OOP áĄáá á áá áşáááť áááşáááŻáá˝áŹá¸ááá˛áááŻáᏠááźáąáŹááźááąá¸ááŹá¸ááŤáááşá
áĄááąá¸á áááşááᯠMessage áááŻáˇááźáŽá¸áĄááŻáᲠá áŻáśá ááşá¸áááŻááşááŤááť! đŠ
#Tech4UMyanmar
Programming ááᯠá ááąáˇááŹáááŻááşá¸ ááŹáááŻáˇ áááşá¸ááťáąáŹááşááąáááŹáá˛? đ§
ááŤáᏠáááˇáşááźáąáŹááˇáşáááŻááşáᲠáážááşáááşáá˛áˇ Roadmap ááážááááŻáˇááŤá ááŽááŽááŽáááŻáážáŹ Beginner áááŻááşá¸áĄáá˝ááş áĄáá˝ááşáá°ááŻáśá¸ááźá áşáá˛áˇ Python áááąáá áşáááˇáş Programming Logic áá˝áąááᯠáĄááźáąááśáááą OOP áĄáá á áá áşáááť áááşáááŻáá˝áŹá¸ááá˛áááŻáᏠááźáąáŹááźááąá¸ááŹá¸ááŤáááşá
áĄááąá¸á áááşááᯠMessage áááŻáˇááźáŽá¸áĄááŻáᲠá áŻáśá ááşá¸áááŻááşááŤááť! đŠ
#Tech4UMyanmar
đ8â¤6
đ4
Developer áááŻááşá¸ ááááŹá¸áááˇáşáá˛áˇ Database (á) ááťááŻá¸! đ
áááşá Backend áááŹá¸ááŹá¸? ááŤáážáááŻááş Full-stack ááᯠááąáˇááŹááąááŹááŹá¸? ááŤáááŻáááşááąáŹáˇ áᎠDatabase (á) ááťááŻá¸áĄááźáąáŹááşá¸ááᯠááááááŻáˇ áááźá áşáá°á¸ááąáŹáşá đĄ
Project áá áşááŻáá˛áˇ Performance ááąáŹááşá¸áááŻáˇáááŻáᏠáážááşáááşáá˛áˇ Database áá˝áąá¸ááťááşáážáŻáĄááąáŤáşáážáŹ áĄááťáŹá¸ááźáŽá¸ áá°áááşááąááŤáááşá SQL áááą NoSQL áĄááá Cloud áááą Graph Database áĄáá ááŹáá˝áąáá˝áŹááźáŹá¸áá˛áááŻááŹááᯠááŻáśááąá¸áá˝áąáá˛áážáŹ ááąáˇááŹááźááˇáşáááŻááşááŤááťá
đ PDF file ááźááˇáş áĄááźááˇáşáĄá áŻáśáááşáááş
#Database #SoftwareEngineering #CodingLife
áááşá Backend áááŹá¸ááŹá¸? ááŤáážáááŻááş Full-stack ááᯠááąáˇááŹááąááŹááŹá¸? ááŤáááŻáááşááąáŹáˇ áᎠDatabase (á) ááťááŻá¸áĄááźáąáŹááşá¸ááᯠááááááŻáˇ áááźá áşáá°á¸ááąáŹáşá đĄ
Project áá áşááŻáá˛áˇ Performance ááąáŹááşá¸áááŻáˇáááŻáᏠáážááşáááşáá˛áˇ Database áá˝áąá¸ááťááşáážáŻáĄááąáŤáşáážáŹ áĄááťáŹá¸ááźáŽá¸ áá°áááşááąááŤáááşá SQL áááą NoSQL áĄááá Cloud áááą Graph Database áĄáá ááŹáá˝áąáá˝áŹááźáŹá¸áá˛áááŻááŹááᯠááŻáśááąá¸áá˝áąáá˛áážáŹ ááąáˇááŹááźááˇáşáááŻááşááŤááťá
đ PDF file ááźááˇáş áĄááźááˇáşáĄá áŻáśáááşáááş
#Database #SoftwareEngineering #CodingLife
â¤5đ1đ1
SQL ááŹá¸? MongoDB ááŹá¸? áááşáá°áá˝áą ááŹááŻáśá¸ááźáá˛? đ¤đĽ
Developer áááŻááşá¸ ááááŹá¸áááˇáşáá˛áˇ SQL áá˛áˇ NoSQL (MongoDB) áá˛áˇ áĄááááá˝áŹááźáŹá¸ááťááş á ááťááşááᯠáá áşááŻáśááťááşá¸á áŽáážáŹ áĄááąá¸á áááş áážááşá¸ááźááąá¸ááŹá¸ááŤáááşááťá
áááŻááˇáşáá˛áˇ Project á áááşáááŻááťááŻá¸áá˛? ááąááŹáá˝áąááᯠááŻáśááąáááşáážááşááŹá¸ááťááşááŹááŹá¸ ááŤáážáááŻááş Flexible ááźá áşááźá áş ááááşá¸ááťááşááŹááŹá¸? ACID ááŹá¸ BASE ááŹá¸? áᎠPost ááąá¸ááᯠáĄááŻáśá¸áááááşááźááˇáşááźáŽá¸ áááŻááˇáşáĄáá˝ááş áááşááŹá áááŻáááˇáşááąáŹáşááá˛áááŻáᏠáá˝áąá¸ááťááşááźááˇáşáááŻááşááĄáąáŹááşá đ
đ PDF file ááá°áááş
#SQL #MongoDB #Database
Developer áááŻááşá¸ ááááŹá¸áááˇáşáá˛áˇ SQL áá˛áˇ NoSQL (MongoDB) áá˛áˇ áĄááááá˝áŹááźáŹá¸ááťááş á ááťááşááᯠáá áşááŻáśááťááşá¸á áŽáážáŹ áĄááąá¸á áááş áážááşá¸ááźááąá¸ááŹá¸ááŤáááşááťá
áááŻááˇáşáá˛áˇ Project á áááşáááŻááťááŻá¸áá˛? ááąááŹáá˝áąááᯠááŻáśááąáááşáážááşááŹá¸ááťááşááŹááŹá¸ ááŤáážáááŻááş Flexible ááźá áşááźá áş ááááşá¸ááťááşááŹááŹá¸? ACID ááŹá¸ BASE ááŹá¸? áᎠPost ááąá¸ááᯠáĄááŻáśá¸áááááşááźááˇáşááźáŽá¸ áááŻááˇáşáĄáá˝ááş áááşááŹá áááŻáááˇáşááąáŹáşááá˛áááŻáᏠáá˝áąá¸ááťááşááźááˇáşáááŻááşááĄáąáŹááşá đ
đ PDF file ááá°áááş
#SQL #MongoDB #Database
â¤6
Media is too big
VIEW IN TELEGRAM
Python áážáŹ áᎠ@ ááąá¸áá˝áąááᯠáá˝áąáˇáááş ááŹáážááşá¸ááááááŻáˇ ááťáąáŹáşáá˝áŹá¸ááąááŻááşá¸áá˛ááŹá¸? ááŤááᯠDecorator áááŻáˇ ááąáŤáşááŤáááşá ááŤááᯠáááááş áááˇáş Code áá˝áąá Professional Architect áá
áşááąáŹááşááᯠááźá
áşáá˝áŹá¸áážáŹááŤá
Python Level áááşááťááşáá°áá˝áąáĄáá˝ááş ááááááźá áş Decorator Masterclass! đâ¨
â ď¸ Level: Intermediate (Python Basic ááááŹá¸áááŤáááş)
đ Python Decorator áááşáááşá¸áĄááąá¸á áááşááᯠá áŻáśá ááşá¸ááťááşáááşáááŻáááşááąáŹáˇ ááťá˝ááşááąáŹáˇáşáá˛áˇ Telegramá TikTok Chat Box áá˛áˇ Facebook Page Messenger áá˝áąáááą áĄááŻáᲠDM ááąá¸áááŻáˇááźáŽá¸ ááąá¸ááźááşá¸áááŻááşááŤáááşááťá
#PythonMyanmar #Tech4U #CodingTips #PythonDecorators #DeveloperLife #MyanmarDev
Python Level áááşááťááşáá°áá˝áąáĄáá˝ááş ááááááźá áş Decorator Masterclass! đâ¨
â ď¸ Level: Intermediate (Python Basic ááááŹá¸áááŤáááş)
đ Python Decorator áááşáááşá¸áĄááąá¸á áááşááᯠá áŻáśá ááşá¸ááťááşáááşáááŻáááşááąáŹáˇ ááťá˝ááşááąáŹáˇáşáá˛áˇ Telegramá TikTok Chat Box áá˛áˇ Facebook Page Messenger áá˝áąáááą áĄááŻáᲠDM ááąá¸áááŻáˇááźáŽá¸ ááąá¸ááźááşá¸áááŻááşááŤáááşááťá
#PythonMyanmar #Tech4U #CodingTips #PythonDecorators #DeveloperLife #MyanmarDev
â¤7đĽ°1