Boison

Boison

百日轉職前端工程師:第十三週 Webpack, Gulp 《DAY 19》
寫程式

百日轉職前端工程師:第十三週 Webpack, Gulp 《DAY 19》

大家好,這是百日轉職前端工程師的 Day19,也是 11/14(六),這週的主題會講的是一些現代前端工具 Webpack 和 Gulp。Webpack 功能非常強大,能夠將各種功能作為模組打包成一個可引入運行在瀏覽器上的檔案,由於篇幅眾多獨立為一篇,是現代開發上一定會用到的工具之一。而 Gulp 則是可以將工作的流程自動化,本篇也會帶你搞懂這兩者的差別。
9 min read
百日轉職前端工程師:第十二週前後端整合復盤 《DAY 18》
寫程式

百日轉職前端工程師:第十二週前後端整合復盤 《DAY 18》

大家好,這是百日轉職前端工程師的 Day18,也是 11/13(五),這週的主題會講的該要如何將前後端(分開處理後再)整合,如果有做好這個步驟,那理論上就算後端 Server 掛掉頁面還是會有資料,只是某些部分是空白的而已,而將這個功能做到極致則會有點類似 SPA(Single Page Application)單頁應用一樣,除此之外本週也會介紹 Boostrap 和 jQuery 兩樣好用的工具。
8 min read
百日轉職前端工程師:第十四週伺服器 Server 與遠端部署 《DAY 22》
寫程式

百日轉職前端工程師:第十四週伺服器 Server 與遠端部署 《DAY 22》

大家好,這是百日轉職前端工程師的 Day22,也是 11/22(日),這週的主題會談到的是伺服器以及如何遠端部署,如果你想要自己架設一個網站,這週的主題會是最核心的基礎,透過購買虛擬主機你將能擁有一個遠端運作的主機,但你同時也必須瞭解部署的基本概念,並且透過電腦的非圖形化介面去下指令完全安裝的一些操作,雖然第一次學習滿多陌生專有名詞但完成令人滿有成就感的。
37 min read
百日轉職前端工程師:第九週後端基礎 PHP 與 MySQL 《DAY 16》
寫程式

百日轉職前端工程師:第九週後端基礎 PHP 與 MySQL 《DAY 16》

大家好,這是百日轉職前端工程師的 Day16,也是 9/06(日),這週開始進到後端,真是令人既興奮又期待,畢竟一直聽說後端好像很難,但一直迷迷糊糊搞不清楚具體在幹嘛,而且之前在金融業 MA 學過 MySQL 還考了白癡的筆試,但一次也沒實際用過,終於要用了!終於要進後端了~~~~我好興奮呀 >////<
19 min read
百日轉職前端工程師:第八週前端整合串 API 《DAY 15》
寫程式

百日轉職前端工程師:第八週前端整合串 API 《DAY 15》

大家好,這是百日轉職前端工程師的 Day15,也是 9/04(五),這週開始整合之前所有學會,前端切版(HTML + CSS),以及 JS 並且去串接網路上的 API 做出一個動態更新的頁面,老實說一開始真得覺得很難,真的實際做出 Twitch 的 Top 排行榜時,內心超級感動呀!但要讀懂 API 文件對我來說還是一件有點難度的事,尤其很多大公司的 API 文件是密密麻麻的英文,根本像是大海撈針,但開始有慢慢抓到訣竅。
9 min read
百日轉職前端工程師:第六週前端基礎 CSS《DAY 13》
寫程式

百日轉職前端工程師:第六週前端基礎 CSS《DAY 13》

大家好,這是百日轉職前端工程師的 Day13,也是 9/03(四)。今天開始要來復盤之前學過練習過前端基礎下,沒想到上一篇光是 HTML 就有那麼長的篇幅,很多東西都是寫的當下才去把資料整理齊全,花了很大心力,因為既然要寫就希望至少寫的架構是相對完整可擴充的,這篇繼續聊聊 CSS。復盤系列將會回答我正在上的課程 Huli 的程式導師實驗計畫每一週學習上的自我檢測目標。
10 min read
百日轉職前端工程師:第六週前端基礎 HTML《DAY 12》
寫程式

百日轉職前端工程師:第六週前端基礎 HTML《DAY 12》

大家好,這是百日轉職前端工程師的 Day12,也是 9/02(三)。今天開始要來復盤之前學過練習過前端基礎下,這塊是介紹 HTML 和 CSS 處理網頁最基礎的切版問題,但第一次接觸也帶給了我不小的挫折,並且發現其中真的要玩的話水可是很深的呢!但熟悉之後這塊也帶給了我不小的成就感,未來有機會挺希望繼續深入這塊的。復盤系列將會回答我正在上的課程 Huli 的程式導師實驗計畫每一週學習上的自我檢測目標。
7 min read
百日轉職前端工程師:第五週談談轉職初衷《DAY 11》
寫程式

百日轉職前端工程師:第五週談談轉職初衷《DAY 11》

大家好,這是百日轉職前端工程師的 Day11,也是 9/2(三)。很早的時候就有很多人問我轉職的理由是什麼?畢竟我原本的職業前途也算是不錯,剛入行就上看百萬,未來不可限量,轉職後甚至也未必能達到這個高度,今天總算有空來回答這個問題,雖然晚了一點,不過經過這段時間的堅持,心中的答案也越發清澈。
3 min read
百日轉職前端工程師:第三週 JS 程式基礎《DAY 10》
寫程式

百日轉職前端工程師:第三週 JS 程式基礎《DAY 10》

大家好,這是百日轉職前端工程師的 Day10,也是 7/20(一)。今天開始要來復盤之前學過練習過程式基礎下,這塊是介紹 JavaScript 裡面一些比較進階的功能,主要會介紹常用函式、模組、測試還有 ES6 的一些新增的好用功能。復盤系列將會回答我正在上的課程 Huli 的程式導師實驗計畫每一週學習上的自我檢測目標。
8 min read
百日轉職前端工程師:第三週 JS 常用內建函式《DAY 9》
寫程式

百日轉職前端工程師:第三週 JS 常用內建函式《DAY 9》

今天開始要來複習 JavaScript 常用的內建函式 (function),這些多是程式導師實驗計畫第三週程式基礎下的課程內容,其實函式如果運用得好可以節省很多時間,不過在實際運用函式前,其實也練習手刻了滿多功能的,這樣子的好處是能夠瞭解函式內在邏輯是怎運作的,其次當遇到真的沒有的函式符合你的需求時,也能隨時動手作出來。
3 min read
百日轉職前端工程師:第四週秒懂網路基礎《DAY 8》
寫程式

百日轉職前端工程師:第四週秒懂網路基礎《DAY 8》

大家好,這是百日轉職前端工程師的 Day8,也是 7/16(四)。今天開始要來復盤之前學過練習過網路基礎,從這篇開始會在寫作形式上做一些改變,因為我發現之前寫作上為了文章的完整性讓我在每次動筆前有太大的壓力,也因為沒有較長的時間寫作導致我寫作的頻次降低,因此之後這個系列將會降低完整性,但求更常記錄下更多學習上細節。
7 min read
百日轉職前端工程師:第四週前端後端怎麼合作開餐廳《DAY 7》
寫程式

百日轉職前端工程師:第四週前端後端怎麼合作開餐廳《DAY 7》

大家好,這是百日轉職前端工程師的 Day7,也是 6/17(三)。今天來聊聊前後端的差別。老實說我覺得最好理解的比喻應該就是「餐廳」的運作了,比喻來說「前端」其實就是餐廳外場負責點餐和招待,而「後端」則是依據前端收到的需求進食材庫拿食物並且料理後送出,這篇文章將讓你一次用最簡單的方式搞懂整個網頁背後到底是怎麼運作。
4 min read
百日轉職前端工程師:第一週高效率的最高休息法《DAY 4》
寫程式

百日轉職前端工程師:第一週高效率的最高休息法《DAY 4》

大家好,這是百日轉職前端工程師的 Day4,也是 6/14(日),今天來聊聊最高休息法,教你如何休息。其實在高效學習轉職的過程中很多人會卡關,就是因為不懂的休息,久而久之不說喪失動能,甚至在創造力都枯竭了,要成為一個好的戰士,首先要懂得其實是怎麼休息,你以為休息就是睡覺嗎?那你就大錯特錯了。
5 min read
百日轉職前端工程師:網頁的普通常識 HTML《DAY 3》
寫程式

百日轉職前端工程師:網頁的普通常識 HTML《DAY 3》

前幾天還都陸續在上 Codeacdemy 的章節,昨天在自己電腦的主機端要寫 HTML 檔案(網頁其實就是由 HTML 文件檔案構成的)的時候,發現我還是對於裡面的一些「元素(Element)」和「標籤(tags)」分不太清楚,覺得種類有夠多而且很煩,根本不太知道何時要用什麼,所以嘗試一次寫篇文章稍微釐清一下關於 div 的部分,以免夜長夢多。如有寫錯,拜託指教!
5 min read