同理心拯救世界

LaraGirls女性友善的程式學習社群

還記得2018年11月時,我因為參加了下面這場活動而被拐進 LaraGirls 這個社群。

主題:Star Rocket Meetup Ep.5:行銷學人跨界探索 Laravel - 踏入女性自學程式的那一步

主辦:StarRocket X LaraGirls

場地:三創育成(台北市中正區市民大道三段2號11樓)

內容:LaraGirls 共同發起人 Luna 將從行銷人跨領域學習成為開發者的經驗出發,分享自學程式的困難與小撇步,同時現場 Demo 以 Laravel 快速開發一個類Instagram的網頁。

參加完上面這個講座,我就在2018年12月份,連續四週的每個星期三下班後到三創11樓報到,每天都待到三創商城打烊。(怎麼這麼熱血…)

WHY? 為什麼我會參加這個社群的活動?

現在仔細想想應該是兩個原因:
1. 當時在公司內,剛好從12月開始擔任PM帶一個10人開發團隊執行專案
我開始發現對技術不夠清楚無法和開發人員有效溝通,尤其是每個人都大我10~25歲。
2. 我想幫朋友一個UX設計的忙,可是他期待的其實是html+css+js的Prototype產出,而不只是可操作圖稿和設計規範而已。

如果先不發散論述UX設計應該做什麼,我想我通常只想專注於我面對的對象們真正的需求
因為我剛好遇到這樣的機會,所以抱著試試看的心情,我把這些時間投入了這個社群。

Laravel 是什麼? 來看看官方怎麼說

Laravel哲學:
Laravel 是一套富有表達性且具有簡潔語法的網頁應用程式框架。
我們認為開發過程應該是愉悅且有創造性的體驗。
Laravel 努力減少開發過程中的不便,因此我們提供了驗證(authentication)、路由(routing)、sessions、快取(caching) 等開發過程中經常用到的工具或功能。

Love beautiful code? We do too.

Expressive, beautiful syntax.

Tailored for your team.

Modern toolkit. Pinch of magic.

從不斷強調優雅和美麗的語法的敘述來看,這應該是程式語言中最女性化的了。
但她卻是一款PHP的框架 (很後端rrr)
不過這確實是很適合作為女性程式社群起步的選擇,然而入門者卻常會在環境設置就打退堂鼓。
因此 Meetup 之後安排的第一個系列活動就是實作讀書會,有各種厲害的女性助教手把手帶大家建置環境和開發。
接下來就和大家分享我在 LaraGirls 學到的東西,期待妳一起加入我們。


Laravel 環境設置 (Windows)

這個步驟妳需要的除了助教神助攻外,還有好工具: wagon (感謝)

使用方式
下載 wagon
雙擊兩下 .exe 檔後,會自動解壓縮和安裝 Visual C++ 可轉散發套件
依以下預設設定啟動對應的軟體即可開始使用

環境預設設定
cmder 放置於,wagon\cmder\Cmder.exe,點擊兩次即可啟動,啟動時會自動載入獨立環境變數,並把當前位置設定在 wagon\uwamp\www。包括:PHP、Composer、Composer Global Packages、Git。
UwAmp 放置於 wagon\uwamp\UwAmp.exe,點擊兩次即可啟動。預設設定
laravel 放置於 wagon\laravel

首先將Terminal切換到想放專案的路徑下,接著輸入下列指令:

composor create-project -- prefer-dist laravel \laravel learnlaravel5 -- prefer-dist

稍待片刻,路徑下會出現一個 learnlaravel5 的資料夾,安裝完Laravel了~
接下來將 .env.example 複製一份,並重新命名為 .env ,再接續執行下列指令:

composer install
php artisan key:generate

透過 UwAmp.exe 開啟 phphMyAdmin,新增一個資料庫 learnlaravel5。
在 .env 檔案內編輯4個欄位:

DB_PORT=33060
DB_DATABASE=learnlaravel5
DB_USERNAME=root
DB_PASSWORD=root

完成後,回到 Terminal 執行下列指令:

php artisan migrate
php artisan serve

然後點擊連結 (http://127.0.0.1:33060) 就可以看見你的第一個 Laravel 網站摟~

Laravel 中的 CRUD

在讀書會中,我們根據這個教程 2017 版 Laravel 系列入門教程 來實作。

流程大約是這樣,

第一週:環境設置、完成註冊會員的動作。
第二週:MVC觀念介紹、簡介 Eloquent、使用 Seeder 為資料庫填充假資料、使用 .blade.php 呈現資料(Read)。
第三週:各自觀看教程嘗試製作 Create、Update、Delete 等功能。
第四週:調整 View 的樣式、進行部落格網站 Demo。

每週的內容都很充實,每次大約三小時的時間。
如果對 Laravel CRUD 有興趣,可以參考教程連結,或是關注 LaraGirls 隨時會分享學習資源。
甚至妳如果是女性,也可以來參加我們後續的工作坊。

在 Laravel 中的 Vue.js

在 Laravel 的專案中其實預設就已經使用了 Vue.js,因此幾乎可以說是無痛導入,只是需事先熟稔 Laravel 中 路由 的觀念。

這個部分可以參閱 iThome鐵人賽 的這篇教學文章 LARAVEL學習 DAY 18 VUE.JS
在LaraGirls內, Luna 額外開了一個工作坊在 集客數據行銷 辦公室,由 CTO Roli 來指導我們。

使用GitLab和社群夥伴協作開發LaraGirls官網

12月份四週的讀書會結束後,LaraGirls徵集了一些志工進行後續社群工作的協助。
當時 Demo 完部落格後,就一股熱血的又填了志工表…

然後就開啟了和9位夥伴協作 LaraGirls 官網的這個 Project。
也因此,我才知道原來除了 Github 之外還有 GitLab,而且是 Free 且不用公開程式碼的。

由於有助教先建好 GitLab Project,然後我這邊使用的是 VScode ,他已經內建 Git 相關功能!!
所以我們執行的步驟如下:

首先從 GitLab 專案中複製 Project 下來本機

git clone 妳的雲端路徑

接著創建自己的分支,並切換過去。

git checkout -b BranchName

檢查目前所在分支是否正確

git status

簡單新增一個檔案試試看

git add FileName

開始 PUSH 自己的變更摟

git add .
git commit -m "留下變更說明訊息在這邊"

這樣子就完成自己的 GitLab 環境測試了!
接下來只要每次開工前,先 PULL 最新檔案下來,開發完後 PUSH 有變更的檔案道自己的分支,就 OK 摟~

遠端協作社群工作

這個部分我認為是最難得的,因為上述妳都可以自學獲取,但這項比較難。

社群夥伴和工作夥伴最大的差異是:

社群需要真正的自組織

在沒有薪資和契約壓力、每個人白天都有自己的工作、整個團隊又不是很熟的情況下,
要讓大家在時間內順利完成一個專案,其實是不容易的。

疑我們怎們會不熟?我們不是整個12月都一起參加讀書會嗎?
其實志工成員和讀書會成員大概只有50%重疊,而且讀書會大家都做自己的,頂多跟助教聊多一點BUG…ha
那我們到底如何順利協作?
做了哪些事情?

敬請先期待 2019年3月底的 LaraGirls Meetup#2
分享我們這陣子的成果!

關於社群遠端協作這塊的更多故事,我們下集待續…


特別感謝 LaraGirls 神助教們

Winnie | Luna | Jeri | Tobey | Mia | Wilson



發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料


向上滑動