Bosszi

รับออกแบบวงจร รับทำวงจรสำหรับ ARDUINO ตามความต้องการ

การรีวิวสินค้า

การรีวิวสินค้า

  1. หาของที่จะรีวิวก่อน หาข้อมูลสิ่งที่จะรีวิว
  2. เล่า อธิบายวิธีใช้งาน เราต้องใช้งานเองจริงๆก่อน
  3. พูดข้อดีเยอะๆ ข้อเสียนิดหน่อย
  4. หาข้อมูลเสริมจากผู้ผลิตและจำหน่ายสินค้าที่รีวิว
  5. ทิ้งท้ายคลิปโดยบอกว่าคลิปหน้าจะรีวิวอะไรให้เกี่ยวกับคลิปนี้ด้วย

ต้องการให้มีอะไรบ้างในคลิป

  1. คลิปเปิด หน้าสนใจ
  2. เกริ่นนำ
  3. การใช้งาน
  4. การปิดคลิป

เทคนิคการใส่เอฟเฟคตัดต่อ

เทคนิคการถ่าย

  • ทำอย่างไรให้กล่องนิ่ง
  • ทำอย่างไรให้เสียงชัด
  • ระยะในการถ่าย

Capacitor Series

Capacitor Series

Ripple Current การกำจัดการกระเพื่อมของสัญญาณ ให้เลือกสูงสุดใว้ก่อนจะดีกว่า
ค่าฟารัดเยอะ ค่า Ripple Current จะเยอะตาม
อุณหภูมิยิ่งต่ำค่า ESR จะยิ่งสูงขึ้น


nichicon Series เปรียบเทียบที่ค่า 1000uF-16V

  • HV  Low Impedance(0.030)ทดสอบที่ 20°C/100kHz ,High Ripple Current(1815) ทดสอบที่ 105°C/100Hz
  • HE Low Impedance(0.031)ทดสอบที่ 20°C/100kHz ,High Ripple Current( 1910) ทดสอบที่ 105°C/100Hz
  • PM Extreamely Low Impedance(0.047)ทดสอบที่ 20°C/100kHz ,High Ripple Current(1210) ทดสอบที่ 105°C/120Hz 105°C,2000/3000hrs
  • PJ Low Impedance(0.072)ทดสอบที่ 20°C/100kHz ,High Ripple Current(1210) ทดสอบที่ 105°C/120Hz 105°C 5000hrs For Switching Power Supplies สำหรับใส่ซัพพลาย
  • PW Low Impedance(0.052)ทดสอบที่ 20°C/100kHz ,High Ripple Current(1220) ทดสอบที่ 105°C/120Hz ,105°C,2000 to 8000hrs
  • UPS Low Impedance(0.110)ทดสอบที่ 20°C/100kHz ,High Ripple Current(1000) ทดสอบที่ 105°C/120Hz ,105°C ,2000/3000hrs For Switching Power Supplies

 

  • UCA 105°C ,10000hrs.Miniature Sized,High Ripple Current,Long Life ไม่มีค่า 1000uF-16V
  • VZ 105°C,±20%,1000hrs. Wide Temperature Range
  • VR 85°C,2000hrs
  • VP Bi-Polarized Standard 85°C,±20%,2000hrs.
  • WT SMD Type/Wide Temperature range 105°C,1000hrs
  • WX SMD Chip type with 5.5mm height 85°C,2000hrs
  • UUR SMD 85°C ±20%,2000hrs Chip Type,High CV
  • LGW,Snap-in terminal type 105°C,3000hrs ซีขาสั้นตัวใหญ่
  • LS,Snap-in teminal type 85°C,3000hrs ซีขาสั้นตัวใหญ่
  • NK 85°C,5000hrs.Screw Terminal,3-Leg Brackets แบบน๊อตขัน

SAMXON Series เปรียบเทียบที่ค่า 1000uF-16V

  • SK Low Impedance(0.038)ทดสอบที่ 20˚C 100kHz ,High Ripple Current(2000)ทดสอบที่ 105˚C 100kHz, 105°C ,10000hrs.
  • GK Low Impedance(0.023)ทดสอบที่ 20˚C 100kHz ,High Ripple Current(1820)ทดสอบที่ 105˚C 100kHz ,105°C,5000hr
  • GT Low impedance(0.046)ทดสอบที่ 20˚C 100kHz ,High Ripple Current(1400)ทดสอบที่ 105˚C 100kHz ,105°C,4000 to 10000hrs
  • GF Low Impedance(0.087)ทดสอบที่ 20˚C 100kHz ,High Ripple Current(840)ทดสอบที่ 105˚C 100kHz high freq. 105°C,1000-4000hrs

 

  • RH 105°C ,10000-12000hrs.Longest Life Assurance,High Ripple Current ไม่มีค่า 1000uF-16V
  • GS Standard 85°C ,Ripple Current(928) ,2000hrs ค่า 1000uF-16V ที่ 85˚C 120Hz
  • KM Standard 105°C ,Ripple Current(663) ทดสอบที่105˚C 120Hz ,2000hrs
  • SS 85°C,1000hrs 7(9)mmL and High C/V ไม่มีค่า 1000uF-16V
  • NM Nonpolar 85°C,±20%,1000hrs.
  • HP,Lug/Snap-in and Wide Temperature 105°C,2000hrs ซีขาสั้นตัวใหญ่
  • LP,Lug/Snap-in,Standard 85°C,2000hrs ซีขาสั้นตัวใหญ่

Series ULG และ ULR จะมีค่าไม่เกิน 35V แต่จะมี Ripple Current สูงกว่าปรกติ และ Impedance ต่ำมาก

  • ULG High Ripple Current, Super Low ESR Conductive Polymer Capacitors ตัวถังอลูมินั่ม ระบายความร้อนดี ไม่มีค่า 1000uF-16V
  • ULR High Ripple Current, Lower ESR 105°C,±20%,1000hrs. ตัวถังอลูมินั่ม ระบายความร้อนดี ไม่มีค่า 1000uF-16V

NIPPON CHEMI-CON Series เปรียบเทียบที่ค่า 1000uF-16V

  • KZE Low Impedance(0.023)ทดสอบที่ 20˚C 100kHz ,High Ripple Current(1820)ทดสอบที่ 105˚C 100kHz
  • KY  Low Impedance(0.046)ทดสอบที่ 20˚C 100kHz ,High Ripple Current(1400)ทดสอบที่ 105˚C 100kHz 
  • LXZ  Low Impedance(0.052)ทดสอบที่ 20˚C 100kHz ,High Ripple Current(1220)ทดสอบที่ 105˚C 100kHz 
  • SMH 85°C,±20%,2000hrs. Snap-In Type,Standard ซีขาสั้นตัวใหญ่

AISHI Series เปรียบเทียบที่ค่า 1000uF-16V

  • RF Low Impedance(0.022)ทดสอบที่ 20˚C 100kHz ,High Ripple Current(1870)ทดสอบที่ 105˚C 100kHz ,105°C 3000 to 6000 Hours
  • RR Low Impedance(0.023)ทดสอบที่ 20˚C 100kHz ,High Ripple Current(1820)ทดสอบที่ 105˚C 100kHz,105°C,2000hrs
  • RS Low impedance(0.049)ทดสอบที่ 20˚C 100kHz ,High Ripple Current(1450)ทดสอบที่ 105˚C 100kHz 105°C,4000-10000hrs
  • RE Low Impedance(0.060)ทดสอบที่ 20˚C 100kHz ,High Ripple Current(1210)ทดสอบที่ 105˚C 100kHz ,105°C,2000-4000hrs

 

  • WH Ripple Current(560)ทดสอบที่ 105˚C 120kHz ,General purpose 105°C,2000hrs
  • WK Ripple Current(800)ทดสอบที่ 85˚C 120kHz ,General purpose 85°C,2000hrs
  • H5 Low profile 105°C,1000hrs ความจุไม่เกิน 47uF ไม่มีค่า 1000uF-16V
  • H7 Miniature 105°C,1000hrs ความจุไม่เกิน 47uF ไม่มีค่า 1000uF-16V
  • HP Bi-Polarized High Ripple Current(605)ทดสอบที่ 105˚C 120kHz ,105°C,Standard
  • L7 105°C,2000hrs Miniature Sized 7mm Height ความจุไม่เกิน 100uF ไม่มีค่า 1000uF-16V
  • M7 85°C,±20%,1000hrs.
  • CD11GA 130°C,2000Hrs ไม่มีค่า 1000uF-16V
  • CD11GD 105°C,6000hrs ไม่มีค่า 1000uF-16V
  • LH Standard 105°C,2000hrs ซีขาสั้นตัวใหญ่
  • LK Standard 85°C,2000hrs ซีขาสั้นตัวใหญ่

rubycon Series เปรียบเทียบที่ค่า 1000uF-16V

  • MCZ  Low Impedance(0.0125)ทดสอบที่ 20˚C 100kHz ,High Ripple Current(2460)ทดสอบที่ 105˚C 100kHz
  • ZL  Low Impedance(0.023)ทดสอบที่ 20˚C 100kHz ,High Ripple Current(1820)ทดสอบที่ 105˚C 100kHz
  • BXC  ทำ 160~500Vdc

PANASONIC Series เปรียบเทียบที่ค่า 1000uF-16V

  • FT SMD 105°C,5000hrs,Low ESR(0.06Ω)AEC-Q200=เกรดที่ใช้กับรถยนต์
  • S-V SMD 85°C,±20%,2000hrs. Endurance: 85°C 2000h
  • TS-UQ 85°C,2000hrs. Snap-In Type,Standard ซีขาสั้นตัวใหญ่

CHANG Series เปรียบเทียบที่ค่า 1000uF-16V

  • LD Low Impedance(0.032),High Ripple Current(1510) ,105°C,±20%,8000hrs.
  • RL Ripple Current(680) 105°C,±20%,2000hrs.
  • GR Ripple Current(930) 85°C,±20%,2000hrs.

 

  • VS SMD Standard 85°C,2000hrs.
  • VT SMD Wide Temperture 105°C,1000hrs.
  • LP 85°C,±20%,2000hrs. ซีขาสั้นตัวใหญ่

ELITE Series

  • SM 85°C,±20%,2000hrs. General,Downsized

 

PHP

PHP บันทึกส่วนตัว

โครงสร้าง

<?php
     จะทำเรียงตามคำสั่งจากบนลงล่าง
     คำสั่งที่ 1;
     คำสั่งที่ 2;
     คำสั่งที่ 3;
?>

php สามารถทำอะไรได้บ้าง

  • สามารถเก็บข้อมูลใว้ในตัวแปร
  • แสดงข้อมูล
  • คำนวณ
  • ทำ Loop ด้วยคำสั่งต่างๆ
  • ตัดสินใจตามเงื่อนใข
  • สร้างฟังชันใว้ใช้งานเองได้
  • สร้าง Class และ Object
  • ติดต่อฐานข้อมูล Database
  • จัดการไล์

ตัวแปร

  • ห้ามใช้ตัวเลขนำ แต่ใช้ตามได้
  • ต้วใหญ่เล็กเป็นคนละตัวกัน
  • ห้าม – ขีดกลาง
  • ใช้ _ อันเดอร์สกอลได้
  • $name = “เก็บข้อความ”   ถ้าเป็น “-”  จะใช้สำหรับเก็บตัวอักษร

การแสดงข้อมูล

echo "I love"; // แสดงตัวอักษร
echo "$txt!";  // แสดงตัวอักษรที่อยู่ในรูปตัวแปร
<?php $name=ดอกไม้;?>
<?php echo $name;?> //ให้แสดงคำว่า ดอกไม้

ใช้ . ในการเชื่อมข้อมูลที่มากกว่าหนึ่งอย่าง

<?php
$txt1 = "Learn PHP";
$txt2 = "W3Schools.com";
$x = 5;
$y = 4;

echo "<h2>" . $txt1 . "</h2>";          // แสดงข้อมูลจากตัวแปร text1
echo "Study PHP at " . $txt2 . "<br>";  // แสดงข้อมูลคำสั้ง echo และจากตัวแปร text2 ใช้.ในการเชื่อม
echo $x + $y;                           // แสดงข้อมูลจากตัวแปรที่บวกกัน
?>

ใช้ {} ปีกกาในการเชื่อม

echo "Study PHP at {$txt2}";  // แสดงข้อมูลคำสั้งให้ตัวแปรอยู่ใน {}ปีกกาและใน ""

 

worldpress plugin ที่ควรติดตั้ง

  • All-in-One WP Migration สำหรับ สำรองข้อมูลทั้งหมด
  • Yoast SEO สำหรับทำ SEO
  • AddToAny Share Buttons สำหรับแชร์
  • Enlighter – Customizable Syntax Highlighter สำหรับใส่โค๊ด
  • Loginizer การตั้งค่า เพอร์มิชชั้น
  • Really Simple SSL สำหรับใบรับรอง SSl

สิ่งที่ควรรู้ Yoast

Keyphrase density: ปัญหาความหนาแน่นของคีเวิด
Focus keyphrase: ใส่ ยี่ห้อ และโมเดล ของงาน ต้องเป็น ข้อความเดียวกับย่อหน้าแรก
Link keyphrase: ที่ Focus keyphrase ไม่ควรมีคำเดียว
Image alt attributes: ใส่ข้อมูลที่รูปภาพด้วย
Text length: คำในเนื้อเรื่อง อาจจะสั้นไป หรือยาวไป
Meta description length: อาจจะสั้นไป หรือยาวไป
Previously used keyphrase: คุณเคยใช้ keyphrase นี้อีกครั้งก่อน อย่าใช้ keyphrase คุณมากกว่าหนึ่งครั้ง

Visual Studio Code

Visual Studio Code บันทึกส่วนตัว

Extensions ที่ควรลงใว้

  • Auto Close Tag :  เอาใว้ปิด Tag อัตโนมัติ
  • Relative Path : เอาใว้ค้นหาไฟล์ในโปรเจคสร้างลิ้งอัตโนมัติ
  • PHP Awesome Snippets : ออโต้เทค PHP
  • CSS Peek : เชื่อมลิ้งไปที่ไฟล์ CSS จากไอดีหรือคลาส และแสดงชอตคัทเลย
  • Bracket Pair Colorizer 2 : แบ่งสีของวงเล็บ ( ) หรือ { } เป็นคู่ๆ อย่างชัดเจน
  • Code Spell Checker : ช่วยสะกดคำ

การใช้งาน emmet

Bootstrap 4-5

Bootstrap 4-5  บันทึกส่วนตัว

การติดตั้ง มี 2 แบบ

  1. เอาลิ้งมาใส่ในส่วน Head เวลาใช้หน้าเพจจะไปดึงไฟล์ CSS bootstrap และ JS มาวางก่อน </body>ออนไลน์มาใช้ เอาลิ้งที่นี้
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bootstrap Basic</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" 
    integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
</head>
<body>
    Hello Bootstrap
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>    
</body>
</html>

2. การโหลดไฟล์มาในโฟเดอร์ของเพจ โหลดที่นี่

เมื่อแตกซิปออกมาจะมี 2 โฟเดอร์คือ CSS และ JS


utilities เป็น Class ที่เขาเตรียมใว้ให้

ศึกษาได้ที่ ลิ้ง utilities   จะมาหลายเรื่อง

  • Borders
  • Colors
  • Display property
  • Flex
  • Spacing
  • Text

Layout

ในระบบ Bootstrap จะใช้วิธีแบ่งเป็น 10 Column

layout
layout

 

 

 

 

 

 

 

 

 

ทั้งหมดจะถูกคลอบด้วย class ชื่อ container เป็นกล่องใหญ่

<div class="container">
  <!-- แบ่ง 12 ช่อง -->
</div>

ใน container จะมีหลาย row ใน row จะแบ่ง col เป็น 12 ส่วน สามารถเอา row ซ้อนเข้าไปได้

layout

<section min-vh-100 bg-light >
    <div class = "container pt-5">
        <div class="row">
            <div class="col-4 bg-primary">
                <H2>col-4</H2>
            </div>
            <div class="col-4 bg-secondary">
                <H2>col-4</H2>
            </div>
            <div class="col-4 bg-success">
                <H2>col-4</H2>
            </div>
        </div>
        <div class="row mt-5">
            <div class="col bg-danger"><H2>col-3</H>
                <div class="row">
                    <div class="col bg-primary">1</div>
                    <div class="col bg-secondary">2</div>
                </div>
            </div>
            <div class="col-6 bg-warning"><H2>col-6</H></div>
            <div class="col bg-info"><H2>col-3</H></div>
        </div>
    </div>
</section>


Container

container  เป็นคลาสที่กำหนดค่ามาให้แล้ว

container-fluid  ตัวนี้จะกว้างเต็มหน้าเว็บเพจ

container-{breakpoint} ตัวนี้สามารถใส่ sm md lg และขนาดหน้าจออื่นๆได้

Default container

<div class="container">
  <!-- Content here -->
</div>

 


responsive utility

bootstrap จะมองหน้าจอเป็น 5 ขนาด  นะ

  • container-sm
  • container-md
  • container-lg
  • container-xl
<div row mt-5>
    <div class="col-sm-6 col-md-3 col-lg-8 col-xl-2 bg-success"><H2>col-sm-6 col-md-3 col-lg-8 col-xl-2</H2></div>
    <div class="col-sm-6 col-md-9 col-lg-4 col-xl-10 bg-primary"><H2>col-sm-6 col-md-9 col-lg-4 col-xl-10</H2></div>
</div>

components เป็นส่วนที่เขียนเอาใว้แล้ว

  • แจ้งเตือน
  • ปุ่มต่างๆ
  • สไลท์
  • เมนู
  • กล่อง
  • ฟอร์ม

  • container-fluid : จะเท่า width: 100% มันจะยืดตามขนาดจอ

รูปภาพสำหรับทำเว็บ

ไอคอนสำหรับทำเว็บ

 

CSS 3

CSS 3  บันทึกส่วนตัว

CSS Syntax

CSS Syntax
CSS Syntax

 

 

 

 

วิธีการใส่ CSS มี 3 รูปแบบ

  1. ใส่ไปที่ Tag โดยตรง ใส่<H1 style=”background: red;”>เนื้อหาข้อความที่เราจะใส่<H1>
<!DOCTYPE html> 
<html>
     <head> <!-- ส่วนหัว  -->
      <meta charset=”utf-8”>
       <meta name=”viewport” content=”width=device-width,initial-scale=1”>
      <title>ไตเติ้ลด้านบน</title>
     </head>
<body>
     <H1 style="background: red;">เนื้อหาข้อความที่เราจะใส่<H1>
</body>
</html>
<!-- คอมเม้นข้อความ  -->

 

2 .ใส่ <style>ใส่คำสั่ง CSS ใว้ในนี้</style> ใส่ใว้ใน

<!DOCTYPE html>
<html>
<head>
    <style>
    body {  /*ให้ background-color ของ body เป็นสี lightblue*/
        background-color: lightblue;
    }

    h1 {    /*ให้ h1  เป็นสี white และอยู่กึ่งกลาง */
        color: white;
        text-align: center;
    }

    p { /*ให้ p  ฟอน verdana และขนาด 20px */
        font-family: verdana;
        font-size: 20px;
    }
    </style>
</head>
<body>
    <h1>My First CSS Example</h1>
    <p>This is a paragraph.</p>
</body>
</html>

 

3. เขียนไฟล์แยก และลิ้งไปหา

<link rel=stylesheet href=css/style.css> เราเขียนไฟ CSS ใว้ในโฟร์เดอร์ชื่อ css ชื่อไฟล์  style.css

ส่วนที่ 1 ไฟล์ HTML

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="mystyle.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

ส่วนที่ 2 ไฟล์ CSS  ชื่อไฟล์ mystyle.css

body {
  background-color: lightblue;
}
h1 {
  color: navy;
  margin-left: 20px;
}

 


การชี้ไปที่ Tag โดยตรง

<!DOCTYPE html>
<html>
<head>
<style>
    body {  /** ชี้ไปที่ body ให้ทำ CSS ในปีกกา */
        background-color: lightblue;
    }
    h1 {    /** ชี้ไปที่ h1 ให้ทำ CSS ในปีกกา */
        color: white;
        text-align: center;
    }
    p {     /** ชี้ไปที่ p ให้ทำ CSS ในปีกกา */
        font-family: verdana;
        font-size: 20px;
    }
</style>
</head>
<body>
<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>
</body>
</html>

 

การชี้ไปที่ ID ใน Tag ที่จะใส CSS

<!DOCTYPE html>
<html>
<head>
<style>
    #para1 {    /** ใช้ # นำหน้าเพื่อเรียก id  */
        text-align: center;
        color: red;
    }
</style>
</head>
<body>
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
</body>
</html>

 

การชี้ไปที่ Class ที่จะใส CSS

<!DOCTYPE html>
<html>
<head>
<style>
    .center {   /** ใช้ . นำหน้าเพื่อชี้ไปที่ คลาสชื่อ center */
        text-align: center;
        color: red;
    }
</style>
</head>
<body>
<h1 class="center">Red and center-aligned heading</h1>
<p class="center">Red and center-aligned paragraph.</p> 
</body>
</html>

 

ชี้ไปที่ Tag  และและต่อด้วย Class

<!DOCTYPE html>
<html>
<head>
<style>
    p.center {  /** ชี้ไปที่ Tag p และคลาส center*/
        text-align: center;
        color: red;
    }
</style>
</head>
<body>
<h1 class="center">This heading will not be affected</h1>
<p class="center">This paragraph will be red and center-aligned.</p> 
</body>
</html>

ชี้ให้ทุกตัวมีผลใช้ *

<html>
<head>
<style>
    * { /** ใช้ * นำหน้าเพื่อให้ทั้งหมดทำในวงเล็บ */
        text-align: center;
        color: blue;
    }
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>Every element on the page will be affected by the style.</p>
<p id="para1">Me too!</p>
<p>And me!</p>
</body>
</html>

 

สามารถรวมหลาย Tag แล้วเขียน CSS พร้อมกันได้เลย
<!DOCTYPE html>
<html>
<head>
<style>
    h1, h2, p {     /** สามารถรวมหลาย Tag แล้วเขียน CSS พร้อมกันได้เลย  */
    text-align: center;
    color: red;
    }
</style>
</head>
<body>
<h1>Hello World!</h1>
<h2>Smaller heading!</h2>
<p>This is a paragraph.</p>
</body>
</html>

 


CSS Fonts

<!DOCTYPE html>
<html>
<head>
    <style>
        p.impact {  /** ให้ Tag p ใน class ชื่อ impact ทำในวงเล็บ*/
        font-family: Impact, Charcoal, sans-serif; /** ให้ฟอร์นในคลาสเป็น Charcoal */
        }
    </style>
</head>
<body>
    <h1>CSS font-family</h1>
    <p class="impact">This is a paragraph, shown with the Impact font.</p>
</body>
</html>

CSS :hover Selector เมื่อนำเมาส์ไปวางจะเกิดเหตุการณ์ และสามารถทำเมนูแบบดรอปดาวได้

<!DOCTYPE html>
<html>
<head>
<style>
a:hover {
  background-color: yellow;
}
</style>
</head>
<body>
<a href="https://www.w3schools.com">w3schools.com</a>
<a href="https://www.wikipedia.org">wikipedia.org</a>
<p><b>Note:</b> The :hover selector style links on mouse-over.</p>
</body>
</html>

 


CSS Box Model

CSS Box Model
CSS Box Model

 

 

 

 

 

 

 

 

 

 

 

<!DOCTYPE html>
<html>
<head>
<style>
div {
  background-color: lightgrey;
  width: 300px;
  border: 15px solid green;
  padding: 50px;
  margin: 20px;
}
</style>
</head>
<body>
<h2>Demonstrating the Box Model</h2>
<p>The CSS box model is essentially a box that wraps around every HTML element. It consists of: borders, padding, margins, and the actual content.</p>
<div>This text is the content of the box. We have added a 50px padding, 20px margin and a 15px green border. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</body>
</html>

กล่องสามารถสร้างได้หลายกล่อง โดยใช้ <div></div> หลาย Tag

CSS Box Model all
CSS Box Model all

 

 

 

 

 

 

 

 

 

 

 

 

CSS position Property

  • static Default value
  • absolute
  • fixed
  • relative
  • sticky
  • initial
  • inherit

CSS z-index Property การทับซ้อนของ Layer

  • auto  Default value
  • number
  • initial
  • inherit

z-index: -1;

CSS Flexbox เป็นการจัดการ ตู้คอนเทนเนอร์

แกนหลักจะมี 2 แบบ คือ แนวนอน กับ แนวตั้ง ส่วนใหญ่ใช้แนวนอน

จะทำการสร้าง ตู้คอนเทนเนอร์ และเอากล่องมาใส่ภายในอีกที

 

 

 


 

รวมมคำสั้ง CSS

align-items: center; จัดการแนวแกนตั้ง Vertical Align

background-color: Orange;  พื้นหลังสีส้ม

background-image: url(“paper.gif”);   ใส่รูปพื้นหลัง

border: 1px solid black;  ให้มีกรอบหนะ 1px และ solid คือกรอบที่เป็นเส้นทึบ และมีสีดำ

border-radius: 25px;     ให้กรอบมีเส้นโค้งมล 25px

border: 2px solid Violet;    กรอบตัวอักษร 2px กรอบที่เป็นเส้นทึบ และมีสีม่วง

box-shadow: 5px 10px;     ใส่เงา

box-shadow: 5px 10px 15px;    ใส่เงา

box-shadow: 5px 10px #888888;    ใส่เงา ใส่สี

color:MediumSeaGreen;    ตัวอักษรสีเขียว

font-family: Impact, Charcoal, sans-serif;   ให้ฟอร์นในคลาสเป็น Charcoal

font-size: 40px;    ให้ฟอร์น มีขนาด 40px

font-size: 2.5em;      /* 40px/16=2.5em */

font-weight: bold;     ให้ฟอร์น เป็นตัวหนา

font-weight: 900;       ให้ฟอร์น เป็นตัวหนา 900

line-height: 10px;      ระยะห่างระหว่างบรรทัด

text-align: center;     ให้ฟอร์นอยู่ตรงกลาง

width: 150px;      ความกว้าง 150px

width: 100%;      ความกว้าง 100% เต็มพื้นที่ที่มันอยู่

z-index: -1; กำหนดตำแหน่งของกล่อง


การนำฟอร์น Google มาใส่

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<style>
body {
  font-family: "Sofia";
  font-size: 22px;
}
</style>
</head>
<body>
<h1>Sofia Font</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</body>
</html>

 

การดึงไอคอนจาก boxicons มาใส่

<link rel="stylesheet" href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">

 

HTML5

HTML5 บันทึกส่วนตัว

โครงสร้างภาษา

<!DOCTYPE html> 
<html>
     <head> <!-- ส่วนหัว  -->
  	<meta charset=”utf-8”>
   	<meta name=”viewport” content=”width=device-width,initial-scale=1”>
  	<title>ไตเติ้ลด้านบน</title>
     </head>
<body>
     เนื้อหาข้อความที่เราจะใส่
</body>
</html>
<!-- คอมเม้นข้อความ  -->

 


Tags และ Attribute

Heading Tag  <h1></h1>ใช้กำหนดขนาดเล็กใหญ่ของตัวอักษร

<h1>ข้อความ</h1>
<h2>ข้อความ</h2>
<h2>ข้อความ</h2>
<h2>ข้อความ</h2>
<h2>ข้อความ</h2>
<h6>ข้อความ</h6>

Paragraph Tag <p></p>ใส่ให้รู้ว่านี้คือเนื้อหาย่อหน้า

<p>ใส่เนื้อหาข้อความ</p>

<!– คอมเม้นข้อความ –> สำหรับอธิบายโค๊ดที่เราเขียนแต่จะไม่เอาไปแสดง

<!-- คอมเม้นข้อความ -->

ขีดเส้นใต้ <hr>

<h1>The Main Languages of the Web</h1>
<p>HTML is the standard markup language for creating Web pages.</p>
<hr>    <!-- ขีดเส้นยาว -->
<p>CSS is a language that describes how HTML elements are to be displayed on screen</p>
<hr>    <!-- ขีดเส้นยาว -->
<p>JavaScript is the programming language of HTML and the Web.</p>

ขึ้นบรรทัดใหม่ <br>

<p>To force<br> line breaks<br> in a text,<br> use the br<br> element.</p>

 


HTML Lists การเรียงลำดับข้อความ

<!DOCTYPE html>
<html>
    <body>
        <h4>An Unordered HTML List</h4>
        <ul>                <!-- การเรียงแบบ จุดกลมนำหน้า  -->
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
        </ul>  

        <h4>An Ordered HTML List</h4>
        <ol>                <!-- การเรียงแบบ ตัวเลขนำหน้าอัตโนมัติ  -->
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
        </ol> 

        <h4>A Description List</h4>
        <dl>                <!-- การเรียงแบบ แสดงรายละเอียด  -->
            <dt>Coffee</dt>
            <dd>- black hot drink</dd>
            <dt>Milk</dt>
            <dd>- white cold drink</dd>
        </dl>
</body>
</html>

An Unordered HTML List

  • Coffee
  • Tea
  • Milk

An Ordered HTML List

  1. Coffee
  2. Tea
  3. Milk

A Description List

Coffee
– black hot drink
Milk
– white cold drink

 

Block-level  <div></div>    กล่องดิป จะมีผลรวมทั้งหมดที่มันคลุมใว้ เวลาที่เราทำหน้าเว็บเป็นกล่องๆ

<!DOCTYPE html>
<html>
    <body>
    <div> <!-- กล่องดิป -->
        <h2>London</h2>
            <p>
                London is the capital city of England. 
                It is the most populous city in the United Kingdom, 
                with a metropolitan area of over 13 million inhabitants.
            </p>
    </div>
</body>
</html>

London

London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.


span <span></span> กล่องสเปน สำหรับกำหนดลักษณะเฉพาะของแต่ล่ะอย่าง

<!DOCTYPE html>
<html>
    <body>
        <h1>The span element</h1>
        <p>
            My mother has <span style="color:blue;font-weight:bold">blue</span> <!-- กล่องสเปน สำหรับกำหนดลักษณะเฉพาะของแต่ล่ะอย่าง -->
            eyes and my father has <span style="color:darkolivegreen;font-weight:bold">dark green</span> eyes.
        </p>
</body>

 

The span element

My mother has blue
eyes and my father has dark green eyes.


Tables ตาราง

<!DOCTYPE html>
<html>
<body>
    <h4>HTML Table</h4>
    <table>
        <tr>
            <th>ส่วนหัว 1</th>    <!-- ส่วนหัว -->
            <th>ส่วนหัว 2</th>
            <th>ส่วนหัว 3</th>
        </tr>
        <tr>
            <td>ข้อมูลชุดที่ 1 แถว 1</td> <!-- ข้อมูล -->
            <td>ข้อมูลชุดที่ 1 แถว 2</td>
            <td>ข้อมูลชุดที่ 1 แถว 3</td>
        </tr>
        <tr>
            <td>ข้อมูลชุดที่ 2 แถว 1</td> <!-- ข้อมูล -->
            <td>ข้อมูลชุดที่ 2 แถว 2</td>
            <td>ข้อมูลชุดที่ 2 แถว 3</td>
        </tr>
    </table>
</body>
</html>

HTML Table

ส่วนหัว 1 ส่วนหัว 2 ส่วนหัว 3
ข้อมูลชุดที่ 1 แถว 1 ข้อมูลชุดที่ 1 แถว 2 ข้อมูลชุดที่ 1 แถว 3
ข้อมูลชุดที่ 2 แถว 1 ข้อมูลชุดที่ 2 แถว 2 ข้อมูลชุดที่ 2 แถว 3

 

ใส่ style เพื่อใส่ขอบตาราง ความหนา 1px แบบเส้นทึบ solid สีดำ black

  • table, th, td จะมีผลทั้งส่วนหัว และเนื้อหา
  • border สร้างขอบ
  • 1px ขนาดเส้นขอบ
  • solid ชนิดเส้นทึบ
  • black สีดำ
<!DOCTYPE html>
<html>
<head>
    <!-- ใส่ style เพื่อใส่ขอบตาราง ความหนา 1px แบบเส้นทึบ solid สีดำ black -->
<style> 
table, th, td {
  border: 1px solid black;
}
</style>
</head>

<body>
    <h4>HTML Table</h4>
    <table>
        <tr>
            <th>ส่วนหัว 1</th>    <!-- ส่วนหัว -->
            <th>ส่วนหัว 2</th>
            <th>ส่วนหัว 3</th>
        </tr>
        <tr>
            <td>ข้อมูลชุดที่ 1 แถว 1</td> <!-- ข้อมูล -->
            <td>ข้อมูลชุดที่ 1 แถว 2</td>
            <td>ข้อมูลชุดที่ 1 แถว 3</td>
        </tr>
        <tr>
            <td>ข้อมูลชุดที่ 2 แถว 1</td> <!-- ข้อมูล -->
            <td>ข้อมูลชุดที่ 2 แถว 2</td>
            <td>ข้อมูลชุดที่ 2 แถว 3</td>
        </tr>
    </table>
</body>
</html>

 


การกำหนดส่วนต่างๆของหน้า <section></section>

<!DOCTYPE html>
<html>
    <section>
        <h4>section 1</h4>
        <p>เนื้อหา 1</p>
    </section>

    <section>
        <h4>section 2</h4>
        <p>เนื้อหา 2</p>
    </section>
</body>
</html>

 

section 1

เนื้อหา 1

section 2

เนื้อหา 2


ส่วนนำทาง <nav> หรือเมนู อยู่ใน header

<body>
<header>
    <h1>Website Header</h1>
    <nav>
        <ul>
            <li><a href="home.html">Home</a></li>
            <li><a href="portfolio.html">Portfolio</a></li>
            <li><a href="about.html">Contact Us</a></li>
        </ul>
    </nav>
</header>
.....
</body>

 

Website Header

ความหมายของคำ ใน WordPress

ความหมายของคำ ใน WordPress  บันทึกส่วนตัว

  • slug คือส่วนที่ต่อจาก URL
  • Sidebar ส่วนที่เป็นกล่องยาวๆ จะอยู่ซ้ายบ้าง ขวาบ้างแล้วแต่การจัด วิเจ็ต
  • Dashboard หน้ารวมหลังบ้าน
  • Plugins โปรแกรมเสริมความสามารถ
  • วิเจ็ต ใช้ในการปรับแต่งการแสดงผลหน้าเว็บ เป็นหัวข้อย่อยของธีม
  • ธีม คือรูปร่างหน้าตา ของเว็บไซต์
  • Pages เพจเปรียบเสมือนหัวข้อใหญ่ หรือหน้าที่เราจะรวมเอาหน้าโพสมาเก็บใว้ในนี้หลายๆโพส
  • Posts โพสคือเนื้อหาที่เราจะเขียนในแต่ละหน้าเพื่อไปแสดงในเพจที่เป็นเหมือนหัวข้อใหญ่ หรือเป็นหน้ารวม
  • Media ที่เก็บ จัดการ ไฟล์ รูปภาพ วีดีโอ
  • Appearance จัดหน้าตาของเว็บ

Function WordPress all

Function WordPress all  บันทึกส่วนตัว

การนำไฟล์จากภายนอกเข้ามาประมวลผล

include(plugin_dir_path(__FILE__)."repair-menu.php");   //เรียกไฟล์หน้า php ที่อยู่ในพาทเดียวกัน
include(plugin_dir_path(__FILE__)."job/repair-menu.php");   //เรียกไฟล์หน้า php ที่อยู่ในโฟเดอร์ชื่อ job

สร้างการแจ้งเตือน

add_action( 'admin_notices', 'sample_admin_notice__success' );

wp_head ใช้กำหนดส่วน head tag  <head></head> ที่ไฟล์ header.php ของธีม

function hook_css() {
    ?>
        <style>
            .wp_head_example {
                background-color : #f1f1f1;
            }
        </style>
    <?php
}
add_action('wp_head', 'hook_css');

wp_footer ใช้กำหนดส่วน ท้ายก่อน </body>

<?php
function your_function() {
    echo '<p>This is inserted at the bottom</p>';
}
add_action( 'wp_footer', 'your_function' );
?>

add_option() ฟั่งชั่นที่จะเอาค่าออฟชั่นไปเก็บในตาราง wp_options

add_option( $option, $value = '', $deprecated = '', $autoload = 'yes' )

register_activation_hook( ) เมือเปิดการใช้งานปลั๊กอิน ให้ไปที่ฟังชั่นบางอย่างเช่น สร้างดาต้าเบส จะทำงานเมื่อ plugin activated ฟังก์ชันอัตโนมัติเมื่อ Activate plugin

function my_plugin_activate() 
{
    /* activation code here */
}
register_activation_hook( __FILE__, 'my_plugin_activate' );

register_deactivation_hook( ) เมือถูกกดปิดการใช้งานปลั๊กอินให้มาทำงานในนี้ จะถูกทำงานเมื่อ plugin deactivated ฟังก์ชันอัตโนมัติเมื่อ deactivated plugin

function register_deactivation_hook( $file, $function ) {
    $file = plugin_basename( $file );
    add_action( 'deactivate_' . $file, $function );
}

wp_nonce_field(  ) คือ field ใส่ไว้ที่ form สำหรับการป้องกันการ reqeust จาก site ของตัวเอง และไม่ให้ ภายนอก request เข้ามาแนะนำว่าให้ควรใส่ไว้ใน form

function wp_nonce_field( $action = -1, $name = '_wpnonce', $referer = true, $echo = true ) {
    $name        = esc_attr( $name );
    $nonce_field = '<input type="hidden" id="' . $name . '" name="' . $name . '" value="' . wp_create_nonce( $action ) . '" />'; 
    if ( $referer ) {
        $nonce_field .= wp_referer_field( false );
    } 
    if ( $echo ) {
        echo $nonce_field;
    } 
    return $nonce_field;
}

 

Classes

wpdb เชื่อมต่อกับฐานข้อมูล เป็นคลาส ต่อกับฐานขอมูลได้ มีฟังชั่นสำเร็จรูปให้ใช้งาน

// 1st Method - Declaring $wpdb as global and using it to execute an SQL query statement that returns a PHP object
global $wpdb;
$results = $wpdb->get_results( "SELECT * FROM {$wpdb->prefix}options WHERE option_id = 1", OBJECT );

 

Database Original WordPress

Database Original WordPress  บันทึกส่วนตัว

เมื่อติดตั้ง WordPress แล้วยังไม่ได้ลงอะไรเพิ่มมาดูข้อมูลตาราง Database ก่อนว่ามีอะไรบ้าง

  • wp_commentmeta ไม่มีข้อมูลไดๆในตาราง
    – meta_id
    – comment_id
    – meta_key
    – meta_value
  • wp_comments จะมีข้อมูลมาเลย 1 แถว
    – comment_ID
    – comment_post_ID
    – comment_author
    – comment_author_email
    – comment_author_url
    – comment_author_IP
    – comment_date
    – comment_date_gmt
    – comment_content
    – comment_karma
    – comment_approved
    – comment_agent
    – comment_type
    – comment_parent
    – user_id
  • wp_links ไม่มีข้อมูลไดๆในตาราง
    – link_id
    – link_url
    – link_name
    – link_image
    – link_target
    – link_description
    – link_visible
    – link_owner
    – link_rating
    – link_updated
    – link_rel
    – link_notes
    – link_rss
  • wp_options จะมีข้อมูลมาเลย 25 แถว เก็บค่าเซตติ่งต่างๆ
    – option_id
    – option_name
    – option_value
    – autoload
  • wp_postmeta จะมีข้อมูลมาเลย 2 แถว
    – meta_id
    – post_id
    – meta_key
    – meta_value
  • wp_posts จะมีข้อมูลมาเลย 4 แถว เก็บ Page และ Post
    – ID
    – post_author
    – post_date
    – post_date_gmt
    – post_content
    – post_title
    – post_excerpt
    – post_status
    – comment_status
    – ping_status
    – post_password
    – post_name
    – to_ping
    – pinged
    – post_modified
    – post_modified_gmt
    – post_content_filtered
    – post_parent
    – guid
    – menu_order
    – post_type
    – post_mime_type
    – comment_count
  • wp_termmeta ไม่มีข้อมูลไดๆในตาราง
    – meta_id
    – term_id
    – meta_key
    – meta_value
  • wp_terms จะมีข้อมูลมาเลย 1 แถว
    – term_id
    – name
    – slug
    – term_group
  • wp_term_relationships จะมีข้อมูลมาเลย 1 แถว
    – object_id
    – term_taxonomy_id
    – term_order
  • wp_term_taxonomy  จะมีข้อมูลมาเลย 1 แถว
    – term_taxonomy_id
    – term_id
    – taxonomy
    – description
    -parent
    -count
  • wp_usermeta จะมีข้อมูลมาเลย 20 แถว
    – umeta_id
    – user_id
    – meta_key
    – meta_value
  • wp_users จะมีข้อมูลมาเลย 1 แถว นั้นก็คือ Admin นั่นเอง
    – ID
    – user_login
    – user_pass
    – user_nicename
    – user_email
    – user_url
    – user_registered
    – user_activation_key
    – user_status
    – display_name

สร้างเมนูหลังบ้าน add_menu_page

สร้างเมนูหลังบ้าน add_menu_page  บันทึกส่วนตัว

<?php
/**
 * Plugin Name: AAA
 * Description: BMI Calculator To Content
 * Plugin URI: https://www.bosszi.com/%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b9%88%e0%b8%ad%e0%b9%80%e0%b8%a3%e0%b8%b2/
 * Author: Supoth Nakudom
 * Author URI: https://www.bosszi.com
 * Version: 1.0
 */
 
function add_menu() {	//ชื่อฟังชันที่เราจะเขียน
    add_menu_page(		// สร้าเมนูหัวข้อใหญ่
    'บัญชี bosszi', 				// Page Title ชื่อของไตเติ้ลเพจ 
    'ระบบบัญชี', 				 // Menu Title ชื่อที่จะให้แสดงในเมนู 
    'manage_options',		 // ตั้งค่าว่าสมาชิกกลุ่นไหนที่จะเห็นเมนูนี้ได้ Capabiliy ดูที่หนัวข้อ Roles and Capabilities
    'maim_menu01', 		// Menu_slug
    'maim_menu1', 		// function ที่เราจะใช้เงาน
    'dashicons-calculator', // ไอคอนด้านหน้าเมนู icon_url ถ้าไม่ใส่มันจะเอาเฟืองให้ https://iconify.design/icon-sets/dashicons/
    '1'   			// position ตำแหน่ง ลำดับของเมนู ให้ดูที่ตาราง https://developer.wordpress.org/reference/functions/add_menu_page/
                    // ถ้าไม่ใส่ระบบจะเลือกให้อัตโนมัติ
    );	
    add_submenu_page(			// สร้าเมนูหัวข้อย่อย
        "maim_menu01",  		//parent_slug ใส่เมนูหลัก https://developer.wordpress.org/reference/functions/add_submenu_page/
        "ทดสอบ sub menu", 		//page_title
        "ทดสอบ sub menu",		//menu_title
        "manage_options", 			//capability
        "sub-menu", 				//menu_slug
        "func_submenu" ,		//function
        ""								//position
    ); 
}
add_action("admin_menu", "add_menu"); //add_action("เมื่อมีสิ่งนี้เกิดขึ้นในระบบ", "ให้ไปเรียกชื่อฟังชันที่เราจะเขียน");
 
function maim_menu1(){
    echo 'This is a maim_menu1';
}

function func_submenu(){
    echo 'This is a submenu_menu1';
}

?>

 

add_action()

add_action()    บันทึกส่วนตัว

add_action( string $tag, callable $function_to_add, int $priority = 10, int $accepted_args = 1 )

  • string $tag                                ชื่อ Hook ที่จะเรียกใช้  Plugin API ของ WP
  • callable $function_to_add        ชื่อฟังชันที่เราเขียนขึ้นเพื่อเพิ่ม code เข้าไปใน hook ที่เราเรียก
  • int $priority = 10                      คือการจัดลำดับ ค่าเริ่มต้นคือ 10 ลำดับความสำคัญในการทำ Function นี้
  • int $accepted_args = 1             กำหนดจำนวนพารามิเตอร์ของฟังก์ชัน ค่าเริ่มต้นคือ 1
add_action("admin_menu", "bosszi_add_menu");
//add_action("API ของ WP", "ชื่อฟังชันที่เราจะเขียน");

 

Header Fields

Header Fields  บันทึกส่วนตัว

<?php
/**
 * Plugin Name: AAA
 * Description: BMI Calculator To Content
 * Plugin URI: https://www.bosszi.com/%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b9%88%e0%b8%ad%e0%b9%80%e0%b8%a3%e0%b8%b2/
 * Author: Supoth Nakudom
 * Author URI: https://www.bosszi.com
 * Version: 1.0
 */
 

?>

 

 

ISOLATE TRANSFORMER INPUT : 0-100-115 V OUTPUT : 20 V 1 A

ISOLATE TRANSFORMER INPUT : 0-100-115 V OUTPUT : 20 V 1 A


ISOLATE TRANSFORMER INPUT : 0-100-115 V OUTPUT : 20 V 1 A
ISOLATE TRANSFORMER INPUT : 0-100-115 V OUTPUT : 20 V 1 A
ISOLATE TRANSFORMER INPUT : 0-100-115 V OUTPUT : 20 V 1 A
ISOLATE TRANSFORMER INPUT : 0-100-115 V OUTPUT : 20 V 1 A
ISOLATE TRANSFORMER INPUT : 0-100-115 V OUTPUT : 20 V 1 A
ISOLATE TRANSFORMER INPUT : 0-100-115 V OUTPUT : 20 V 1 A

 

ISOLATE TRANSFORMER INPUT : 0-100-115 V OUTPUT : 20 V 1 A
ISOLATE TRANSFORMER INPUT : 0-100-115 V OUTPUT : 20 V 1 A

 

 

ISOLATE TRANSFORMER INPUT : 0-100-115 V OUTPUT : 20 V 1 A
ISOLATE TRANSFORMER INPUT : 0-100-115 V OUTPUT : 20 V 1 A

Continue reading “ISOLATE TRANSFORMER INPUT : 0-100-115 V OUTPUT : 20 V 1 A”

ISOLATE TRANSFORMER INPUT : 0220 V OUTPUT : 0320 V 100 mA

ISOLATE TRANSFORMER
INPUT : 0220 V
OUTPUT : 0320 V 100 mA
: 063 V 2A
: 013 V 2A

ISOLATE TRANSFORMER INPUT : 0220 V OUTPUT : 0320 V  100 mA             : 063 V  2A             : 013 V  2A
ISOLATE TRANSFORMER
INPUT : 0220 V
OUTPUT : 0320 V 100 mA
: 063 V 2A
: 013 V 2A

 

ISOLATE TRANSFORMER INPUT : 0220 V OUTPUT : 0320 V  100 mA             : 063 V  2A             : 013 V  2A
ISOLATE TRANSFORMER
INPUT : 0220 V
OUTPUT : 0320 V 100 mA
: 063 V 2A
: 013 V 2A
ISOLATE TRANSFORMER INPUT : 0220 V OUTPUT : 0320 V  100 mA             : 063 V  2A             : 013 V  2A
ISOLATE TRANSFORMER
INPUT : 0220 V
OUTPUT : 0320 V 100 mA
: 063 V 2A
: 013 V 2A

 

Continue reading “ISOLATE TRANSFORMER INPUT : 0220 V OUTPUT : 0320 V 100 mA”

TERROID TRANFORMER  SIGN PILOT EXPORT CO.,LTD PRT :  220V  50 Hz SEC :  60V    8 A SEC :  10V    0.5 A 

TERROID TRANFORMER  SIGN PILOT EXPORT CO.,LTD

PRT :  220V  50 Hz

SEC :  60V    8 A

SEC :  10V    0.5 A 

TERROID TRANFORMER

TERROID TRANFORMER

TERROID TRANFORMER
TERROID TRANFORMER
TERROID TRANFORMER
TERROID TRANFORMER
TERROID TRANFORMER
TERROID TRANFORMER
TERROID TRANFORMER
TERROID TRANFORMER

TERROID TRANFORMER  SIGN PILOT EXPORT CO.,LTD

PRT :  220V  50 Hz

SEC :  60V    8 A

SEC :  10V    0.5 A

Isolation Transforme BLOCK STB SNAP 63/23/23- 63/125VA IP 00  ta 40 ‘C  CLB  50-60 Hz  UL CLASS 105  PRI  230V +- 1V – 0.33A SEC 230V – 0.27A – 0.25AT FA-NR : 211110  -T102

Isolation Transforme BLOCK STB SNAP 63/23/23- 63/125VA
IP 00  ta 40 ‘C  CLB  50-60 Hz  UL CLASS 105 
PRI  230V +- 1V – 0.33A
SEC 230V – 0.27A – 0.25AT
FA-NR : 211110  -T102

Isolation Transforme BLOCK STB SNAP
Isolation Transforme BLOCK STB SNAP
Isolation Transforme BLOCK STB SNAP
Isolation Transforme BLOCK STB SNAP
Isolation Transforme BLOCK STB SNAP
Isolation Transforme BLOCK STB SNAP
Isolation Transforme BLOCK STB SNAP
Isolation Transforme BLOCK STB SNAP

Isolation Transforme BLOCK STB SNAP 63/23/23- 63/125VA
IP 00  ta 40 ‘C  CLB  50-60 Hz  UL CLASS 105 
PRI  230V +- 1V – 0.33A
SEC 230V – 0.27A – 0.25AT
FA-NR : 211110  -T102

SAFCOSYS Transformer Tipo/Type:IP3/S1208-o1M

SAFCOSYS Transformer Tipo/Type:IP3/S1208-o1M

ST065M/1

PRI : 20V 7-12050 Hz

SEC : 20V 242 mA 1-3

SEC : 20V 20mA  A-6

SAFCOSYS Transformer Tipo/Type:IP3/S1208-o1M
SAFCOSYS Transformer Tipo/Type:IP3/S1208-o1M
SAFCOSYS Transformer Tipo/Type:IP3/S1208-o1M
SAFCOSYS Transformer Tipo/Type:IP3/S1208-o1M
SAFCOSYS Transformer Tipo/Type:IP3/S1208-o1M
SAFCOSYS Transformer Tipo/Type:IP3/S1208-o1M
SAFCOSYS Transformer Tipo/Type:IP3/S1208-o1M
SAFCOSYS Transformer Tipo/Type:IP3/S1208-o1M

Continue reading “SAFCOSYS Transformer Tipo/Type:IP3/S1208-o1M”