brackets ตัวนี้จะเป็น code editor หรือที่เรามักจะเรียกกันว่า text editor
จุดเด่นของ Brackets ก็คือทำงานได้รวดเร็ว มีความยืดหยุ่นในการใช้งาน พร้อมทั้งมีปลั๊กอินเสริมการทำงานมากมาย ช่วยให้เราสามารถเขียนโค้ด HTML, CSS และ JavaScript พร้อมสิ่งอำนวยความสะดวกที่จะทำให้เวิร์คโฟลว์ในการพัฒนาเว็บไซต์ เป็นไปได้อย่างราบรื่น โดยเราสามารถเขียนโค้ดไปแล้วสั่งให้ทำการพรีวิวเว็บไซต์ที่กำลังแก้โค้ดได้อยู่ในแบบเรียลไทม์ ที่สำคัญคือใช้งานร่วมกับภาษาไทยได้ไม่มีปัญหา
นอกจากนี้แล้วทาง Adobe ยังได้เปิดตัว Extract for Brackets ออกมาอีกด้วย แต่ว่ายังเป็นเพียงรุ่น Preview เท่านั้น Extract for Brackets ก็จะทำหน้าที่เหมือนกับ Extract in action ที่ใช้งานร่วมกับ Photoshop และ Dreamweaver
Extract for Brackets จะช่วยให้ผู้เขียนโค้ดสามารถถึงค่าสี ฟอนต์ และข้อมูลอื่น ๆ จากไฟล์ PSD ที่ได้ออกแบบหน้าตาของเว็บไซต์มาเป็นค่าของ CSS ได้โดยตรง ช่วยลดเวลาในการทำงานไปได้มากเลยทีเดียว ใครที่สนใจก็ไปดาวน์โหลดมาใช้งานกันได้ที่
Download : http://brackets.io
ในหน้าเว็ปจะมี ปุ่ม Download Brackets
หลังจากDownloadเสร็จเรียบร้อยแล้วให้ทำการ ไปที่ตัวติดตั้งไฟล์
พอทำการติดติ้งไฟล์เสร็จสิ้น ให้เปิดไฟล์ Brackets ขึ้นมาจะได้หน้าตาดังรูปข้างล่างนี้
ในส่วนนี้จะเป็นหน้าตาโปรแกรมที่มาพร้อมกับโค้ดของทางผู้พัฒนา
ต่อมา มาดูจุดเด่นๆ ของโปรแกรม Brackets ที่สามารถ ดูแบบ Live view ได้
พอแล้วกดไปแล้วจะได้หน้าต่างเพิ่มขึ้นมาหนึ่งอัน คือ หน้าURLของเรานั้นเอง
เราสามารถแก้โค้ดได้จากทางด้านขวามือของเรา พอเราแก้ หน้าจะต่างของ URL จะเปลี่ยนตามทันที
และอีกหนึ่งวามง่ายของโปรแกรมคือ การเปลี่ยนสีหรือการเลือกสีไม่ต้องไป Copy โค้ดสีมาให้ยุ่งยาก
ให้เราไปที่ไฟล์ .CSS และไปที่ color: #; ให้เราไป เลือกไว้แล้วทำการ กด Ctrl+E จะมีแบบสีขึ้นมาให้เราเลือกสะดวกสะบายมาก
และในขั้นตอนในหารติดตั้ง Debug นั้นก็ง่ายสะดวกไม่ยุ่งยาก
1 หา Debug ที่เราจะต้องการใช้
2 กดติดตั้ง
โปรแกรม Brackets นั้นใช้งานง่ายสะดวกและรวดเร็วในการ สร้างเว็ปและการแก้ไข
นายกิตติสิทธิ์ สมบัติตรา 1560900407
