Hey ทุกคน! ผม เริ่มซีรีส์ใหม่ สัมภาษณ์นักพัฒนาที่กำลังเรียนโค้ดหรือเปลี่ยนอาชีพ สัมภาษณ์นี้กับ Owen, ส่วนหนึ่งของ Programmer Community บน Instagram ผมรู้สึกว่าการแบ่งปันอย่างซื่อสัตย์ของเขาเกี่ยวกับการเรียนโค้ดขณะมีงานประจำและลูกเล็ก จะเป็นกำลังใจให้คนที่ทำอย่างเดียวกัน หวังว่าคุณจะได้แรงบันดาลใจจาก

Hey ทุกคน! ผมตื่นเต้นมากที่จะแนะนำ Mandy, Game Developer 自學 เธอเปลี่ยนอาชีพ สอนตัวเองสร้างเกม และปัจจุบันดำเนินร้าน Game Dev กับสามี หากคุณมองหาเรื่องราวคนที่ปรับตัวใหม่และเป็นบอสตัวเอง ไม่ต้องมองไกล! 🙂 ขอแนะนำตัวสั้นๆ และบอกว่าตอนนี้ทำอะไรอยู่? ผมคือ Mandy, โปรแกรมเมอร์自學 และ Co-Founder ของ Black

หากคุณสอนตัวเองเขียนโค้ด อาจมีคำถามมากกว่าคำตอบตอนเริ่มต้น ควรเรียนอะไร? จะหาวิธีแก้ Bug ได้อย่างไร? และจะรักษาแรงจูงใจได้อย่างไรเมื่อมันดูเหมือนภารกิจที่เป็นไปไม่ได้? หากคุณกังวลเกี่ยวกับโอกาสความสำเร็จในการเขียนโค้ด ผมหวังว่า 10 เคล็ดลับนี้จะให้กำลังใจและแรงจูงใจ! 1. มีเป้าหมายที่ชัดเจนในใจเมื่อเร

บทช่วยสอน Gulp 4 นี้จะอธิบายทีละขั้นตอน วิธีตั้งค่า Gulp ใน Workflow เพื่อคอมไพล์ไฟล์ Sass และ JavaScript หากยังไม่เคยใช้ Gulp ผมแนะนำให้ลองดู! คุณสามารถใช้ Gulp รัน Tasks ที่มีประโยชน์มากมาย เช่น คอมไพล์ไฟล์ Sass เป็น CSS ประมวลผลไฟล์ JavaScript และเพิ่มประสิทธิภาพไฟล์ นี่คือขั้นตอนพื้นฐานในการติดต

z-index คืออะไร? z-index เป็นคุณสมบัติ CSS ที่ให้คุณจัดตำแหน่ง HTML Elements เป็นชั้นๆ ทับกัน ดูเรียบง่ายแต่จริงๆ แล้วหลอกลวง มีกฎแปลกๆ ไม่直覺 (non-intuitive) ทำให้มันไม่ทำงานкакที่คุณต้องการ—แม้ตั้ง z-index เป็น 999999! บทความนี้อธิบายรายละเอียด 4 เหตุผลหลักที่ z-index ไม่ทำงาน คุณจะเรียนรู้ใช้ CSS

เพื่อเพิ่มสีพื้นหลังให้ HTML element คุณสามารถใช้คุณสมบัติ CSS background-color สมมติคุณมี HTML Markup ดังนี้ และต้องการเพิ่มสีพื้นหลังให้ element <body>: <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title>Changing background color in HTML/CSS</title>

ต้องการเยื้องข้อความใน HTML element? คุณสามารถเยื้องบรรทัดแรกของย่อหน้าได้ด้วย CSS! วิธีทำดังนี้: เยื้องบรรทัดแรกของย่อหน้าด้วย text-indent สมมติคุณมีข้อความในย่อหน้าประมาณนี้: <p class="indent"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa sit aperiam deserunt quae

นี่คือ 3 วิธีใช้ CSS วาง HTML div elements ติดกัน (คลิกเพื่อกระโดดไปแต่ละส่วน) Float Method Flexbox Method CSS Grid Method Float Method ใน Float Method เราจะใช้ HTML Markup ดังนี้: <div class=float-container> <div class=float-child> <div class=green>Float Column 1</div> <

ในบทช่วยสอนวันนี้ เราจะสร้าง Navigation Bar บนสุดด้วย HTML และ CSS เราจะดู 2 วิธี: Flexbox และ CSS Grid จะเป็นโอกาสดีในการเปรียบเทียบความแตกต่างของทั้งสองวิธี และคุณสามารถเลือกวิธีที่ชอบได้ นี่คือลักษณะ Navigation Bar ที่เสร็จสมบูรณ์: บน Desktop ลิงก์ทั้งหมดอยู่แถวเดียว Home อยู่ซ้าย ลิงก์อื่นๆ อยู

จะจัดกึ่งกลาง element ปุ่มแบบ block หรือ inline-block ด้วย CSS และ HTML ได้อย่างไร? เรื่องนี้อาจท้าทายเล็กน้อย แต่นี่คือเคล็ดลับด่วนสำหรับจัดกึ่งกลางปุ่ม ไม่ว่าจะเป็นประเภท element ใด Element ปุ่มแบบ Inline-block Element ปุ่มและลิงก์ โดยค่าเริ่มต้นเป็น display: inline-block Element ที่ตั้งค่า inline

คุณสามารถใช้ลิงก์ anchor (<a>) ใน HTML เพื่อลิงก์ไปหน้าอื่นหรือเว็บไซต์อื่น แต่จะลิงก์ไปส่วนเฉพาะของหน้าเว็บได้อย่างไร? คำตอบคือ Jump Links Jump Links คือลิงก์ที่ไม่ได้แค่โหลดหน้า แต่จะ กระโดด ลงไปยังส่วนเฉพาะของหน้าเว็บ คุณสามารถใช้ภายในเพื่อลิงก์ไปหน้าอื่นของเว็บไซต์ตัวเอง และแชร์ลิงก์ภายนอก

การเพิ่มคอมเมนต์ในโค้ดเป็นวิธีที่ช่วยให้คุณหรือผู้อื่นเข้าใจว่าโค้ดทำอะไร โค้ดหรือข้อความที่ถูกคอมเมนต์จะถูกเบราว์เซอร์เพิกเฉย อ่านต่อเพื่อดูวิธีสร้างคอมเมนต์ใน HTML, CSS และ JavaScript! วิธีเขียนคอมเมนต์ใน HTML คอมเมนต์ HTML บรรทัดเดียว เพื่อคอมเมนต์บรรทัดเดียวของ HTML ให้วางข้อความหรือโค้ดที่ต้องก

เมื่อรัน Gulp คุณอาจเห็นข้อผิดพลาด cannot find module gulp-sass ข้อความนี้หมายถึง Gulp พยายามรันฟังก์ชันจากแพ็กเกจ gulp-sass แต่หาไม่เจอ หากได้ข้อผิดพลาดนี้ นี่คือวิธีแก้ไขหลายวิธี: ตรวจสอบโฟลเดอร์ node_modules เมื่อติดตั้งแพ็กเกจ npm จะสร้างโฟลเดอร์ node_modules ในรากโปรเจกต์ และเพิ่มแพ็กเกจที่ติด

หากคุณใช้ Gulp รัน tasks ลองรัน gulp บนบรรทัดคำสั่ง แต่ได้ข้อผิดพลาด gulp: command not found? ทำไมจึงเกิดขึ้น? เพื่อรันแพ็กเกจบนบรรทัดคำสั่งจากไดเรกทอรีใดก็ได้ ต้องติดตั้งแพ็กเกจนั้นแบบ Global บนคอมพิวเตอร์ นี่คือวิธีแก้ไขสองวิธี: ติดตั้ง gulp-cli แบบ Global เพื่อรัน Gulp คุณต้องการสองอย่าง: Gulp C

นี่คือคำแนะนำด่วนสำหรับการติดตั้ง Gulp แบบ Global บนระบบ Windows (ส่วนใหญ่คำแนะนำนี้ใช้กับ Mac ได้เช่นกัน แต่อาจมี syntax แตกต่างเล็กน้อย) ดาวน์โหลดและติดตั้ง Node และ npm ขั้นแรก คุณต้องมี Node และ npm (Node Package Manager) ติดตั้งบนคอมพิวเตอร์ หากไม่แน่ใจว่าติดตั้ง Node แล้วหรือไม่ ให้เปิดบรรทัด

เมื่อพยายามรัน Gulp บนบรรทัดคำสั่ง คุณได้รับข้อผิดพลาด Local gulp not found หรือไม่? แม้คุณจะติดตั้ง Gulp แบบ Global แล้ว คุณยังต้องติดตั้ง Gulp แบบ Local ในไดเรกทอรีโปรเจกต์แต่ละโปรเจกต์ที่ต้องการใช้ Gulp คุณสามารถติดตั้ง Gulp ในไดเรกทอรีโปรเจกต์ได้โดยรัน npm install gulp บนบรรทัดคำสั่ง หรือรัน npm

การทำงานกับ background images ใน CSS อาจเป็นเรื่องท้าทาย เพราะแม้คุณจะตั้งค่าในโค้ดแล้ว ก็ยังมีปัจจัยอื่นๆ ที่อาจป้องกันไม่ให้ background-image แสดงบนหน้าเว็บ เพื่อช่วยแก้ไขปัญหา นี่คือ 4 วิธีในการแก้ไข background-image ที่ไม่ทำงาน โดยใช้ HTML และ CSS: 1. ตรวจสอบว่าไฟล์ CSS ถูกลิงก์ถูกต้องในไฟล์ HTM

หากคุณเจอข้อผิดพลาดแปลกๆ ใน npm เช่น Please run npm cache clean คุณอาจต้องล้างหรือรีเฟรชแคชของ npm เพื่อแก้ไข ให้ลองรัน npm cache clean รัน npm cache verify สำหรับ npm เวอร์ชัน 5 ขึ้นไป อย่างไรก็ตาม หากคุณใช้ npm v5 ขึ้นไป npm ควรจะมีระบบ self-healing (ซ่อมแซมเอง) และคุณอาจได้ข้อผิดพลาดดังนี้เมื่อพย

เมื่อทำงานกับ Gulp คุณอาจพบข้อผิดพลาดนี้: The following tasks did not complete... Did you forget to signal async completion? สาเหตุคือ ใน Gulp 4 ทุก Task จะเป็น Asynchronous (ไม่พร้อมกัน) โดยอัตโนมัติ ฟังก์ชัน Synchronous จะทำงานทีละอัน ต้องรอให้อันก่อนหน้าเสร็จก่อน จะเริ่มทำงานอันถัดไป ส่วนฟังก์ชัน

หากคุณกำลังรัน gulp บนบรรทัดคำสั่งและได้รับข้อผิดพลาดอย่าง: gulp is not recognized as internal or external command หรือ: The term gulp is not recognized as the name of a cmdlet, function, script file, or operable program. ปัญหานี้มักหมายความว่าคุณต้องติดตั้ง Gulp CLI แบบ Global บนคอมพิวเตอร์ และตรวจ