วันจันทร์ที่ 15 กรกฎาคม พ.ศ. 2556

สรุป JavaScript วันที่ 15/07/2556



สรุปเนื้อหา JavaScript
-ศึกษาเกี่ยวกับ JavaScript ใน e-learning ที่ www.code.org>>learn>>codeacademy และก็ได้สมัคร accout เพื่อ login (จากfacebook,twitter หรือ สมัคร accout ใหม่ด้วยตัวเองก็ได้)>>learn>>JavaScript และก็เริ่มการเรียนรู้การเขียนcode ด้วย e-learning ของทาง web codeAcedemy
-เป็นการเรียนรู้ตั้งแต่การ print text ง่ายๆ และก็สอนตรรกะเบื้องต้นต่างๆ จนถึงเงื่อนไขทางเลือกต่างๆ จนถึงขั้นสูง เรื่อง loop ต่างๆ เป็นต้น
-www.code.org>>scratch เป็นการเรียนรู้เรื่อง code ภาษาโปรแกรมสำหรับเด็ก ไว้ใช้ในการเรียนรู้เบื้องต้นเรื่องของโปรแกรมคอมพิวเตอร์
- การศึกษาและเรียนรู้ JavaScript ในเว็บไซต์ www.code.org  องค์กรที่ไม่แสวงหาผลกำไร เพื่อให้ทุกๆคนสามารถคิดกระบวนการทำงานต่างๆออกมาเป็นสัดเป็นส่วนได้ดีและเขียนโปรแกรมได้ ในต่างประเทศจะใช้สำหรับฝึกให้เด็กๆสามารถเขียนโปรแกรมพื้นฐานต่างๆได้ เช่นสร้างเกมส์แอลนิเมชั่น ทำตัวการ์ตูนเคลื่อนไหวได้ เป็นต้น
  ทำแบบฝึกหัด JavaScript ใน e-learning ==>> www.code.org>>learn>>codeacademy 
เป็นแบบฝึกหัดเกี่ยวกับการเรียนรู้การเขียนcode ด้วย e-learning ของ web codeAcedemy
เริ่มตั้งแต่การเรียนรู้ print text ง่ายๆ และก็สอนตรรกะเบื้องต้นต่างๆ จนถึงเงื่อนไขทางเลือกต่างๆ จนถึงขั้นสูง เรื่อง loop ต่างๆ เป็นต้น
      1.Introduction to JavaScript

      2.Functions
      3.'For' Loops in JavaScript
      4.'While' Loops in JavaScript
      5.Control Flow

-ไฟล์ของ JavaScript คือ .js

[สั่งงานในweb codeacademy ให้ครบ 100% ]

เขียนโดย ที่ ไม่มีความคิดเห็น:

วันจันทร์ที่ 8 กรกฎาคม พ.ศ. 2556

สรุปเนื้อหา JavaScript วันจันทร์ที่ 8 กรกฎาคม พ.ศ. 2556

สรุปเนื้อหา JavaScript
        สอนทำเว็บไซต์ สร้างเว็บไซต์ต่างๆ และแสดงผลออกมาในรูปแบบ HTML  PHP นั้นเป็นส่วนที่ใช้ในการคำนวน ประมวลผล เก็บค่า และทำตามคำสั่งต่างๆ อย่างเช่น รับค่าจากแบบ form ที่เราทำ รับค่าจากช่องคำตอบของเว็บบอร์ดและเก็บไว้เพื่อนำมาแสดงผลต่อไป คือเว็บไซต์จะโต้ตอบกับผู้ใช้ได้ ต้องมีภาษา PHP ส่วน HTML หรือ Javascript ใช้เป็นเพียงแค่ตัวควบคุมการแสดงผลเท่านั้น  การใช้งานเราจะต้องมี Web Server เพื่อให้ตัว PHP สามารถทำงานได้ ต่างจาก HTML งั้นจะทำอย่างไรถ้าเราไม่ได้เช่า Web Server เอาไว้จะใช้งาน PHP ไม่ได้  การพัฒนาเว็บไซต์ด้วย PHP  การแสดงผลของพีเอชพี ถึงแม้ว่าจุดประสงค์หลักใช้ในการแสดงผล HTML แต่ยังสามารถสร้าง XHTML หรือ XML ได้  คำสั่งของพีเอชพี สามารถสร้างผ่านทางโปรแกรมแก้ไขข้อความทั่วไป เช่น โน้ตแพด หรือ vi  สำหรับส่วนหลักของ PHP ยังมี Module ในการรองรับ CGI มาตรฐาน ซึ่ง PHP สามารถทำงานเป็นตัวประมวลผล CGI ด้วย และด้วย PHP, คุณมีอิสรภาพในการเลือก ระบบปฏิบัติการ และ เว็บเซิร์ฟเวอร์ นอกจากนี้คุณยังสามารถใช้สร้างโปรแกรมโครงสร้าง สร้างโปรแกรมเชิงวัตถุ (OOP) หรือสร้างโปรแกรมที่รวมทั้งสองอย่างเข้าด้วยกัน

โค้ด โปรแกรม คำณวนเกรด
<html>
   <head>
       <meta charset="utf-8">
       <title>An Addition Program</title>
       <script>
            var input_point; (ประกาศตัวแปร input_point เพื่อเก็บค่าคะแนนที่ผู้ใช้กรอก)
            (คำสั่งที่ใช้แสดงกล่องข้อความซึ่งให้ผู้ใช้กรอกค่าคะแนน)
            input_point = window.prompt("Enter point");
       if(input_point<50){  (ถ้าคะแนนน้อยกว่า 50)
       document.writeln("<h1>"+"You get grade F"+"</h1>");  (เกรด F)
    }else if(input_point>=50&&input_point<55){
       document.writeln("<h1>"+"You get grade D"+"</h1>");  (เกรด D)
    }else if(input_point>=55&&input_point<60){
       document.writeln("<h1>"+"You get grade D+"+"</h1>"); (เกรด D+)
    }else if(input_point>=60&&input_point<65){
       document.writeln("<h1>"+"You get grade C"+"</h1>");  (เกรด C)
    }else if(input_point>=65&&input_point<70){
       document.writeln("<h1>"+"You get grade C+"+"</h1>"); (เกรด C+)
    }else if(input_point>=70&&input_point<75){
       document.writeln("<h1>"+"You get grade B"+"</h1>"); (เกรด B)
    }else if(input_point>=75&&input_point<80){
       document.writeln("<h1>"+"You get grade B+"+"</h1>"); (เกรด B+)
    }else{
       document.writeln("<h1>"+"You get grade A"+"</h1>"); (เกรด A)
    }
    </script>
    </head><body></body>
</html>

Flowchart โปรแกรมคำนวณเกรด



โค้ด การสร้างปฎิทิน
header('Content-Type: text/html; charset=utf-8');
$weekDay = array( 'อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสฯ', 'ศุกร์', 'เสาร์');
$thaiMon = array( "01" => "มกราคม", "02" => "กุมภาพันธ์", "03" => "มีนาคม", "04" => "เมษายน",
                  "05" => "พฤษภาคม","06" => "มิถุนายน", "07" => "กรกฎาคม", "08" => "สิงหาคม",
                  "09" => "กันยายน", "10" => "ตุลาคม", "11" => "พฤศจิกายน", "12" => "ธันวาคม");
//Sun - Sat
$month = isset($_GET['month']) ? $_GET['month'] : date('m');    //ถ้าส่งค่าเดือนมาใช้ค่าที่ส่งมา ถ้าไม่ส่งมาด้วย ใช้เดือนปัจจุบัน
$year = isset($_GET['year']) ? $_GET['year'] : date('Y');   //ถ้าส่งค่าปีมาใช้ค่าที่ส่งมา ถ้าไม่ส่งมาด้วย ใช้ปีปัจจุบัน
//วันที่
$startDay = $year.'-'.$month."-01";         //วันที่เริ่มต้นของเดือน
$timeDate = strtotime($startDay);           //เปลี่ยนวันที่เป็น timestamp
$lastDay = date("t", $timeDate);            //จำนวนวันของเดือน
$endDay = $year.'-'.$month."-". $lastDay;   //วันที่สุดท้ายของเดือน
$startPoint = date('w', $timeDate);         //จุดเริ่มต้น วันในสัปดาห์
//echo "<br>\$data ";
//print_r($data);
//echo "<hr>";
?>
<html>
    <head>
    <title>ทดลองสร้างปฏิทินด้วย PHP</title>
    <script type='text/javascript'>
       function goTo(month, year){
            window.location.href = "day_of_week.php?year="+ year +"&month="+ month;
       }
    </script>
    <style>
    th,td{width:50px;height: 30px; text-align:center}
    th{background-color: #eeeeee;}
    #tb_calendar, #main{ width : 500px;}
    #main{ border : 2px solid #46A5E0;}
    #nav{
        background-color: #0C79A4;
        min-height: 20px;
        padding: 10px;
        text-align: center;
        color : white;
    }
    .navLeft{float: left; }
    .navRight{float: right;}
    .title{float: left; text-align: center; width: 300px;}
    </style>
    </head>
    <body>
<?php
echo "<br/>ตำแหน่งของวันที่ $startDay คือ <strong>", $startPoint , " (ตรงกับ วัน" , $weekDay[$startPoint].")</strong>";
$title = "เดือน $thaiMon[$month] <strong>". $startDay. " : ". $endDay."</strong>";
//ลดเวลาลง 1 เดือน
$prevMonTime = strtotime ( '-1 month' , $timeDate  );
$prevMon = date('m', $prevMonTime);
$prevYear = date('Y', $prevMonTime);
//เพิ่มเวลาขึ้น 1 เดือน
$nextMonTime = strtotime ( '+1 month' , $timeDate  );
$nextMon = date('m', $nextMonTime);
$nextYear = date('Y', $nextMonTime);
echo '<div id="main">';
echo '<div id="nav">
        <button class="navLeft" onclick="goTo(\''.$prevMon.'\', \''.$prevYear.'\');"><< เดือนที่แล้ว</button>
        <div class="title">'.$title.'</div>
        <button class="navRight" onclick="goTo(\''.$nextMon.'\', \''.$nextYear.'\');">เดือนต่อไป >></button>
    </div>
    <div style="clear:both"></div>';
echo "<table id='tb_calendar' border='1'>";   //เปิดตาราง
echo "<tr>
        <th>อาทิตย์</th><th>จันทร์</th><th>อังคาร</th><th>พุธ</th><th>พฤหัสฯ</th><th>ศุกร์</th><th>เสาร์</th>
</tr>";
echo "<tr>";              //เปิดแถวใหม่
$col = $startPoint;      //ให้นับลำดับคอลัมน์จาก ตำแหน่งของ วันในสับดาห์
if($startPoint < 7){      //ถ้าวันอาทิตย์จะเป็น 7
    echo str_repeat("<td> </td>", $startPoint);   
//สร้างคอลัมน์เปล่า กรณี วันแรกของเดือนไม่ใช่วันอาทิตย์
}
for($i=1; $i <= $lastDay; $i++){ //วนลูป ตั้งแต่วันที่ 1 ถึงวันสุดท้ายของเดือน
    $col++;      //นับจำนวนคอลัมน์ เพื่อนำไปเช็กว่าครบ 7 คอลัมน์รึยัง
    echo "<td>", $i , "</td>";      //สร้างคอลัมน์ แสดงวันที่
    if($col % 7 == false){          //ถ้าครบ 7 คอลัมน์ให้ขึ้นบรรทัดใหม่
        echo "</tr><tr>";           //ปิดแถวเดิม และขึ้นแถวใหม่
        $col = 0;                   //เริ่มตัวนับคอลัมน์ใหม่
    }
}
if($col < 7){        // ถ้ายังไม่ครบ7 วัน
    echo str_repeat("<td> </td>", 7-$col); //สร้างคอลัมน์ให้ครบตามจำนวนที่ขาด
}
echo '</tr>';     //ปิดแถวสุดท้าย
echo '</table>';  //ปิดตาราง
echo '</main>';
?>
</body>
</html>

อ่านเพิ่มเติม »
เขียนโดย ที่ ไม่มีความคิดเห็น:
สมัครสมาชิก: บทความ (Atom)