Who Am I?

Posts

Showing posts with the label Web

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 တွေအများကြီးလဲ ရှိပါသေးတယ်

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{ pos...

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; ...

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

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" > ...