💡 เมื่อเราได้เรียนรู้วิธีการเขียนเว็บมาสักพักแล้ว ไม่ว่าจะเป็นพื้นฐานที่สำคัญ เช่น HTML, CSS และ JavaScript แล้วเราอยากจะอยากไปลองใช้ Library หรือ Framework เจ๋ง ๆ ที่ช่วยในการเขียนเว็บ อย่าง React ต้องรู้อะไรบ้าง ??
.
👉 ซึ่งไอเจ้า React เนี่ยมันมีพื้นฐานจาก JavaScript นั่นเอง เราจึงจำเป็นต้องรู้ Concept ที่สำคัญ ๆ ก่อนจะไปใช้งานเจ้า React นั่นเอง
.
มีอะไรบ้าง?? ไปดูกันเลยจ้า 🔥
.
⚙️ Basic Data Structure
Data Structure เป็นหัวใจหลักในการเขียนโปรแกรม ดังนั้นเราต้องเรียนรู้ Data Structure ประเภทต่าง ๆ ให้เข้าใจก่อน ตัวอย่างเช่น การรับ-ส่ง Request จาก API มายัง JS เราก็ต้องมีวิธีที่จะจัดการกับโครงสร้างของข้อมูลที่ดึงมาจาก API เพื่อให้เราสามารถนำข้อมูลนั้นไปใช้ได้ตามต้องการ
.
🌟 DOM
DOM หรือ Document Object Model เป็นการปรับเปลี่ยนโครงสร้าง HTML ให้เป็นแบบ Object โดยให้ JavaScript สามารถจัดการกับ HTML ผ่านโครงสร้างของ DOM ได้นั่นเอง ซึ่งเจ้า React จะใช้โครงสร้าง DOM เป็นหลัก เพื่อสร้างการโต้ตอบบนหน้าเว็บที่สะดวกยิ่งขึ้น ตัวอย่างเช่น เมื่อคลิกปุ่มสามารถแสดงข้อความ หรือเปลี่ยนสีของข้อความนั่นเอง
.
🚚 API
API ย่อมาจาก Application Program Interface ซึ่งเราต้องมีพื้นฐานการใช้งาน API เพื่อนำข้อมูลมาใช้บนหน้าเว็บนั่นเอง อาจจะไม่ต้องถึงกับสร้าง API ใช้ก็ได้นะ เพียงแค่รู้โครงสร้าง และวิธีการดึงมาใช้งานพื้นฐานก็พอแล้ว !!
.
🔧 Axios / Fetch
เครื่องมือสำคัญที่ช่วยให้เราดึง API ต่าง ๆ มาใช้งานได้ง่ายมากขึ้นนั่นเอง !! ซึ่งเป็นสิ่งสำคัญมาก ๆ ในการพัฒนาหน้าเว็บ เพราะมันจะช่วยให้เราสามารถรับ-ส่งข้อมูลแบบไดมามิก และเชื่อมต่อระหว่าง Back-end ได้ง่าย
.
📚 ES6+
สิ่งสำคัญคือเราต้องเรียนรู้วิธีเขียน JavaScript มาตรฐานใหม่ ซึ่งจะช่วยให้โค้ดของเรามีรูปแบบที่อ่านง่ายมากขึ้น !! ซึ่งใน React ที่จะนิยมใช้ ได้แก่ Template Literals, Arrow Functions, Promise, Async / Await, const & let vs var และ Spread Operator นั่นเอง
.
🗂️ JS Array Methods
เมื่อเราสามารถดึงข้อมูลจาก API มาใช้ได้แล้วนั้น เราก็ต้องรู้จักวิธีจัดการกับข้อมูลนั้น ๆ ด้วยนะ ซึ่งมันจะง่ายขึ้นถ้าเรารู้จักใช้ความสามารถของ Array Methods ต่าง ๆ ซึ่งที่นิยมใช้กัน ได้แก่ map(), forEach(), find(), และ filter() เป็นต้น บอกเลยว่าถ้าใช้พวกนี้เป็น ทำให้ชีวิตง่ายขึ้นแน่นอน!! 5555
.
อะทั้งหมดนี้คือ Concept JavaScript พื้นฐานที่สำคัญที่คนเขียน React ต้องมีนะ หวังว่าเพื่อน ๆ จะชอบกันน้าาาา ใครมีอะไรเพิ่มเติมคอมเมนต์ไว้ได้เลย 🥰
.
📑 Source : https://lorenzejay.hashnode.dev/javascript-concepts-you-should-know-before-jumping-into-react-or-any-other-frontend-framework
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有4部Youtube影片,追蹤數超過12萬的網紅prasertcbs,也在其Youtube影片中提到,ดาวน์โหลดไฟล์ Excel ที่ใช้ในคลิปได้ที่ ► https://bit.ly/2NFwMWD ? เชิญสมัครเป็นสมาชิกของช่องนี้ได้ที่ ► https://www.youtube.com/subscription_center?ad...
「array filter」的推薦目錄:
- 關於array filter 在 BorntoDev Facebook 的精選貼文
- 關於array filter 在 That Food Cray Facebook 的最讚貼文
- 關於array filter 在 2how Facebook 的最佳解答
- 關於array filter 在 prasertcbs Youtube 的最佳貼文
- 關於array filter 在 prasertcbs Youtube 的精選貼文
- 關於array filter 在 prasertcbs Youtube 的最佳貼文
- 關於array filter 在 JavaScript 陣列處理方法[filter(), find(), forEach(), map(), every 的評價
- 關於array filter 在 Filtering Array Elements Based on a Test Function - JavaScript ... 的評價
- 關於array filter 在 How to filter an array from all elements of another array - Stack ... 的評價
- 關於array filter 在 tc39/proposal-array-filtering - GitHub 的評價
array filter 在 That Food Cray Facebook 的最讚貼文
The tong 湯 is strong @4.bites! My grandparents and my parents are all about that 湯. No meal was complete without soup. At “Four Bites,” I’m reminded of the delicious Chinese dishes my family would cook, focusing on quality ingredients and delicacies with an array of health benefits. My favourites were the Muscovy Duck Soup with Black Garlic and Chicken Soup with Cordyceps.
Soupreme soup aside, the Seafood Noodle with Wild Red Mushrooms is on point as well. The Seafood Noodles are made with prawns, dried razor clams, pork belly, conpoy, bean curd puff, and bok-choy.
Save room at the end for a Goji Berry Cookie and fresh hand- crafted filter coffee. FOURBITES uses single origin beans roasted from a tiny micro-roasters in Peng Chau, Caau Dau.
Don’t forget to order that tong tong tong tong tong!
#fourbiteshk #4biteshk
#coffee #coffeehk
#cafe #cafehk
#4bitesArt #4bitesbrew #4bitesmenu #4bitesteam
array filter 在 2how Facebook 的最佳解答
Leica เปิดตัวกล้อง Leica Q2 Monochrom อย่างเป็นทางการ ราคา $5,995
• 47.3 MP full-frame monochrome CMOS sensor
• ไม่มี color array หรือ low pass filter
• Maestro II image processor
• ISO range of 100-100,000
• เลนส์ Summilux 28 f/1.7 ASPH
• 4K video
• Weather sealing
• OLED viewfinder
//ม่วนใจ๋
array filter 在 prasertcbs Youtube 的最佳貼文
ดาวน์โหลดไฟล์ Excel ที่ใช้ในคลิปได้ที่ ► https://bit.ly/2NFwMWD
? เชิญสมัครเป็นสมาชิกของช่องนี้ได้ที่ ► https://www.youtube.com/subscription_center?add_user=prasertcbs
สอน Excel ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEMj5LpqxaxWWnanc55Epnt
สอน Excel เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEG_nWHhWmV0K2HsLlQ49qV
สอนการสร้างกราฟด้วย Excel ► https://www.youtube.com/playlist?list=PLoTScYm9O0GExxZ3nlVmleu0wvlhGfs3j
สอน PivotTable ► https://www.youtube.com/playlist?list=PLoTScYm9O0GFFdZwK6437TxMXYf7Hrd4I
สอน Excel Table ► https://www.youtube.com/playlist?list=PLoTScYm9O0GERViw9rwiISMWBv8rzT1j3
สอน Power Query ► https://www.youtube.com/playlist?list=PLoTScYm9O0GHrWoIfdwu9p8V2aNGzPauA
สอน Conditional formatting ► https://www.youtube.com/playlist?list=PLoTScYm9O0GGf0d7N6EfMrxiXZm3LukPV
สอน Excel Macro/VBA ► https://www.youtube.com/playlist?list=PLoTScYm9O0GHgpbmyNuXP39OUcb0BheaE
สอนเทคนิคการใช้งาน PowerPoint ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEG5JELOjSGqigFN669d5IK
สอนเทคนิคการใช้งาน Word ► https://www.youtube.com/playlist?list=PLoTScYm9O0GG5QrQtl8hmVbg0o8fCCaJT
#prasertcbs_Excel #prasertcbs_ExcelForBusines #prasertcbs #prasertcbs_basic_excel #prasertcbs_chart
array filter 在 prasertcbs Youtube 的精選貼文
หนึ่งในความสามารถหลักที่เพิ่มเข้ามาใน Excel Office 365 (update January 2020) คือ ฟังก์ชัน FILTER() ที่ส่งผลลัพธ์กลับมาเป็นข้อมูลที่มีการกรองตามเงื่อนไขที่กำหนด ซึ่งทำให้นำไปประยุกต์ใช้งานด้านต่าง ๆ มากมาย เช่น การหาข้อมูลที่มีอยู่ในชุด A แต่ไม่มีในชุด B เช่น ชุด A มีรายชื่อ 77 จังหวัด ส่วนข้อมูลชุด B มีเฉพาะรายชื่อจังหวัดที่มีผู้ติดเชื้อ หากต้องการหาว่ามีจังหวัดใดบ้างที่ไม่มีผู้ติดเชื้อ
ดาวน์โหลดไฟล์ Excel ที่ใช้ในคลิปได้ที่ ► https://bit.ly/2Vjzvs0
? เชิญสมัครเป็นสมาชิกของช่องนี้ได้ที่ ► https://www.youtube.com/subscription_center?add_user=prasertcbs
สอน Excel ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEMj5LpqxaxWWnanc55Epnt
สอน Excel เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEG_nWHhWmV0K2HsLlQ49qV
สอนการสร้างกราฟด้วย Excel ► https://www.youtube.com/playlist?list=PLoTScYm9O0GExxZ3nlVmleu0wvlhGfs3j
สอน PivotTable ► https://www.youtube.com/playlist?list=PLoTScYm9O0GFFdZwK6437TxMXYf7Hrd4I
สอน Excel Table ► https://www.youtube.com/playlist?list=PLoTScYm9O0GERViw9rwiISMWBv8rzT1j3
สอน Power Query ► https://www.youtube.com/playlist?list=PLoTScYm9O0GHrWoIfdwu9p8V2aNGzPauA
สอน Conditional formatting ► https://www.youtube.com/playlist?list=PLoTScYm9O0GGf0d7N6EfMrxiXZm3LukPV
สอน Excel Macro/VBA ► https://www.youtube.com/playlist?list=PLoTScYm9O0GHgpbmyNuXP39OUcb0BheaE
สอนเทคนิคการใช้งาน PowerPoint ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEG5JELOjSGqigFN669d5IK
สอนเทคนิคการใช้งาน Word ► https://www.youtube.com/playlist?list=PLoTScYm9O0GG5QrQtl8hmVbg0o8fCCaJT
#prasertcbs_Excel #prasertcbs_ExcelForBusines #prasertcbs #prasertcbs_basic_excel #prasertcbs_chart
array filter 在 prasertcbs Youtube 的最佳貼文
ดาวน์โหลดไฟล์ Excel ที่ใช้ในคลิปได้ที่ ► https://bit.ly/2KvHCgk
? เชิญสมัครเป็นสมาชิกของช่องนี้ได้ที่ ► https://www.youtube.com/subscription_center?add_user=prasertcbs
สอน Excel ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEMj5LpqxaxWWnanc55Epnt
สอน Excel เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEG_nWHhWmV0K2HsLlQ49qV
สอนการสร้างกราฟด้วย Excel ► https://www.youtube.com/playlist?list=PLoTScYm9O0GExxZ3nlVmleu0wvlhGfs3j
สอน PivotTable ► https://www.youtube.com/playlist?list=PLoTScYm9O0GFFdZwK6437TxMXYf7Hrd4I
สอน Excel Table ► https://www.youtube.com/playlist?list=PLoTScYm9O0GERViw9rwiISMWBv8rzT1j3
สอน Power Query ► https://www.youtube.com/playlist?list=PLoTScYm9O0GHrWoIfdwu9p8V2aNGzPauA
สอน Conditional formatting ► https://www.youtube.com/playlist?list=PLoTScYm9O0GGf0d7N6EfMrxiXZm3LukPV
สอน Excel Macro/VBA ► https://www.youtube.com/playlist?list=PLoTScYm9O0GHgpbmyNuXP39OUcb0BheaE
สอนเทคนิคการใช้งาน PowerPoint ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEG5JELOjSGqigFN669d5IK
สอนเทคนิคการใช้งาน Word ► https://www.youtube.com/playlist?list=PLoTScYm9O0GG5QrQtl8hmVbg0o8fCCaJT
#prasertcbs_Excel #prasertcbs_ExcelForBusines #prasertcbs #prasertcbs_basic_excel #prasertcbs_chart
array filter 在 Filtering Array Elements Based on a Test Function - JavaScript ... 的推薦與評價
JavaScript Array filter() method in detail ... The filter() method creates a new array with all the elements that pass the test implemented by the callback() ... ... <看更多>
array filter 在 How to filter an array from all elements of another array - Stack ... 的推薦與評價
... <看更多>
array filter 在 JavaScript 陣列處理方法[filter(), find(), forEach(), map(), every 的推薦與評價
var filterEmpty = people.filter(function(item, index, array){ }); console.log(filterEmpty); // 沒有條件,會是一個空陣列 var filterAgeThan5 ... ... <看更多>
相關內容