Python-紀O成-英文圖像學習網站

網站功能：

英文單字學習、單字與圖像連結學習、檢查複習次數、複習時間查詢、連接外部英文網站

專案動機

• 契機：看圖像學單字

• 訴求：查英文單字／相關圖像展示／快速理解

• 構想：

1. 網路字典搜尋英文單字

2. 同時搜尋Google圖片

3. 個人帳戶，以存入單字

4. 未來可再做複習

5. 加入英文學習網站，增加學習廣度

專案介紹

• 網站首頁

• 登入功能－含第三方登入

• 複習頁面－單字庫

• 英文網站－書籤功能

重點技術

• 前後端技術串接流程圖

• 重點技術1. 網頁渲染，前端資料整理

包含技術：前端 - HTML + CSS / Javascript / jQuery

• 重點技術2. 前後端資料交互運作

包含技術：前端 - Ajax

• 重點技術3. 前後端串接平台

包含技術：後端 - Python Django - 前後端不分離 / 資料庫 - MySQL - ORM技術

• 重點技術4. 爬蟲技術 - 爬取網頁資料，如單字翻譯、圖像

包含技術：後端+資料庫

Scrapy – 爬取Yahoo字典

Selenium -爬取Google圖片

Redis – 爬蟲資料庫

• 重點技術5. Scrapy API串接Django

Scrapyd – Server工作環境佈署

uWSGI – 執行Django

Nginx – 登入窗口

Google第三方登入：Firebase／GCP

專案心得&教學回饋

我也終於．．．　利用有限資源，完成了目標！

每每遇到問題，遲遲一直無法做出功能時，會有挫折一度想放棄

但就是想到這是成為真正工程師的過程，就再堅持下去

再經由老師提醒,終於完成了人生第一個作品，這時心裡充滿無比成就感，也更有信心了。

一起加油！