Home
การติดตั้่ง Vistual Studio Code
Vistual Studio Code เป็น โปรแกรม IDE โหลดที่นี่ครับ https://code.visualstudio.com
โหลดเสร็จ ติดตั่งและเปิดดู จะได้แบบนี้
การดักจับการคลิก บน Angular
เริ่มจากการสร้าง โปรเจค Angular ก่อน
มาสเตอร์ ng new GetEventLearn1 (คอร์ส สอนตัวต่อตัว)
รอ Angular สร้างโปรเจคให้เรา
การสร้าง โปรเจค Angular
หลังจากที่เราได้ติดตั่ง Angular ได้แล้ว (ใครยังไม่ติดตั่ง ไปดู วิธีการติดตั่ง Angular ที่นี่) ที่นี่เรามา สร้างโปรเจคกัน เหมือนเดิม เปิด Terminal หรือ cmd ให้ cd เข้าไปหน้า Workshace (โฟวเตอร์ ที่จะเก็บโปรเจค Angular)
พิ่มคำสั่งนี่เข้าไปครับ
ตัว node จะ Generate โค้ด Angular ให้ รอแป้ป
รอครับ
การติดตั้ง Node.js
ความจริง บนความนี่น่าจะเป็น บทความแรกๆ นะ แต่ไม่เป็นไร ? มาช้าดีกว่าไม่มา การติดตั้ง Node.js ไป Download Node.js มาก่อนที่ https://nodejs.org/en/
ไป Download มาเลยครับ เอาตัว Recommended นะ ครับ
สำหรับ แมค จะได้ pkg ถ้า Windows จะได้ ext ดับเบิลคลิกเลยครับ
Continue
การเปิด Android Device Monitor DDMS บน Android Studio 3.1.2
สำหรับหลายๆ ท่านที่ Update Android Studio ไป เวอร์ชั่น 3.1.2 จะพบปัญหา การเปิด DDMS หรือ Android Device Monitor ไม่ได้
หรือ พยายามหาที่ เป็น ไม่เจอ ให้แก้ปัญหา แบบนี่ครับ สิ่งแรกต้องรู้ก่อนว่า SDK เราเก็บไว้ที่ไหน ?
มาสเตอร์ ไปที่ File > Project Structor หา Path ของ SDK
cd เข้าไปจนถึง โฟวเตอร์ tools ลอง ls หรือ dir/w บน Windows ดูว่าเจอ monitor ไหม ?
เปืด monitor ถ้าเป็น Windows ให้ พิ่ม monitor ไปเลย แต่ แมค ให้ Sudo และ กรอก password เข้าเครื่องไปครับ
เย้ๆๆ ได้มาละ Android Device Monitor
การทำ TabLayout
โจทย์ เป็นอย่างนี่ครับ มาสเตอร์ มี Fragment 3 ตัวคือ TabAFragment, TabBFragment และ TabCFragment เราต้องการสลับไปมาเป็น BaseFragment ที่อยู่บน MainActivity สามารถทำ สไลด์ เลื่อนแนวขวางไปมาได้ สามารถโหลด Source Code ไปทดสอบได้ที่ https://github.com/masterUNG/TestTabLayout งั้นเรามาเร่ิมกัน
สร้างโปรเจ็คแอนดรอยด์ เปล่าๆ ขั้นมาก่อนเลยครับ
สร้าง Layout Resource File
