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.
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 !
分享我們這陣子的成果!
關於社群遠端協作這塊的更多故事,我們下集待續…
Related posts: