Who Am I?

Posts

Showing posts from 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),

How to install Adobe photoshop in Ubuntu (2020) 100% work

October 25, 2020

ဒီတစ်ခါက တော့ Ubuntu မှာ Photoshop CC ကို install တင်နည်းလေး sharing လုပ်သွားပေးချင်ပါတယ် step 3 ခုကို တစ်ခုချင်းစီးပြောပြပေးသွားမှာပါ။ Step 1. Requirements Install တင်ဖို့အရင်ဆုံး ကိုယ့် ubuntu မှာ wine, winetricks and aria2 ရှိထားရပါမယ် မရှိလဲဘာမှမဖြစ်ပါဘူး။ သူ install လုပ်ဖို့တောင်းပါလိမ့်မယ်။ ပြီးရင် terminal ဖွင့်ပြီး အောက်က စာကို copy past လုပ်လိုက်ပါ $ sudo apt install wine winetricks aria2 libncurses5 libncurses5:i386 --fix-missing Step 2. Download latest script $ cd /tmp/ $ wget https://github.com/Gictorbit/photoshopCClinux/archive/master.zip $ unzip master.zip -d photoshopCClinux && cd photoshopCClinux/photoshopCClinux-master/scripts Step 3.Install $ ./PhotoshopSetup.sh Install လုပ်တဲ့အချိန်မှာစိတ်ရှည်ရှည်စောင့်ပါ ဒီလို box လေးပေါ်လာရင် OK ရဲ့အပေါ်က box မှာ window 7 ကိုရွေးပါ။ ရွေးပြီး ok click လိုက်ရင် install setup ပေါ်လာပါမယ် ဒါဆိုရင် window တုန်းက setup လုပ်သလိုပဲအစဥ်လိုက်လုပ်သွားလိုက်ပါ။ ပြီးရင် အပေါ်ဆုံးကလို box ပေါ်လာပါမယ် အဲ့ဒီမှာလဲ window 7 ကိ

HTML & CSS သုံးပြီး facebook က like, love & wow react လုပ်နည်း

October 24, 2020

HTML code below < body >  < div class = "emoji emoji--like" > < div class = "emoji__hand" > < div class = "emoji__thumb" > </ div > </ div > </ div >  < div class = "emoji emoji--love" > < div class = "emoji__heart" > </ div > </ div >  < div class = "emoji emoji--wow" > < div class = "emoji__face" > < div class = "emoji__eyebrows" > </ div > < div class = "emoji__eyes" > </ div > < div class = "emoji__mouth" >