by Frevation | Dec 9, 2021 | blog, ReactJS, Web Development
Responsive เป็นสิ่งที่ปัจจุบันล้วนใช้กันเนื่องจากผู้คนส่วนใหญ่ล้วนใช้สมาทโฟนกัน วันนี้เรามี library ที่น่าสนใจมาฝากกัน นั่นก็คือ react responsive ใช้งานง่าย ไม่เก่ง css ก็สามารถใช้ได้ วิธี install yarn add react-responsive –save จากนั้นก็ import เข้ามาตามในรูป...
by Frevation | Nov 26, 2021 | blog, Web Development
Grid ถือเป็นตัวเลือกนึงที่ช่วยเราในการจัด layout ของเว็ปไซต์หรือโปรเจคต่างๆของเรา ในที่นี้เราจะมาลองใช้ css grid ของ material ui กัน ถือเป็นตัวนึงที่ใช้งานง่าย เข้าใจได้ไม่ยาก เริ่มแรกเลย เรามาสร้างโปรเจคของเรากัน ในที่นี้ผมจะใช้ next JS ในการเขียน...
by Frevation | Nov 19, 2021 | blog, Web Development
คุณเคยประสบปัญหานี้ไหม จะขายเว็ปไซต์ให้ลูกค้าหลายคน ซึ่งถ้าขายให้ลูกค้า 10 คน แล้วบังเอิญไปเจอบัคสักบัคนึงเนี่ย เราต้องไปนั่งแก้บัคให้ลูกค้าทีละคน จะดีกว่ามั้ยถ้าเราแก้บัคทีเดียวลง github ให้ deploy เสร็จให้ครบทุกคนในทีเดียว เริ่มต้น เราจะมาสร้าง project ใน MongoDB...
by Frevation | Nov 12, 2021 | blog, JavaScript, Web Development
การเขียนฟังก์ชันเพื่อรองรับการใช้งานซ้ำ บางครั้งก็ต้องการความยืดหยุ่น เพื่อให้ผู้ที่เรียกใช้ฟังก์ชันสามารถใช้งานฟังก์ชันได้อย่างยืดหยุ่นและนำไปใช้ซ้ำในงานได้อย่างตรงความต้องการ ซึ่งการประกาศ optional parameters ในฟังก์ชันเป็นสิ่งที่ทำให้ฟังก์ชันมีความยืดหยุ่น...
by Frevation | Nov 4, 2021 | blog, Web Development
Mongodb chart เป็น tool ในการสร้างกราฟจากข้อมูลใน mongoDB ซึ่งสามารถดึงข้อมูลมาจาก database และทำการประยุกต์ข้อมูลได้โดยตรง ตัวอย่างนี้ เราจะใช้ข้อมูลที่ mongo ให้มา เพื่อทำกราฟต่างๆ และรวมเข้ากับ website ของเรา โดย website เราจะใช้ nextJS ในการทำ ขั้นแรกเราจะสร้าง...
by Frevation | Nov 4, 2021 | blog, JavaScript, Web Development
วันนี้ผมจะมาแนะนำเกี่ยวกับไลบรารีที่จัดการแอนิเมชันบนเว็บไซต์ ไม่ว่าจะเพื่อทำแฟลชเกม หรือนำเสนองานก็ทำให้ง่ายขึ้นทันตาเห็น ซึ่งในการ tutorial ครั้งนี้จะเป็นการนำเสนอวิธีการเขียนบนไฟล์ JS ผู้อ่านสามารถนำไปประยุกต์ใช้กับ framework ที่ตนเองใช้งานได้ ...
