Ex : เส้นทางสู่ React Web Dev.

K.
Mattick
Published in
2 min readMar 31, 2018

หัวข้อ

  1. React Web Dev คืออะไร
  2. Online course แนะนำ
  3. Basic Project ที่ควรจะมี

React Web Dev คืออะไร

React Web Dev ก็คือ category หนึ่งใน Front-end Web Dev โดย Front-end คือคนที่ทำหน้าที่จัดการกับหน้าเว็บต่างๆ (view) ที่แสดงผลตอบโต้กับ User ที่เข้ามาใช้เว็บไซต์ของเรา ในปัจจุบันการเขียนเว็บในแบบ Single Page Application (SPA) มี Framework หรือ Libaryให้เลือกใช้หลายหลากเหลือเกิน Framework แต่ละชนิดก็ใช่ว่าจะใช้งานง่าย ช่วงหลังๆ จึงมีการเจาะจงมากยิ่งขึ้นว่าอยากได้คนทำงานที่ใช้ Framework หรือ Libary ตัวไหนบ้าง ภาพกว้างๆ ของ Front-end Web Dev

เนื่องจากมาจากสาย React เลยไม่ค่อยรู้จักเทคโนโลยีที่เหลือ

ตามตารางในแนวตั้งคือเทคโนโลยีที่มีการพัฒนาในรูปแบบใกล้เคียงกัน พูดง่ายๆก็คือถ้าเขียน Web ด้วย React อยู่แล้วอยากไปเขียน Mobile App ก็สามารถย้ายไปเขียนโดยใช้ ReactNative ได้เลย พวก life cycle ต่างๆจะคล้ายกันแต่ก็ไม่ 100% ประมาณ 80% ที่เหลือก็ไปหัดกันอีกนิดๆหน่อยๆก็ใช้ได้ละ

สำหรับการเลือกเรียนว่าจะเรียนสายไหนหรือจะเรียนทั้งสามสายก็ควรจะเริ่มจากถูกจริตกับการเขียนแบบไหนมากกว่า เพราะสไตล์การเขียนทั้งสามสายนี้ต่างกันอยู่พอสมควร แต่ในบทความนี้จะแนะนำคอร์สออนไลน์สำหรับ React

Online course แนะนำ

สำหรับคอร์สตัวแรกจะเป็นในลักษณะบทความสอนตั้งแต่ set enviroment ต่างๆ, redux รวมถึง Server Side Render นี้มันคือคอร์สที่คุ้มยิ่งกว่าคุ้มอีกและด้วยความที่มันฟรี ทำให้ทุกคนเข้าถึงได้ง่าย เนื้อหาที่เป๊ะ เป๊ะ เป๊ะ อัดแน่ยิ่งกว่ารถไฟฟ้าเวลาเร่งด่วนก็คอร์สนี้แหละครับที่แนะนำ

ต่อมาก็เป็นส่วนของ Udemy coures ซึ่งไม่ได้เป็นคอร์สฟรี แต่ดูจากรายละเอียดแล้วก็น่าสนใจเหมือนกัน คอร์สนี้สามารถ preview ดูก่อนได้ ใครสนใจก็จัดเลยยย

ที่สุดแห่ง A brief history of React.

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

kongruksiam ชื่อนี้การันตีคุณภาพ

สำหรับคนที่ไม่รู้จัก channel นี้ก็จะแนะนำว่าเป็น channel ที่มีคอร์สเรียนฟรีเกี่ยวกับการเขียนโปรแกรมเยอะมากกกกกกกกกกกกกก (กอ ไก่ล้านตัว) สไตล์การสอนก็แนวๆสอนเรื่อยๆ แต่ละพาร์ทไม่ได้ยาวอะไรมาก

Basic Project ที่ควรจะมี

classic ที่สุดก็น่าจะเป็นเว็บขายของ

  • แสดงผลสินค้าต่างๆ จากข้อมูลที่มีอยู่ได้
  • หัดใช้งานการติดต่อกับ api REST ก็ได้ Graphql ก็ได้
  • sort สินค้า เช่น ล่าสุด ถูกที่สุด บลาๆ

ถ้าใครทำแล้วติดปัญหาก็ส่ง repo github มาให้ช่วยดูก็ได้ ส่ง repo คลิ้กตรงนี้เลยจ้ะ หรือจะติดต่อหลังเพจก็ได้นะ ถ้าว่างก็จะมาตอบให้ enduce.cc

ทิ้งท้ายก่อนจากลา

ทำไมเราจำเป็นต้องเรียน React เนื่องจาก React dev ตอนนี้มีจำนวนน้อยมากกกก หลายๆบริษัทยังหา React dev อยู่อีกเยอะ ลองเสิร์ชๆ ใน blognone job ก็ยังเห็นหลายบริษัทเปิดรับหรือไม่ก็ในกลุ่ม job for thai programmers เงินเดือนเริ่มต้นส่วนใหญ่สำหรับ React dev ก็ถือว่าอยู่ในเกณฑ์ที่โอเคมาก เริ่มต้นจะประมาณ 20–25k

QUE
Nextzy

อีกหนึ่งเรื่อง

คือสำหรับคนที่เริ่มเรียน React แล้วเกิดท้อว่าทำไมมันยากเหลือเกิน เรียนเป็นอาทิตย์ละ ยังไม่เห็นเข้าใจเลย ขอบอกนะครับว่า นั้นแหละคุณมาถูกทางแล้ว ส่วนใหญ่สำหรับคนที่มีพื้นฐานเขียนโปรแกรมมาอยู่แล้วจะใช้เวลาประมาณ 1–2 เดือนในการเรียนใช้งานได้ แต่ถ้าหากไม่มีประสบการณ์ในการเขียนโปรแกรมมาเลย อาจจะใช้เวลาเพื่อขึ้นกลายเป็น 2–4 เดือนเลยก็ได้ กรอบเวลาที่ให้ไปคือเรียนประมาณวันละ 6–8 ชม ต่อวันตลอดเดือนนะครับ

ลานะจ้าาาาาาาาาาาา บัยยยยยยย~~~~

ปล.ไม่ได้ค่าโฆษณาใดๆทั้งสิ้น แต่ถ้าหากมีค่าสปอนเซอร์ให้ก็จะดีมากนะครับ 55555

--

--

K.
Mattick

Founder & Head of research center@ VulturePrime Co., Ltd.