Who Am I?

Posts

Showing posts from November, 2020

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

November 15, 2020

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

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

November 15, 2020

ကံစမ်းမဲ တွေဖောက်တာ တွေတွေ့နေရတော့ ကံစမ်းမဲ နှိက်လို့ရတဲ့ 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 လုပ်လိုက်ပြီးထွက်လာ တဲ့ တန်ဖိုးကို

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

November 10, 2020

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

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

November 10, 2020

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

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

November 08, 2020

အားလုံးပဲ မဂ်လာပါ ဒီတစ်ခါမှာတော့ 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/ ) ကျေးဇူးတင်ပါတယ် ။

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

November 04, 2020

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)

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

November 03, 2020

ကဲ အားလုံးပဲ မဂ်လာ ပါ ။ ဒီတစ်ခါမှာတော့ ကျနော်တို့ 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{ position: absolute; left: 44%; top: 80%; width: 60px; height: 40px; } .off{ position: absolute; left: 50%; top: 80%; width: 60px; height: 40px; } </style> </head> <body> <h1>Light Tutorial</h1>

Free 3D Illustration Website

November 03, 2020

အားလုံးပဲ မဂ်လာပါ ဒီတစ်ခါမှာတော့ 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 ) ကျေးဇူးတင်ပါသည်။

Javascript Functions in 4 ways

November 02, 2020

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; } 4. Concise Arrow Function Expression const square = x => x*x;

Cool Shadow Effect HTML+CSS

November 01, 2020

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),