- 68
- 402 987
Athipat Chumnanpa
Thailand
เข้าร่วมเมื่อ 11 ก.พ. 2012
ว่างแหละดูออก...
แนะนำ JavaScript สำหรับผู้เริ่มต้น
"คุณเป็นมือใหม่ด้านการเขียนโค้ดและสนใจ JavaScript อยู่ใช่ไหม? วิดีโอนี้จะแนะนำ JavaScript ให้คุณรู้จักในเวลาเพียง 5 นาที อธิบายว่า JavaScript คืออะไร และทำไมถึงสำคัญสำหรับการพัฒนาเว็บ ไม่ว่าคุณจะเริ่มต้นจาก HTML และ CSS หรือกำลังมองหาวิธีการพัฒนาเว็บไซต์ให้น่าสนใจยิ่งขึ้น วิดีโอนี้จะช่วยจุดประกายความสนใจของคุณใน JavaScript และแนะนำวิธีเริ่มต้นใช้งาน เหมาะสำหรับผู้เริ่มต้นโดยไม่จำเป็นต้องมีประสบการณ์เขียนโปรแกรมมาก่อน
📌 สิ่งที่คุณจะได้เรียนรู้:
JavaScript คืออะไร?
วิธีที่ JavaScript ช่วยเพิ่มประสิทธิภาพเว็บไซต์
พื้นฐานการเขียนโค้ด JavaScript
อย่าลืมติดตามเพื่อเรียนรู้ JavaScript ในบทเรียนที่ลึกซึ้งขึ้น!
#JavaScriptสำหรับผู้เริ่มต้น #เรียนรู้JavaScript #พัฒนาเว็บไซต์ #การเขียนโปรแกรม #สอนJavaScript"
📌 สิ่งที่คุณจะได้เรียนรู้:
JavaScript คืออะไร?
วิธีที่ JavaScript ช่วยเพิ่มประสิทธิภาพเว็บไซต์
พื้นฐานการเขียนโค้ด JavaScript
อย่าลืมติดตามเพื่อเรียนรู้ JavaScript ในบทเรียนที่ลึกซึ้งขึ้น!
#JavaScriptสำหรับผู้เริ่มต้น #เรียนรู้JavaScript #พัฒนาเว็บไซต์ #การเขียนโปรแกรม #สอนJavaScript"
มุมมอง: 141
วีดีโอ
Ep.24 CSS Transition การสร้าง mini animation ให้ element เพื่อเพิ่มความน่าสนใจ
มุมมอง 655ปีที่แล้ว
CSS Transition คือการทำให้คุณสมบัติขององค์ประกอบต่าง ๆ ในเว็บเพจเปลี่ยนแปลงสามารถเกิดขึ้นอย่างราบรื่น โดยใช้เอฟเฟกต์การเปลี่ยนแปลงค่าคุณสมบัติในระหว่างเวลาที่กำหนดไว้ โดยปกติแล้วการเปลี่ยนแปลงของคุณสมบัติจะเกิดขึ้นทันที เช่น เมื่อเมาส์เข้าไปวางที่ลิ้งค์ สีพื้นหลังของลิ้งค์อาจเปลี่ยนไปจากสีเขียวเป็นสีน้ำเงิน แต่ด้วย CSS Transition เราสามารถกำหนดให้การเปลี่ยนแปลงเกิดขึ้นอย่างช้า และมีเอฟเฟกต์เป็น...
Ep.23 CSS Transform การใช้ translate ย้าย, rotate หมุน, scale ลดเพิ่ม และ skew แปลงรูปร่าง
มุมมอง 633ปีที่แล้ว
การใช้งาน transform CSS เป็นทักษะที่สำคัญในการสร้างเอฟเฟกต์ที่น่าสนใจให้กับเว็บไซต์ ควรรู้เกี่ยวกับ CSS Transform property และฟังก์ชันที่เกี่ยวข้องเช่น translate, rotate, scale, skew, เพื่อกำหนดการแปลงขององค์ประกอบเว็บในระนาบสองมิติและสามมิติ นอกจากนี้ควรระบุ transform-origin เพื่อกำหนดจุดเริ่มต้นของการแปลง และสามารถใช้ร่วมกับ CSS transition เพื่อสร้างเอฟเฟกต์ที่นุ่มนวลและสวยงามในการเคลื่อนไหวข...
Ep.22 CSS Images css จัดตําแหน่ง รูปภาพ จัดรูปให้อยู่ตรงกลาง css
มุมมอง 1Kปีที่แล้ว
วิธีการแต่งรูปด้วย object-fit แล้วอีกหลาย property ที่จะทำให้การตกแต่งรูปภายสนุกแล้วง่านมากขึ้น ขอบคุณครับ...
Ep.21 CSS Calc() วิธีการใช้งาน function calc() ใน CSS
มุมมอง 406ปีที่แล้ว
calc() เป็นฟังก์ชันใน CSS ที่ใช้ในการคำนวณค่าในส่วนต่าง ๆ ของคุณสมบัติที่ระบุค่าความกว้าง (width), ความสูง (height), ขนาดตัวอักษร (font-size) และอื่น ๆ ตามเงื่อนไขต่าง ๆ ที่กำหนดให้ได้ผลลัพธ์ที่ต้องการ โดยค่าที่คำนวณจะอยู่ในรูปแบบของสมการทางคณิตศาสตร์ซึ่งสามารถประกอบด้วยตัวเลข แปลงหน่วย หรือผสมกันระหว่างตัวเลขและหน่วยของ CSS ได้เช่นกัน
Ep.20 CSS Units การใช้ units แต่ละประเภทใน CSS /em / rem / %
มุมมอง 449ปีที่แล้ว
CSS untis หรือ หน่วยการวัดที่ใช้ในการกำหนดขนาด ระยะห่าง หรือความยืดหยุ่นขององค์ประกอบต่าง ๆ ในหน้าเว็บหรือเอกสาร HTML ที่มีการใช้ CSS หน่วยคืออะไรก็ได้ที่ใช้ในการกำหนดขนาดและระยะห่างขององค์ประกอบนั้น ๆ โดยมีหน่วยหลายประเภทที่ใช้กันอย่างแพร่หลาย บางตัวมีลักษณะเกี่ยวข้องกับขนาดขององค์ประกอบและหน่วยอื่น ๆ มีลักษณะเกี่ยวข้องกับการวัดระยะห่าง เราจะมาดูกันว่าบางหน่วยที่ใช้ใน CSS คืออะไร:
Ep.19 CSS Box-sizing ประโยชน์และวิธีการใช้ Box-sizing
มุมมอง 568ปีที่แล้ว
Box-sizing เป็นคุณสมบัติที่ใช้กำหนดวิธีการคำนวณขนาดของกล่อง (box) ใน CSS ซึ่งมีความสำคัญในการจัดการพื้นที่ในเว็บไซต์หรือแอปพลิเคชันที่ใช้ CSS เพื่อเรียงลำดับและจัดวางองค์ประกอบต่าง ๆ ภายในหน้าเว็บไซต์
Ep.18 CSS Var() การใช้ Var() ใน Root Element เพื่อง่ายในการปรับแต่งหน้าเวป
มุมมอง 451ปีที่แล้ว
ใน CSS, var() คือฟังก์ชันที่ใช้สร้างตัวแปรและให้ค่าในรูปแบบของตัวแปรเหล่านั้นถูกนำไปใช้ในคุณสมบัติที่ต่างกันของ CSS ได้ เป็นอีกหนึ่งวิธีในการใช้งานตัวแปรใน CSS ที่มาพร้อมกับ CSS Custom Properties หรือที่เรียกอีกชื่อว่า CSS Variables.
Ep.17 CSS Media Query การทําเว็บไซต์ให้ responsive กับทุกขนาดหน้าจอ
มุมมอง 467ปีที่แล้ว
CSS Media Query การทําเว็บไซต์ให้ responsive กับทุกขนาดหน้าจอ
Ep.16 CSS Google Fonts ฟอนต์ไทยสวยๆ ฟรี ฟอนต์ทางการสวยๆ
มุมมอง 417ปีที่แล้ว
Google Fonts เป็นบริการที่สามารถนำมาใช้ในเว็บไซต์ของคุณได้ฟรี ซึ่งช่วยให้คุณสามารถเลือกใช้รูปแบบต่าง ๆ ของตัวอักษรเพื่อปรับปรุงการแสดงผลข้อความในเว็บไซต์ของคุณให้น่าสนใจและสวยงามมากยิ่งขึ้น โดยไม่จำเป็นต้องพึ่งพาฟอนต์ที่มาพร้อมกับระบบปฏิบัติการหรือเว็บเบราว์เซอร์ที่ผู้ใช้เว็บใช้งานอยู่
Ep.15 CSS icon การใส่ Icon และ Symbol บนหน้าเวป ง่ายๆ
มุมมอง 1.1Kปีที่แล้ว
วิธีใส่ Icon ด้วย fontawesome แล้ววิธีการแทรก symbol เข้าไปบนหน้าเว็บ ง่ายๆ
Ep.14 CSS Grid Layout ช่วยให้งานออกแบบเว็บง่ายขึ้น
มุมมอง 414ปีที่แล้ว
ช่วยให้งานออกแบบเว็บง่ายขึ้นด้วยการแบ่งพื้นที่ออกเป็นส่วนๆ พื้นที่หน้าจอจะถูกแบ่งได้ก็ต่อเมื่อมีเส้นตัดผ่านจากบนลงล่างและจากซ้ายไปขวาเกิดเป็นลักษณะตารางที่เรียกว่า Grid.
Ep.13 CSS Pseudo-element การใช้งาน ::before and ::after
มุมมอง 7102 ปีที่แล้ว
CSS Pseudo-element การใช้งาน ::before and ::after
Ep.12 CSS Pseudo-classes การ select แบบมีเงื่อนไข
มุมมอง 3992 ปีที่แล้ว
CSS Pseudo-classes การ select แบบมีเงื่อนไข
Ep.11 CSS Shadow การใส่แสงเงาให้กับ element
มุมมอง 4672 ปีที่แล้ว
text-shadow and box-shadow การใช้แสงเงาให้กับ element
Ep.10 CSS Text การปรับแต่งข้อความ จัดตําแหน่งข้อความ ระยะห่างข้อความ html link ไม่ขีดเส้นใต้ อื่นๆ
มุมมอง 3.6K2 ปีที่แล้ว
Ep.10 CSS Text การปรับแต่งข้อความ จัดตําแหน่งข้อความ ระยะห่างข้อความ html link ไม่ขีดเส้นใต้ อื่นๆ
Ep.9 CSS Overflow รูปแบบการจัดการ overflow element
มุมมอง 4942 ปีที่แล้ว
Ep.9 CSS Overflow รูปแบบการจัดการ overflow element
Ep.8 Flex Box ข้อดีของการใช้ flexible box คืออะไร?
มุมมอง 3422 ปีที่แล้ว
Ep.8 Flex Box ข้อดีของการใช้ flexible box คืออะไร?
Ep.6 CSS Display การกำหนดและแก้ไขรูปแบบการแสดงผลของ element
มุมมอง 4942 ปีที่แล้ว
Ep.6 CSS Display การกำหนดและแก้ไขรูปแบบการแสดงผลของ element
Ep.5 CSS Position การกำหนดตำแหน่งให้กับ Element...
มุมมอง 1.6K2 ปีที่แล้ว
Ep.5 CSS Position การกำหนดตำแหน่งให้กับ Element...
Ep.4 CSS Box Model เป็นรากฐานของการจัดวางบนเว็บ ประกอบไปด้วยย box content padding border margin
มุมมอง 3882 ปีที่แล้ว
Ep.4 CSS Box Model เป็นรากฐานของการจัดวางบนเว็บ ประกอบไปด้วยย box content padding border margin
Ep.3 CSS Color รูปแบบการใส่สี Keyword, RGB, RGBA, HEX, HSL โค้ดสี css
มุมมอง 5472 ปีที่แล้ว
Ep.3 CSS Color รูปแบบการใส่สี Keyword, RGB, RGBA, HEX, HSL โค้ดสี css
Ep.9 HTML Attribute id class style รวบรัดจบในคริปเดียว
มุมมอง 1.1K2 ปีที่แล้ว
Ep.9 HTML Attribute id class style รวบรัดจบในคริปเดียว
Ep.8 HTML iframe Tag ตัวอย่างการดึงหน้าเว็บ
มุมมอง 4.1K2 ปีที่แล้ว
Ep.8 HTML iframe Tag ตัวอย่างการดึงหน้าเว็บ
Ep.6 HTML List Tag การสร้าง List item และการอธิบาย HTML UL OL LI คือ? วิธีลบจุดสีดำด้านหน้าออก
มุมมอง 9262 ปีที่แล้ว
Ep.6 HTML List Tag การสร้าง List item และการอธิบาย HTML UL OL LI คือ? วิธีลบจุดสีดำด้านหน้าออก
Ep.5 HTML input / input type html มีอะไรบ้าง?
มุมมอง 1.5K2 ปีที่แล้ว
Ep.5 HTML input / input type html มีอะไรบ้าง?
ขอบคุณมากครับ ขอให้เจริญๆ
ขอบคุณมากครับ ช่วยแก้โจทย์ปัญหาของผมได้เลย ครับ สำหรับคำสั่งนี้
ชัดเจนมากขอบคุณครับ
แล้ว นำวันที่ทำ ทั้งหมด กี่วัน ใช้สูตรไหน
อาจจะต้องสร้าง column ใหม่มาเพิ่มแล้วใช้สูตร DATEDIF ครับ ผมมีคลิปสูตรที่เกี่ยวกับวันที่ด้วย ลองศึกษาดูนะครับ น่าจะช่วยได้
ขอบคุณมากค่ะ เปรียบเทียบข้อดี ความแตกต่างชัดเจนเรย
มันขึ้นเหมือนเวบมันบลอคอะครับ refuse cant connect
ใช่ครับ บางเว็ป block ไม่ให้แปะ ครับ
ถ้าเราต้องการใช้if กับวันที่ละครับ เช่น 13/09/24 ให้เท่ากับ delivered ไม่มีวันที่=pending ทำไงครับ
วันอื่นๆ เท่ากับ delivered ด้วยไหมครับ?
@@AthipatChumnanpa ใช่ครับ
เจ๋งมากเลย ครับ
ขอบคุณครับมีประโยชน์มากครับไม่เยอะได้สั้นและเข้าใจได้ไว
ขอบคุณค่ะ❤
ช้อนกันได้มากสุดกี่ชั้นครับ ทำแล้วขื้นมาว่าช้อนมากกว่า64ชั้นไม่ได้
ได้มากสุด 64 ชั้นในสูตรเดียวครับ คือถ้าต้องเขียนเงื่อนไขซ้อนกันมากขนานนั้นผมว่าหาวิธีอื่นน่าจะดีครับ เพราะคนเขียนเองกลับมาดูแล้วจะงงเองนะครับ ฮ่าๆ
สุดยอดครับ
ไม่ทราบว่า สามารถใช้คำสั่ง Count นับ จำนวนตัวอักษรได้หรือไม่คับ? เช่น จากตัวอย่างนี้ ผมอยากรู้ว่า ตั้งแต่ชื่อ Wittaya ถึง Pramook มีตัวอักษรที่เป็นตัว a ทั้งหมดกี่ตัว
=LEN(B4) - LEN(SUBSTITUTE(B4, "a", "")) สูตรหา "a" ในช่อง B4 ครับ อันนี้ก็น่าจะพอเอาไปประยุกได้นะครับผมว่า ยังไม่เคยทำหลายๆ cell พร้อมกันครับ
@@AthipatChumnanpa ขอบคุณมากๆคับ 😉
สอนดีมากครับ
ขอบคุณค่ะ สอนดีมาก เข้าใจง่าย
สุดยอดเลยค่ะ นอกจากไม่นับวันหยุดแล้ว จะไม่นับวันหยุดนักขัตฤกษ์ด้วยในเดือนนั้นๆ จะทำอย่างไรคะ อาจารย์
เราต้องมี list ของวันหยุดก่อนครับ เช่น A1 = 1/1/2024 A2 = x/x/2024 ~ A20 = x/x/2024 แล้วเราก็เอา list นี้ใส่ที่ argument ที่ 3 ครับ เช่น =NETWORKDAYS(DATE(YEAR(TODAY()), MONTH(TODAY()), 1), EOMONTH(TODAY(), 0), A1:A20 )
ขอบคุณมากๆครับ ปลดล็อคอะไรหลายอย่างเลย สอนกระชับเข้าใจง่าย อันนี้สอบถามเพิ่มเติมหน่อยนะครับ ผมใช้ =countif(A1:A20,"<0") แล้ว คือนับทุกตัวในช่วง แต่ผมอยากเพิ่มตัวแปร ๆ หนึ่งเข้ามาคือ C1 คืออยากให้นับแค่บางช่วงแรกตามที่ C1 กำหนดครับ ควรจะเพิ่มเงื่อนไขอะไรเข้าไปอีกครับ (เช่น อยากนับแค่ 5 ตัวแรก หรือ 12 ตัวแรก แต่ช่วงที่กำหนดที่ศึกษาก็อยากให้เป็นทั้งหมดเหมือนเดิม)
สวัสดีครับ ในฟังก์ชัน count สามารถล็อค cell ตรงเงื่อนไงได้ไหมครับ พอดีผมใส่ตัวเลขฟังก์ชันทำงานได้ก็ได้ปกติ แต่ถ้ากดใส่ให้ล็อคใน cell จะ error ครับ พอดีดูจากคลิปที่แล้ว ฟังก์ชัน if สามารถล็อก cell ตรงเงื่อนไงได้ แต่ count ทำไม่ได้ แนะนำหน่อย ขอบคุณมากๆครับ
Lock cell ได้ครับ สูตรสามารถทำงานได้ปกติ ถ้า Lock cell แล้วสูตรทำงานผิดปกติน่าจะเกิดจากการ Lock cell เองครับ ผมมีคริปสอนใช้ F4 อยู่นะ ถ้าสนใจลองหาดูก่อนครับ ไม่มีรู้ว่าช่วยได้ไหม...
@@AthipatChumnanpa ขอบคุณมากครับ จะลองไปกลับศึกษาคลิปเก่าๆดูอีกรอบ
พี่คับ ถ้าผมสร้างเว็บเสร็จแล้ว แล้วอยากส่งเว็บที่เราทำให้เพื่อนดู มันต้องทำไงคับ
ถ้าใช้ codesandbox เหมือนในคริป ตอนนี้ต้องเปลี่ยนจาก Sandbox ให้เป็น Devbox ก่อนครับ ถึงจะแชร์ให้คนอื่นดูได้ครับ
มีสูตรที่ ปัดเศษห้า ถ้าตัวหน้าเป็นเลขห้าเป็นเลขคู่ ปัดลง แล้วถ้าหน้าเลขห้าเป็นเลขคี่ปัดขึ้นไหมครับ 1.45 เป็น 1.4 1.35 เป็น 1.4
ที่ผมรู้ยังไม่มีครับ รู้แล้วเอามาแชร์ด้วนนะครับ ช่วยๆกัน
ดีคับ พี่ยังจะกลับมาทำช่องไหมครับ รอคลิปใหม่ๆอยู่นะคับ : )
เดือน 8 น่าจะเริ่มทำคับ
@@AthipatChumnanpa รอคับผม✨✌
ดูแล้วทำตาม สำเร็จเรียบร้อยเข้าใจง่ายดี ขอบคุณครับ
ถ้าข้อมูลมี 2 ช่อง เลือกช่อง 1 แล้วจะไม่สามารถเลือกช่อง 2 ได้ ใช้สูตรยังไงค่ะ
สามารถแก้ไข แถบ scroll bar แนวนอน ได้ด้วยไหมคะ ทำตามแบบแนวตั้งแต่ก็ไม่หายค่ะ
เจอปัญหานี้บ่อยมาก ขอบคุณนะคะ
ขอบคุณมากๆค่ะ
รบกวนปรึกษาหน่อยได้ไหมครับ ถ้าจะแก้ไขข้อมูลบางรายการ ต้องทำอย่างไร
แก้ไขแบบไหนครับ ถ้ามีรายละเอียดให้มากกว่านี้จะดีมากครับ
ขอบคุณครับ
ดูจบบรรลุ ขอบคุณมากครับพี่ ดีกว่าไปอ่านเอง
มีประโยชน์มากครับ ขอขอบคุณมากครับ
ชีส มัน ตัวเล็ก ทำไงได้ครับ
มันจะใช้สูตรอะไรได้คะ ถ้าจะแปลผลเส้นรอบเอว แต่ชายกับหญิงเงื่อนไขต่างกัน เช่น คอลัมภ์ F หญิง(F2="หญิง" ) คอลัมภ์ K เส้นรอบเอว ( K2<=80,"สมส่วน",K2>=81,"รอบเอวเกิน") และ คอลัมภ์ F ชาย(F2="ชาย" ) คอลัมภ์ K เส้นรอบเอว ( K2<=90,"สมส่วน",K2>=91,"รอบเอวเกิน")
อธิบายละเอียด เป็นประโยชน์มากค่ะ ขอบคุงค่าาาาา✌🏼
เเถบมันขึ้นติ๊กทุกอัน เเต่ไม่ขึ้นค่ะ
เยี่ยมมากครับ ดูคลิปนี้ง่ายที่สุดเลย
ขอบคุณค่าาาา❤❤❤
ถ้าอยากให้คำตอบมีค่าเท่ากับ cell อื่นเราต้องทำอย่างไรครับ
แบบว่า =IF(AK2>=1," แสดงค่าของเซลล์อื่น ") เพราะ " แสดงค่าของเซลล์อื่น " ค่านี้มันไม่เท่ากัน
Argument ที่ 2 กดเลือกเซลที่จะแสดงค่าได้เลยครับ
Thank you so much!
/* ..............*/ ตัวตัวอะไรหรอครับ
เป็นการ comment ใน css ครับ
@@AthipatChumnanpa พิมพ์ผิด จะถามว่า กดยังไงครับ 555
Ctrl + / ครับผม
ขอบคุณครับ
สอนกระชับเข้าใจง่ายมากครับ
สุดยอด
การคิดคํานวณเกรดเฉลี่ย ที่มีผล ร มส ด้วยทำยังไงคะ
++
ก้อปเชลล์ที่ว่างไม่ได้ครับ
ใช้คีย์ลัดครับ Ctrl + c = copy Ctrl + v = paste
เจอแล้วครับเซลที่ว่าง เป็นการกด atl+enter ทำให้มีช่องว่างบรรทัดบน มันจึงก้อปไม่ได้ มันไม่ใช่วรรค จึงนำไปแทนค่าไม่ได้ เพราะกด atl+enter ไม่ได้ในช่องแทนค่า วิธีแก้ให้กด ctr+shift+j แทนครับ เผื่อคนติดปัญหาแบบผมในอนาคต
ขอบคุณมากครับ
ดีครับเข้าใจง่ายดี ทำเลื่อยถึง js เลยนะครับ เป็นกำลังใจให้ครับ😊😊😊
ขอบคุณครับผม กำลังหาตัว เส้นผ่าศูนย์กลาง เจอคลิปนี้หาเจอง่ายเลย
ขอบคุณมากค่ะ
เป็น 7 นาทีกว่า ๆ ที่คุ้มค่ามาก ๆ กับชีวิตสายเดฟต่อจากนี้ครับ คาราวะเลย
อธิบายและยกตัวอย่างได้ละเอียดมากค่ะ กำลังหาวิธีแก้อยู่เลย ขอบคุณนะคะ ปล. Objects โดนใจมาก
อธิบาย border box ได้เข้าใจง่ายมากครับ ช่วงที่กำลังศึกษาพื้นฐานcss ผมก็งงตรงนี้ครับ
ขอบคุณครับปรมาจารย์ excel