Tag: codecademy

  • หัดเขียนโปรแกรมไปกับ Codecademy.com

    หัดเขียนโปรแกรมไปกับ Codecademy.com

    วันก่อนไปเจอเว็บน่าสนใจเข้าเว็บนึง ชื่อเว็บ Codecademy โดยเว็บนี้จะสอนเราเกี่ยวกับการเขียนโปรแกรม ทีละขั้นตอน เข้าใจง่าย และทำไปพร้อม ๆ กับที่เว็บสอน รวมถึงมีการเก็บสะสมคะแนน และ Badges ต่าง ๆ ที่เราจะได้ในระหว่างที่ทำแบบทดสอบ

    codecademy [1]
    หน้าตาของเว็บ Codecademy

    คลิ๊กที่ Sign Up เพื่อสมัครเข้าใช้งานเลยครับ

    codecademy [2]
    กรอกข้อมูลต่าง ๆ เพื่อสมัครเข้าใช้งาน

    เมื่อกด Sign Up ไปแล้ว ก็เข้าสู่หน้านี้

    codecademy [4]
    หน้า Profile หลังจากสมัครแล้ว

    ระหว่างนั้นก็จะมีอีเมลส่งมาให้ตามอีเมลที่เราสมัครไป

    codecademy [4]
    เนื้อหาของอีเมลที่ส่งมาให้เรา

    แต่ก่อนจะทำอะไรต่อไป แนะนำให้ไปที่ Edit Account ก่อนนะครับ จะได้ตั้งค่าต่าง ๆ ที่จำเป็นในการเข้าใช้ครั้งหน้าของเรา

    codecademy [5]
    ตั้งค่า Account ของเราให้เรียบร้อยก่อนเรียน

    เมื่อกรอกข้อมูลต่าง ๆ จนเสร็จแล้ว มาที่หน้า Profile จะพบว่าข้อมูลของเราเปลี่ยนไปตามที่เรากรอกข้อมูลแล้ว เรามาเริ่มเรียนเขียนโปรแกรมกันดีกว่า

    codecademy [6]
    หน้าของ Profile ที่เปลี่ยนตามที่เราตั้งค่าไว้

    พอเราคลิ๊กที่หัวข้อ Getting Started with Programming ก็จะเป็นรายละเอียดเกี่ยวกับหัวข้อนี้สำหรับเรา ว่าเราเรียนไปถึงไหนแล้ว แต่ตอนนี้เรายังไม่ได้เริ่ม เลยยังเป็น 0% อยู่ งั้นก็มาเริ่มเรียนโดยกดที่ Start your first lesson ทางด้านขวา

    codecademy [7]
    คลิ๊ก Start your first lesson เพื่อเริ่มเรียน

    ในหน้าบทเรียนนั้น จะมีลักษณะเป็นแบบนี้

    codecademy [8]
    หน้าบทเรียน

    โดยแต่ละส่วนก็ทำหน้าที่ของมันดังนี้

    codecademy [13]
    บอกว่าเราอยู่หัวข้อไหน บทที่เท่าไหร่แล้ว
    codecademy [14]
    บอกจุดประสงค์ของหัวข้อนี้ ว่าต้องการให้เราทำอะไร
    codecademy [15]
    ส่วนที่ไว้ให้เราเขียนโปรแกรม ตามจุดประสงค์ของแต่ละข้อจากด้านซ้าย

    และเมื่อทำจนจบบทแรก เราก็จะได้ Badges อันแรกมา รวมถึงคะแนนต่าง ๆ ที่เพิ่มขึ้นระหว่างที่เราเรียน

    codecademy [10]
    ได้ Badges หลังจากที่ทำบทแรกเสร็จ

    คราวนี้ลองกลับมาที่หน้า Profile จะพบว่า เราเรียนหัวข้อ Getting Started with Programming ไปแล้ว 12% มีแต้มสะสมเท่าไหร่ ได้ Badges อะไรบ้างแล้ว

    codecademy [11]
    หน้า Profile ของเราที่เปลี่ยนไป หลังจากที่เรียนบทแรกเสร็จแล้ว

    ซึ่งตอนนี้ ถ้าเข้าไปที่หัวข้อ Courses จะพบว่ามีให้เรียนอยู่สองหัวข้อตามนี้

    codecademy [12]
    หน้า Courses

    ถ้าใครอยากลองเข้าไปเรียนบ้าง ก็ตามไปที่ Codecademy เลยครับ