Brackets โปรแกรม Code Editor หรือที่เรามักจะเรียกกันว่า Text Editor

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

TengNeung Kittisit
at GlurGeek.Com

Leave a Reply

Copyright © 2021 GlurGeek.Com. All Rights Reserved.