Search
NT 530 特價中
在這門課程中，你將學習如何利用 Node.js Request、 Cheerio、 NightmareJs 和 Puppeteer 在真實網站上爬取內容。 課程還會使用帶有 async/await 的最新 JavaScript ES7語法。
講師還將向你展示一個實用的真實網站，你甚至可以在建立網頁爬蟲時避免浪費時間，通過對網站逆向工程，並找到它們隱藏的 API！
您還將學習如何在連線不良或甚至你的網路連線不良的情況下爬取伺服器上的資料。
您甚至可以學習如何將結果儲存到 CSV 檔案和 MongoDB 中！
如何設計一個適合使用網頁爬蟲和 API 的架構，以便從中獲取結果？ 課程也會讓你們看到這一點。
最後講師也會告訴你如何只使用 Request 爬取 Facebook ！
https://softnshare.com/web-scraping-in-nodejs/
💡 เมื่อเราได้เรียนรู้วิธีการเขียนเว็บมาสักพักแล้ว ไม่ว่าจะเป็นพื้นฐานที่สำคัญ เช่น 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 - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
課程說明
在這門課程中，你將學習如何利用 Node.js Request、 Cheerio、 NightmareJs 和 Puppeteer 在真實網站上爬取內容。 您將使用帶有 async/await 的最新 JavaScript ES7語法。
你將學習如何使用 Node.js Request 和 Cheerio 爬取為軟體工程師提供工作資訊的 Craigslist 網站。 您將使用帶有 async/await 的最新 JavaScript ES7語法。
然後你將學習如何使用 NighmareJs 和 Puppeteer 來爬取取更多需要使用 JavaScript 的進階網站，比如 iMDB 和 AirBnB。
我還將向你展示一個實用的真實網站，你甚至可以在建立網頁爬蟲時避免浪費時間，通過對網站逆向工程，並找到它們隱藏的 API！
您還將學習如何在連線不良或甚至你的網路連線不良的情況下爬取伺服器上的資料。
你甚至可以學習如何將結果儲存到 CSV 檔案和 MongoDB 中！
如何設計一個適合使用網頁爬蟲和 API 的架構，以便從中獲取結果？ 我也會讓你們看到這一點。
如何使用 Node.js Express 並以 REST API 提供抓取結果的服務？ 我們如何建立一個前端反應顯示的結果？ 你也會以最快最簡單的方式學到這一點！
此外，本課程還包含了一個介紹如何製作基本 GraphQL API 的部分。
課程最後，我有一個章節包含了祕密後門，告訴你如何只使用 Request 爬取 Facebook ！
https://softnshare.com/web-scraping-in-nodejs/
... <看更多>
ES2017 introduced the async / await keywords that build on top of promises, allowing you to write asynchronous code that looks more like synchronous code and ... ... <看更多>
javascript async await 在 鐵人賽：JavaScript Await 與Async | 卡斯伯Blog - 前端，沒有極限 的推薦與評價
async : 非同步. Await 等待. Promise 中完成會透過then 來回傳，在await 中他則是會等待這段函式完成後 ... ... <看更多>