บทความ

กำลังแสดงโพสต์ที่มีป้ายกำกับ javascript

คู่มือ Java ฉบับทันสมัย (อัปเดตล่าสุดปี 2025)

 คู่มือ Java ฉบับทันสมัย (อัปเดตล่าสุดปี 2025) บทนำ Java ยังคงเป็นภาษายอดนิยมที่ได้รับความนิยมอย่างต่อเนื่องตั้งแต่ยุค 1990 จนถึงปัจจุบัน ในปี 2025 Java ได้ก้าวหน้าอย่างมากทั้งด้านภาษาหลักและเครื่องมือสนับสนุน ล่าสุด Java 24 ได้เปิดตัวออกมาแล้ว และ Java 21 เป็นเวอร์ชัน LTS (Long-Term Support) ที่แนะนำให้ใช้งานสำหรับระบบจริงในระยะยาว บทความนี้จะช่วยให้คุณเข้าใจภาพรวมของ Java เวอร์ชันล่าสุด รวมถึงฟีเจอร์เด่น โครงสร้างภาษาที่ควรรู้ และแนวทางการพัฒนา Java ยุคใหม่ ภาพรวมเวอร์ชัน Java ล่าสุด เวอร์ชัน สถานะ วันเปิดตัว Java 24 เวอร์ชันล่าสุด มีนาคม 2025 Java 21 เวอร์ชัน LTS ล่าสุด กันยายน 2023 Java 17 LTS รุ่นก่อนหน้า กันยายน 2021 Java 11 LTS เก่า กันยายน 2018 โครงสร้างพื้นฐานของภาษา Java คลาสและอ็อบเจกต์ : โครงสร้างหลักของโปรแกรม Java Primitive Types : int, double, char, boolean เป็นต้น Control Statements : if, switch, while, for, do-while Methods : การแยกโค้ดเป็นหน่วยที่นำกลับมาใช้ซ้ำได้ Array และ Collection : จัดเก็บและจัดการข้อมูลหลายรายการ Exception Handling : try-catch-finally OOP Co...

สอนเขียน javascript เพื่อสร้างระบบโคจรแบบโคลนตัวเอง

JavaScript Animation: Orbit Around Latest Parent บทความนี้อธิบายวิธีการสร้างแอนิเมชันใน JavaScript ซึ่งจุด (circle) จะโคจรรอบ parent ล่าสุด โดยจะโคลนตัวเองทุกๆ 5 วินาทีและโคจรรอบจุดล่าสุดเท่านั้น แนวคิด สร้างจุดเริ่มต้นที่กลางหน้าจอ จุดใหม่จะถูกโคลนจากจุดล่าสุดในทุกๆ 5 วินาที จุดที่ถูกโคลนจะโคจรรอบจุดล่าสุด (parent) โดยใช้ฟังก์ชัน Math.cos และ Math.sin สำหรับการคำนวณตำแหน่ง ใช้ requestAnimationFrame เพื่ออัปเดตตำแหน่งและวาดจุดใหม่ โค้ด <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Orbit Animation</title> <style> body { font-family: Arial, sans-serif; background-color: #121212; color: white; } canvas { display: block; margin: auto; background: black; border: 1px solid #333; ...

สอนใช้อนุกรม Fibonacci เพื่อสร้างภาพด้วย Javascript

การสร้าง Fibonacci Spiral ด้วย JavaScript Fibonacci Spiral เป็นกราฟฟิกที่น่าสนใจซึ่งสร้างจากลำดับ Fibonacci ซึ่งเป็นลำดับตัวเลขที่มีรูปแบบเฉพาะ ตัวอย่างนี้จะแสดงวิธีสร้าง Fibonacci Spiral ด้วย JavaScript และแสดงผลบน HTML Canvas พร้อมทั้งเพิ่มสีสันให้ดูโดดเด่น โค้ดตัวอย่าง ด้านล่างนี้เป็นโค้ด JavaScript ที่ใช้สร้าง Fibonacci Spiral คุณสามารถคัดลอกและใช้งานได้ทันที: // Fibonacci Spiral with Fancy Colors in JavaScript using Canvas const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); canvas.width = 800; canvas.height = 800; document.body.appendChild(canvas); const centerX = canvas.width / 2; const centerY = canvas.height / 2; // Helper function to generate Fibonacci numbers function generateFibonacci(n) { const fib = [0, 1]; for (let i = 2; i ตัวอย่างผลลัพธ์ เมื่อคุณรันโค้ดนี้ คุณจะได้ภาพ Fibonacci Spiral ที่สวยงามดังนี้: