วิทยากร: ธีรเศรษฐ์ จิรภัทร์ชาญเดช, User Group Manager, Thai Adobe Developer Community ดูวิดีโอบันทึก Webinar ได้ที่นี่: มารู้จักกับ Web Editor ตัวใหม่ของ Adobe: Edge Code CC ที่เบา เร็ว และมากด้วยความสามารถอย่าง Live Preview, Code Hinting & Completion, Edge Web Font, PhoneGap Build, และ Code Extension

1. www.thaiadc.com
Adobe Edge Code CC
Teerasej Jiraphatchandej
User Group Manager, ThaiADC
!
!
ThaiADC Visual Meeting 3/2014

2. www.thaiadc.com
‘พล’ ธีรเศรษฐ์ จิรภัทร์ชาญเดช
User Group Manager, ThaiADC
!
Facebook.com/teerasej
Twitter.com/teerasej
Youtube.com/user/teerasej!
gplus.to/teerasej
teerasej@gmail.com

3. www.thaiadc.com
Web Editor

4. www.thaiadc.com
HTML
CSS
Javascript

5. www.thaiadc.com
HTML
CSS
Javascript
PHP
Ruby on Rails
Java (Aww…)

6. www.thaiadc.com

7. www.thaiadc.com

8. www.thaiadc.com

9. www.thaiadc.com
Adobe Edge Code CC

10. www.thaiadc.com
Adobe Edge Code CC
• เบา สบาย เร็ว
• ใช้ Open Source Project: Brackets
• สร้างจาก HTML, CSS, Javascript
• ฟรี สำหรับผู้ใช้งาน Creative Cloud ทั้งแบบ free และ
subscription

11. www.thaiadc.com
Edge Code Feature
• Live Preview
• Quick Edit/ Inline Color Selector
• Go to Definition
• Code Hinting & Completion
• Extension

12. www.thaiadc.com
Edge Code Integration
• Edge Web Font
• Adobe Kuler
• PhoneGap Build (early stage)

13. www.thaiadc.com
Adobe Kuler

14. www.thaiadc.com
PhoneGap Build

15. www.thaiadc.com
Links
• Adobe Kuler > https://kuler.adobe.com/
• PhoneGap Build > https://build.phonegap.com/

16. www.thaiadc.com
Brackets

17. www.thaiadc.com
Brackets
• Based project for Edge Code CC
• Open Source
• Free

18. www.thaiadc.com
Brackets Resource
• Download > http://brackets.io/
• Extension > https://brackets-
registry.aboutweb.com/

19. www.thaiadc.com
Thank You
Let Q&A
Teerasej Jiraphatchandej
User Group Manager, ThaiADC
!
Search ‘teerasej’
or teerasej@gmail.com