ใครที่กำลังสนใจศึกษาด้านการเขียนเว็ปเว็บไซต์วันนี้ Alon มี
Course เรียนฟรีๆเเถมเรียนเสร็จเเล้วได้ใบ certification ด้วย!
รูปภาพจาก freecodecamp.org
freeCodeCamp เป็นองค์กรไม่เเสวงหาผลกำไรจัดตั้งโดยคุณ Quincy Larson
มีเนื้อหาในหัวข้อต่างๆมากมาย เช่น
Responsive Web Design
JavaScript Algorithms and Data Structures
Front End Development Libraries
ซึ่งในวันนี้ Alon จะมารีวิวในส่วนของ Responsive Web Design ครับ
โดยคำว่า Responsive ในที่นี้หมายถึงการเปิดหน้าเว็ปในอุปกรณ์ที่เเตกต่างกันเเต่จะให้การเเสดงผลที่ไม่ผิดเพื้ยนในอุปกรณ์นั้นๆนะครับหลายๆคนอาจจะเข้าใจผิดว่าเป็นการตอบสนองของเว็ปไซต์กับฐานข้อมูล
เอาละมาถึงตรงนี้เเล้ว Alon ต้องขอบอกเลยว่าสำหรับผู้ที่ไม่มีพื้นฐานก็สามารถเรียนได้เเต่เนื้อหาทั้งหมดจะเป็นภาษาอังกฤษนะครับโดยเนื้อหาหลักๆก็จะไปที่พื้นฐานของ HTML เเละ CSSครับ
โดยจะมีหัวข้อหลักอยู่ 7 หัวข้อซึ่งในหัวข้อต่างๆก็จะซอยย่อยออกมาจะมากหรือน้อยก็เเล้วเเต่หัวข้อครับ
รูปภาพจาก freecodecamp.org
โดยวิธีการสอนของทาง freecodecamp คือ จะมีการอธิบายเนื้อหาทางหัวข้อนั้นๆเเละจะให้เราได้ลองเขียนโค๊ดเลยที่ช่องตรงกลางเเละเเสดงผลออกมาทางจอด้านขวามือทันทีครับเมื่อทำเสร็จเเล้วให้กดคำว่า Run the Tests ถ้าหากทำถูกก็จะไปที่เนื้อหาต่อไปครับ
รูปภาพจาก freecodecamp.org
เเต่เพื่อนๆไม่ต้องกังวลไปนะครับหากข้อไหนที่เราทำไม่ได้จริงๆเขาก็มีตัวช่วยครับโดยกดคำว่า Get help เเล้วเลือกหัวข้อ Get hint ก็จะปรากฏหน้าต่างใหม่ซึ่งเป็นเหมือนชุมชนออนไลน์เเละจะมีคนที่ทำผ่านเเล้วหรือ Bot ของทาง freecodecamp มีโค๊ดตัวอย่างเป็นเเนวทางให้ครับ
เมื่อเรียนเนื้อหาต่างๆครบเเล้วเราก็ต้องมาลงมือทำโปรเจคที่ทาง freecodecamp ได้กำหนดไว้ครับโดยในหัวข้อ Responsive Web Design จะต้องทำโปรเจคทั้งหมด 5 อย่างครับ
รูปภาพจาก freecodecamp.org
โดยวิธีทำโปรเจคส่งเราจะต้องทำผ่านเว็ปไซต์ https://codepen.io/pen/ ครับซึ่งก็เป็นเว๊ปไซต์ที่เราสามารถเขียนโค๊ดเเละเซฟไว้บนแพลตฟอร์มออนไลน์ซึ่งคนอื่นสามารถเห็นโค๊ดของเราเเละช่วยเเก้ไขปรับปรุงได้ด้วยครับพอทำเสร็จเเล้วก็ก๊อปปี้ลิ้งเเล้วส่งได้เลยครับ
รูปภาพจาก freecodecamp.org
เเละเมื่อเราทำเสร็จเเล้วก็จะได้ใบ certification เเบบนี้มาครับ ปล.tokkyman เป็นนามเเฝง Alonเองครับเเต่ถ้าหากเพื่อนๆอยากให้ใบ certification เอาไว้ไปประกอบเพื่อการสมัครงานก็สามารถเปลี่ยนชื่อเป็นภาษาไทยได้ครับเพราะตอนที่สมัครทางเว็ปไซต์จะมี Account สำหรับยื่นยันบุคคลไม่สามารถปลอมได้ครับสังเกตรูปที่ผมเเนบไว้จะมีลิ้งสำหรับไปที่ตัว certification ครับ
รูปภาพจาก freecodecamp.org
อันนี้ก็จะเป็นตัวอย่างของหนึ่งในโปรเจคครับเพื่อนๆสามารถตกเเต่งอย่างไรก็ได้นะจะใช้ javascript หรือ จะใช้ bootstrapมาช่วยก็ได้ครับเเต่อันนี้ที่ Alon ทำจะอิงจากเนื้อหาที่ได้เรียนมาครับว่าเรียนเสร็จเเล้วเราก็จะทำได้ประมาณนี้ ปล.ในส่วนของ css ทางเว็ปไซต์สอนพื้นฐานค่อนข้างเเน่นครับเพื่อนๆสามารถตกเเต่งให้เหมือนเว็ปสวยๆตาม Google ได้เลยครับเเต่อันนี้ผมเเนบมาเป็นตัวอย่างนะ
สุดท้ายนี้ Alon ก็ขอเป็นกำลังใจให้กับทุกคนที่กำลังลองศึกษาทางด้านการเขียนเว็ปไซต์นะครับ.....ทั้งนี้การเรียนรู้จากสื่อที่เป็นของไทยก็มีมากมายเเล้วคนเก่งๆก็เยอะมากเลยครับ
Alon ขอเเนะนำช่องยูทูปต่อไปนี้เพื่อเป็นเเนวทางในการเรียนรู้ครับ
1.BorntoDev
2.Patiphan Phengpao
3.KongRuksiam Official
4.prasertcbs
ขอบคุณครับ
โฆษณา
- ดาวน์โหลดแอปพลิเคชัน
- © 2025 Blockdit
