Roadmap

Frontend Developer

เส้นทางการเรียนรู้สู่การเตรียมพร้อมเป็น Frontend Developer ฉบับพื้นฐาน

ก่อนอื่นเลยต้องบอกว่า Roadmap ของ Frontend Developer นั้นสามารถเรียนรู้
ให้จบได้ภายในเวลาเพียง 1 ชั่วโมง เท่านั้นซึ่งแนะนำมาก ๆ ให้ทุกคนลองเรียนดูก่อนที่จะมางาน Thinc First Act

โดยในบทความนี้จะมีลิงก์ไปยังเว็บไซต์อื่น ๆ ซึ่งแบ่งออกเป็นประเภทดังนี้

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

และในแต่ละหัวข้อจะมีลิงก์ที่ต่อยอดจากพื้นฐานเพื่อเรียนรู้เพิ่มเติมต่อได้

Fundamentals

HTML CSS และ JavaScript นั้นคือ 3 ภาษาที่สามารถเรียกได้ว่าสำคัญที่สุดเลยในการสร้างเว็บไซต์

HTML

HTML หรือ HyperText Markup Language คือภาษาพื้นฐานที่เป็นเหมือนกับโครงสร้างของเว็บไซต์
ซึ่งเป็นภาษาที่ง่ายที่สุดในการเรียนรู้

Tips: ถ้าหากว่าอยากต่อยอดสกิลในการเขียน HTML สามารถเรียนรู้ได้จากการเรียนรู้เกี่ยวกับ Semantic HTML และ SEO ได้

CSS

CSS หรือ Cascading Style Sheets คือภาษาที่ใช้ในการจัดรูปแบบหน้าเว็บไซต์ ให้มีความสวยงาม

ภาษานี้อาจจะเป็นภาษาที่ใช้เวลานานในการเรียนรู้ แต่เพียงแค่รู้พื้นฐานก็สามารถใช้งานได้แล้ว และสามารถเรียนรู้เพิ่มเติมได้ต่อไประหว่างการทำงานได้ไม่ยากเลย

Tips: อย่าลืมทำความรู้จักกับการออกแบบเว็บไซต์ให้เป็น Responsive เพื่อให้สามารถรองรับในอุปกรณ์ต่าง ๆ ได้

5 simple tips to making responsive layouts the easy way

JavaScript

สุดท้ายแล้ว JavaScript คือภาษาที่สามารถทำให้เราสามารถเขียนโปรแกรมให้เว็บไซต์ของเราทำงานได้

JavaScript นั้นถือว่าเป็นภาษาที่ยากที่สุดใน 3 ภาษา แต่ก็เป็นภาษาที่เราจะได้ใช้งานและต่อยอดต่อไปในเนื้อหาต่อ ๆ ไป

Tips: สุดท้ายเราลองมานำ 3 ภาษาที่เรียนมาทั้งหมดมาใช้งานร่วมกันดูผ่านตัวอย่างเล็ก ๆ นี้ได้เลย

Build a Netflix Landing Page Clone with HTML, CSS & JS

เพียงเท่านี้ เราก็เชื่อว่าทุกคนก็สามารถเริ่มต้นเรียนรู้เกี่ยวกับ Frontend Developer ได้แล้ว
และอย่าลืมมางาน Thinc First Act กันด้วยนะ