[1] Introduction of Vue, Django, MongoDB, Nginx
更新於 發佈於 閱讀時間約 2 分鐘
要完整的了解整個網頁的開發需要掌握相當多的知識，就算目標只是學習網頁開發中的其中一個部分，比方說只是想成為前端工程師，或是只是想成為後端工程師，最好還是對整個網頁專案整體有一定程度的了解，才不會和其他工程師合作的時候，各開發各的，然後兜不起來
這個系列的教學，希望就算你的目標不是成為全端工程師，也能快速對整個網頁開發有一定程度的了解
Vue
目前前端三大框架包含 facebook 開發的 React ,google 開發的 Angular，以及由 Evan You 開發的 Vue ，Vue 目前在 github 的星數已超過了 React，而 Angular 的星數僅為 react 的一半。
之前在選擇前端框架時，發現 Angular 的負評較多，而 React 比較像在 javascript 中寫 html，當初各個框架都試了一下，覺得 Vue 寫起來比較直覺。不過以就業和資源來講，首選還是 React。
而 Vue 目前正在快速發展，而且覺得 Evan You 是個很有想法的人，個人是蠻看好 Vue，所以選擇 Vue 當作我的主要前端技能。
Django
Django 是 python 後端中最完整的後端框架，用 python 當後端的好處就是 python 有很多工具可以使用，數據分析、電腦視覺、深度學習、畫分析圖等等。
MongoDB
之前在比較資料庫時，結論是 NoSQL 會比 SQL 更有彈性，資料要增加欄位不需要更改所有資料的結構，所以選擇 NoSQL，而 NoSQL 中最多人用的是 MongoDB。
Redis 也蠻有名的，Redis 的查詢速度較快，但 Redis 的做法是預先佔用比較多 ram，所以就算資料庫目前沒人在使用也會佔用必較多的 server 資源。
以資料庫語言使用的人數來說，SQL 還是遠多於 NoSQL，畢竟相對來說 NoSQL 還是比較新一點。
Nginx
架站主要有兩大工具 Apache 和 Nginx，Apache 歷史悠久，使用的人較多，Nginx 設定來說更為簡單，也比較輕，我是覺得 Nginx 應該是更方便一點。
為什麼會看到廣告
9會員
49內容數
比起詳細教學單一技能，網路上或者市面上整合多項技能的教學相對少很多，但要真的完成一項專案往往不是只靠一項技能便能做到。
而且教科書式的完整教學也比較枯燥乏味，因此我想以自身的經驗為例，以全端開發各項技能中最常用到的部分進行講解，讓讀者能夠快速上手掌握全端技能。
留言0
查看全部
你可能也想看
Google News 追蹤
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
你是不是也好奇：一個漂亮又好用的網站是怎麼做出來的，又或是他們背後的原理是什麼？聽過「前端」、「後端」和「資料庫」這些詞，但又不知道它們是什麼意思？別擔心！在這篇文章中，我會用簡單的方式帶你認識它們！
什麼是前端？（Frontend）
「前端」就是你在瀏覽器上看到和互動的部分，比如按鈕、圖片
前言
Vue.js 是一個流行的 JavaScript 框架，專為構建單頁應用程序（SPA）而設計。它讓我們能夠更簡潔、更直觀地開發前端應用，和原生的 JavaScript 相比，Vue 的語法和結構有很多不同的地方，大家可能要花一些時間適應vue的寫法。這篇文章將帶您一步步了解 Vue.js 的
Vue是一個前端框架，發音如View，幫助你有效率地開發任何複雜性的使用者介面
由前Google工程師 尤雨溪(Evan You) 邊工作邊開發出來的開源框架，好厲害！
還在耍廢嗎？一起來學習吧～ 期待有朝一日能應徵上遠端工作 www ~
下面的範例是什麼？
// main.js 或 main.
Vue.js是一種基於MVVM的前端JavaScript框架，類似的框架有React、Angular等。
架設環境
安裝Visual Studio Code(https://code.visualstudio.com/)
安裝Node.js(https://nodejs.org/en/
你知道IG是用Django開發的嗎?
正在學習或使用Django、Flask框架開發後端的你，是否也常在享受Python語法的舒適之餘，仍然煩惱著是否該學習效率更好的GO或Laravel。
在軟體開發領域中，Backend 和 Frontend 是兩個常被提及的術語。許多同學常常問我，到底是 Backend 比較難還是 Frontend 比較容易？
Vite 是由 Vue 開發者 Evan You 所開發出來，用來加快、優化程式碼打包的工具，在這裡我們不免會需要提到大部分前端開發者可能都會聽過、使用過的前端工具：Webpack。
在那之前，我們先來聊聊為什麼前端會需要所謂的打包工具呢？
當我剛開始接觸這個領域的時候，經常會看到有人在討論： 到底要做前端還是後端工程師呢？後端工程師賺的比前端工程師多？前端工程師轉後端工程師？那前端與後端到底是什麼呢？ 這篇文章提供了前端與後端的基本概念並舉例來說明。同時也介紹了前端的三大要素以及後端的運作原理，對於想深入瞭解前後端的讀者會非常有幫助。
Vue 是尤雨溪所開發的一個前端框架，Vue 提供了響應式數據綁定和組件化的開發模式，能方便開發者構建出具有良好交互性的前端應用。而 Vite 則是一個前端構建工具，用途是提供更快的開發體驗。然後，本文將介紹如何使用 Vite 建立一個 Vue 專案的開發環境，這是你學習 Vue 的第一步。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
你是不是也好奇：一個漂亮又好用的網站是怎麼做出來的，又或是他們背後的原理是什麼？聽過「前端」、「後端」和「資料庫」這些詞，但又不知道它們是什麼意思？別擔心！在這篇文章中，我會用簡單的方式帶你認識它們！
什麼是前端？（Frontend）
「前端」就是你在瀏覽器上看到和互動的部分，比如按鈕、圖片
前言
Vue.js 是一個流行的 JavaScript 框架，專為構建單頁應用程序（SPA）而設計。它讓我們能夠更簡潔、更直觀地開發前端應用，和原生的 JavaScript 相比，Vue 的語法和結構有很多不同的地方，大家可能要花一些時間適應vue的寫法。這篇文章將帶您一步步了解 Vue.js 的
Vue是一個前端框架，發音如View，幫助你有效率地開發任何複雜性的使用者介面
由前Google工程師 尤雨溪(Evan You) 邊工作邊開發出來的開源框架，好厲害！
還在耍廢嗎？一起來學習吧～ 期待有朝一日能應徵上遠端工作 www ~
下面的範例是什麼？
// main.js 或 main.
Vue.js是一種基於MVVM的前端JavaScript框架，類似的框架有React、Angular等。
架設環境
安裝Visual Studio Code(https://code.visualstudio.com/)
安裝Node.js(https://nodejs.org/en/
你知道IG是用Django開發的嗎?
正在學習或使用Django、Flask框架開發後端的你，是否也常在享受Python語法的舒適之餘，仍然煩惱著是否該學習效率更好的GO或Laravel。
在軟體開發領域中，Backend 和 Frontend 是兩個常被提及的術語。許多同學常常問我，到底是 Backend 比較難還是 Frontend 比較容易？
Vite 是由 Vue 開發者 Evan You 所開發出來，用來加快、優化程式碼打包的工具，在這裡我們不免會需要提到大部分前端開發者可能都會聽過、使用過的前端工具：Webpack。
在那之前，我們先來聊聊為什麼前端會需要所謂的打包工具呢？
當我剛開始接觸這個領域的時候，經常會看到有人在討論： 到底要做前端還是後端工程師呢？後端工程師賺的比前端工程師多？前端工程師轉後端工程師？那前端與後端到底是什麼呢？ 這篇文章提供了前端與後端的基本概念並舉例來說明。同時也介紹了前端的三大要素以及後端的運作原理，對於想深入瞭解前後端的讀者會非常有幫助。
Vue 是尤雨溪所開發的一個前端框架，Vue 提供了響應式數據綁定和組件化的開發模式，能方便開發者構建出具有良好交互性的前端應用。而 Vite 則是一個前端構建工具，用途是提供更快的開發體驗。然後，本文將介紹如何使用 Vite 建立一個 Vue 專案的開發環境，這是你學習 Vue 的第一步。