Posts

Showing posts from November, 2020

Website ရဲ့ title ဘေးမှာ icon လေးတွေရှိတယ် အဲ့ဒါကို ဘယ်လိုထည့်မှာလဲ ?

Image
 ကဲ ဒီတစ်ခါမှာတော့ website ရဲ့ title ဘေး icon ထည့်နည်းလေးပါ  စာလေးတစ်ကြောင်းတည်းနဲ့ ပြီးစီးသွားမယ် လွယ်လွယ်လေးပါ video နဲ့ကြည့်ချင်ရင် link = > (  https://www.facebook.com/100013010282058/videos/1067393643704302/ ) ရေးဖို့လိုတာက တော့ <head> </head> အဲ့ထဲမှာရေးရမှာပါ ဘာရေးမလဲဆိုတော့  <link rel="shortcut icon" href=" ကိုယ်ထည့်ချင်တဲ့ icon name" > ဒါလေးပါပဲ  ကျေးဇူးတင်ပါတယ်။
Post a Comment
Read more

ရိုးရိုးရှင်းရှင်းနဲ့ Random Number Generator လေးတစ်ခု ဘယ်လိုရေးမလဲ?

Image
  ကံစမ်းမဲ တွေဖောက်တာ တွေတွေ့နေရတော့ ကံစမ်းမဲ နှိက်လို့ရတဲ့ Random Number လေးလုပ်လို့ရတဲ့တစ်ခုလုပ်မယ်ပေါ့ ကျနော်လုပ်ထားတာက ရိုးရိုးရှင်းရှင်းလေးပါ User ကို ပြောမယ် Random number လုပ်တဲ့ဟာပေ့ါ No.0 ကနေ ဘယ်ထိလုပ်ချင်လဲ User ကိုယ်တိုင် အောက်က input box ထဲ နံပါတ်ထည့် ပြီးရင် အနီရောက် button ကို click ရင် number တွေ random လုပ်သွားလိမ့်မယ်။ video ကြည့်ချင်ရင်တော့ link = > (  https://www.facebook.com/100013010282058/videos/1066834583760208/ ) ပုံစံကတော့ ကြိုက်သလိုလုပ်လို့ရတော့ ကျနော် Javascript လေးပဲပြောပြသွားပါမယ်  function Random(){ var n = parseInt(document.getElementById( 'num' ).value); var r = Math.floor(Math.random() * n)+ 1 ; document.getElementById( 'display' ).innerText = r; } Function တစ်ခု တည်ဆောက်လိုက်ပါ  ပြီးတော့ variable တစ်ခု တည်ဆောက်မယ် ဘာအတွက်လဲဆိုတော့ user input လုပ်လိုက်တဲ့ box ထဲက တန်ဖိုးလိုချင်လို့ပါ အဲ့ box မှာ id="num" လို့ပေးထားပါတယ် နောက် variable က random လုပ်လိုက်ပြီးထွက်လာ တဲ့ တန်ဖိုးကို...
Post a Comment
Read more

ဖုန်းထဲက ဘယ် Apps တွေနဲ့ programming လေ့လာလို့ရမလဲ?

Image
  အားလုံးပဲ မဂ်လာပါ ဒီတစ်ခါမှာတော့ ဖုန်းထဲက ဘယ် apps တွေက Programming လေ့လာလို့ရသလဲဆိုတာပြောပြပေးသွားမှာဖြစ်ပါတယ်။ ဒါက android တစ်ခုထဲ မဟုတ်ပဲ ios တွေမှာပါသုံးလို့ရပါတယ်။ 1.     Udemy 2.     SoloLearn 3.     Mimo 4.     Encode 5.     Kahn Academy တို့ပဲဖစ်ပါတယ် တခြားအများကြိီးရှိပါသေးတယ် အဲ့ထဲက အကောင်းဆုံး 5 ခုကို ရွေးပေးထားတာဖြစ်ပါတယ်။ ကျေးဇူးတင်ပါတယ်။
Post a Comment
Read more

2020 မှာ Front-end developer ဖြစ်ဖို့ဘာတွေလေ့လာရမလဲ

Image
ကဲ အားလုံးပဲ မဂ်လာပါ ဒီတစ်ခါမှတော့ Web  Front-End developer တွေ ဘာတွေလေ့လာကြလဲ မသိရင်တော့ အဆုံးထိကြည့်သွားလိုက်ပါဦး  1.     HTML 2.     CSS 3.     Javascript 4.     Angular 5.     React.Js 6.     Jquery ဒါတွေက တော့ အခု Hot နေတဲ့ဟာတွေပါ တခြားလေ့လာကြတဲ့ frameworks & Libraries တွေအများကြီးလဲ ရှိပါသေးတယ်
Post a Comment
Read more

Free web icons သုံးလို့ ရတဲ့ websites 5 ခု

Image
အားလုံးပဲ မဂ်လာပါ ဒီတစ်ခါမှာတော့ web icons တွေကို free သုံးလို့ရတဲ့ website 5 ခု ကို ပြောပြသွားမှာဖြစ်ပါတယ်။ ကဲစလိုက်ရအောင်................... 1.     Flaticon     (    https://www.flaticon.com/   ) 2.     Iconmonstr     (  https://iconmonstr.com/ ) 3.     Freepik     (  https://www.freepik.com/ ) 4.     Material.io     (  https://material.io/ ) 5.     FontAwesome      (  https://fontawesome.com/ )  ကျေးဇူးတင်ပါတယ် ။
Post a Comment
Read more

Programming Language တွေကို ဘယ်သူတွေ ဖန်တီးခဲ့ကြတာလဲ?

Image
1.     Guido Van Rossum ( Python ) 2.     Dennis Ritchie (C) 3.     Bjarne Stroustrup (C++) 4.     James Gosling (Java) 5.     Brendan Eich (Javascript) 6.     Rasmus Lerdorf      (PHP)
Post a Comment
Read more

JS နဲ့ မီးအဖွင့်အပိတ်လေးရေးကြည့်ကြရအောင်

Image
  ကဲ အားလုံးပဲ မဂ်လာ ပါ ။ ဒီတစ်ခါမှာတော့ ကျနော်တို့ javascript နဲ့ မီးအပိတ်အဖွင့်လေး ရေးကြည့်ကြရအောင် အရင်ဆုံးကတော့ Html ရေးတာပေါ့ ကျနော်က CSS ကော JS မှာ HTML ထဲမှာပဲရေးလိုက်ပါတော့မယ်၊ Video ကြည့်ချင်တယ်ဆိုရင်တော့ အောက်က link လေးကို နှိပ်ပြီးကြည့်နိုင်ပါတယ် link =>  https://fb.watch/1xYS1g9nrs/ ကဲစကြရအောင်............................. <html> <head> <title>Light</title>  <style>     body{          background-color: darkslategrey;          color: #fff;     }     h1{          text-align: center;      }     p{          text-align: center;     }     img{          width: 200px;          height: 400px;          padding-left: 42%;     }     .on{          pos...
Post a Comment
Read more

Free 3D Illustration Website

Image
 အားလုံးပဲ မဂ်လာပါ ဒီတစ်ခါမှာတော့ 3D Illustration website ကို free ဂုန်းဆင်းလို့ရမဲ့ website လေးတွေကိုပြောပြသွားမှာ ဖြစ်ပါတယ်။  1.      isometric love          link => (  https://www.isometriclove.com/ ) 2.      Handz design                        link => (  https://www.handz.design/ ) 3.      isoflat          link => (  https://isoflat.com/ )      4.      toy faces              link => (  https://amritpaldesign.com/toy-faces ) 5.      3d shapes pack          link => (  https://dribbble.com/shots/3421366-3D-shapes-pack ) ကျေးဇူးတင်ပါသည်။
Post a Comment
Read more

Javascript Functions in 4 ways

Image
Javascript Function  in 4 ways  1.     Function Declaration                    function square(x){                         return x * x;                        } 2.     Function Expression                     const square = function (x) {                         return x * x;                    } 3.     Arrow Function Expression                     const square = (x) => {                         return x * x;           ...
1 comment
Read more

Cool Shadow Effect HTML+CSS

Image
                         HTML & CSS နဲ့ loading effect လေးလုပ်ကြည့်မယ်။  HTML code 👇 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Box Effect</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="box"></div> </body> </html> CSS code 👇 body{ background: #0e153a; } .box{ cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 75px; height: 75px; border-radius: 50%; animation: anim 3s infinite linear; } @keyframes anim{ 0%{ box-shadow: 0 0 0 0px rgba(10,90,255,0.47); } 20%{ box-shadow: 0 0 0 20px rgba(10,90,255,0.47); } 40%{ box-shadow: 0 0 0 20px rgba(10,90,255,0.47),...
Post a Comment
Read more