我是一名資深網頁工程師。除此之外,我也將我的程式技能運用於數據、財務分析。這個分類會列出所有有關程式開發的心得和想法。

[前端連載] 開發環境IDE和初探html

簡介 上三次介紹了網路發展史上留到現在的一些技術,現在終於要進入寫程式的部分了。在寫那些密密麻麻的程式之前,我想要先介紹一下開發環境(IDE,Integrated Development Environment),也就是我們寫程式的環境。 時常有人在說,世界上最好學的語言就是html和css,初學者建議從這個下手,而沒一村我,也是這些「有人」之一,理所當然也是這麼認為。至於為什麼這麼容易上手,接著看下去就知道。 身為一個前端工程師,雖然不必像寶傑一樣上知天文下知地理,但懂的內容也可以算是包山包海。話雖如此,前端工程師的工作內容還是可以歸結到一些最基本的工具。還記得前端最重要的三個技術html、css、javascript三兄弟嗎?我就是在說他們!而今天,我們就要從他們的大哥——html開始介紹起。 開始囉! 打仗要兵器,考試靠運氣 俗話說「打仗要兵器,考試靠運氣」,打仗靠的是什麼?兵器。兵器好的一方,贏的機會就比較大!那考試要靠什麼呢?運氣,運氣好的人,高分的機會就比較大!(等一下,這不太對吧) 巧婦難為無米之炊,所以,在開始寫出好的程式之前,你需要一個適合的開發環境或編輯器來編輯你的程式。 關於編輯器這一點,如果要仔細寫的話,又可以寫一大篇。開放各位碼農和鄉民們來表達意見和看法,我想大概戰個三天三夜也戰不完。使用Vim 和 Emacs的工程師們會先吵一輪,然後兩者的擁護派又都不屑跟別人吵XD。使用Atom的、使用SublimeText的和使用Notepad++的工程師會被Vim和Emacs排除在外,自成一國的吵。最後,使用記事本的,會窩在牆角,自己討論的很開心。 別懷疑,這就是工程師的日常生活,跟別人吵架:) 那我該選擇什麼樣的IDE呢?拜託不要跟我吵架,我是非常和平的。 放心,我最討厭跟別人吵架了(挑眉)。關於IDE的選擇,我倒是可以給你一些建議。 關於編輯器的選擇,就有上述那麼多種。Windows上,你可以選擇最簡單的記事本來撰寫,但我非常不建議你這麼做。為什麼呢?因為記事本上各種除錯功能都沒有,也沒有程式碼不同顏色的標亮,寫起程式來,可以說是非常吃力。我們剛剛說過打仗靠兵器,想像一下,你現在要去打仗,那麼windows記事本就相當於是給你一把漢陽造。可以打嗎?可以打,但是不能連擊,動不動還會給你炸膛。若拿其它的編輯器相比,大概就是AK47、M16這種等級吧XD 再者,如果你的作業系統使用的是Windows,那我建議你可以使用Sublime Text、Atom或者Notepad++。Notepad++是三者之中較早出現的編輯器,而且是由台灣人開發的!由台灣人開發的!由台灣人開發的!這點非常的重要,所以要說三次,因為是很早就開始發展的編輯器,相關的plugin也算蠻足的。而Sublime Text是近幾年來在前端工程師間較為興盛的,同樣plugin很多。至於Atom,又算是更為新潮的編輯器,使用人數不斷地在上升。 如果使用Linux或OS X這兩個作業系統,也可以考慮使用Vim和Emacs。這兩個分別被稱為「編輯器之神」和「神的編輯器」,不過這兩個名稱有什麼差別,這我也無法給出確切原因:)。這兩個編輯器的學習曲線雖然都很高(應該不是很高,是超級高),但是彈性都很大,可以非常客製化。此外,他們和terminal(如果不知道是什麼,他長的就類似Windows的命令提示字元,可以用來下很多指令)的整合十分良好,若使用的習慣的話,開一個terminal可以同時做很多的事。 至於沒一村我,在Ubuntu Linux和Mac OS X上,都是使用Vim。然後,我沒有使用Windows來做開發。 下面附上各編輯器的搜尋趨勢,或許可以看出各編輯器的消長,也可以讓你來做判斷。(圖的部分,感謝網友rplus指正) 由圖可以看出Emacs的搜尋人數大降,這主要是因為他學習曲線很高的緣故。至於Atom沒有放上來,是因為沒有辦法準確搜尋到該字詞,所以就不放了。 編輯器的介紹就到這裡,因為沒一村我也沒有使用過所有的編輯器,當然也無法給出所有編輯器的安裝方法。如果想要學習某一個編輯器的使用和設定,可以上網搜尋資料,內容都會很豐富喔:) 大哥是對的!…

Continue Reading [前端連載] 開發環境IDE和初探html

[資工雜筆] Ubuntu OS X 遠端連線設定

前幾天新買了一台mac,便把原本那台筆電放在宿舍當桌機。因為mac實在是太輕了,讓我想要隨身攜帶,只差沒帶去洗澡而已。而隨身攜帶的同時,又想要原本那台電腦上的資料,便需要設定一些連線設定。這篇主要放上一些資料,方便以後需要改設定或重灌時,可以使用到。 首先是ssh http://www.arthurtoday.com/2009/11/ssh-linux-client.html http://www.arthurtoday.com/2010/08/ubuntu-ssh.html http://blog.udn.com/nigerchen/2262865 再來是samba http://jainan.blogspot.tw/2011/07/169-macsamba.html http://www.arthurtoday.com/2015/04/ubuntu-server-share-folder-samba.html 這些東西都設定完後,我發現mac筆電空空如也,什麼資料都沒有XDD,全部都遠端就好了哈哈

Continue Reading [資工雜筆] Ubuntu OS X 遠端連線設定

[前端連載] 了解網頁發展的脈絡(下)——什麼是AJAX,以及jQuery、CSS3、HTML5簡單介紹

簡介

好不容易寫到了網頁脈絡的最後一篇了,可喜可賀!還記得上次我們提到了javascript的發展史,看他怎麼和jscript競爭,爾後發展成為網頁前端通用的唯一語言。隨著網頁越來越發達,又發展出了framework,來幫助我們快速以及有效率的開發網頁。

而framework的出現,代表網頁開始複雜化,也標誌著一個前端和後端的分野,因為我們的網頁已經漸漸複雜到不是一個人能專精所有事的階段了(當然還是有神人級的人物,南京通北京,前端通後端,但畢竟這種人在少數)。

今天要來介紹一下,在這個分野之後,到底出現了什麼樣新潮的前端技術,有感到一絲興奮嗎?

開始囉!

(more…)

關於我:

我是沒一村,專長和興趣是程式、主動投資、科技商業模式。可以參考我的書單和比較熱門的文章:

Continue Reading [前端連載] 了解網頁發展的脈絡(下)——什麼是AJAX,以及jQuery、CSS3、HTML5簡單介紹

[前端連載] 了解網頁發展的脈絡(中)——JavaScript 歷史 和 Framework 是什麼?

簡介

上次從靜態網頁講到了動態網頁,講到了MVC,也講到了REST API是什麼,這些都是網頁發展的過程中所留下來的精華。做網頁的時候,我們可以選擇是否依照這些原則。照著走的好處就是你已經站在巨人的肩膀上(你瞧,巨人肩膀上擠滿了人),做起事來會更加的輕鬆。而集合並規範這些原則的,就叫做Framework(等一下會提到)。

開始囉!

(more…)

關於我:

我是沒一村,專長和興趣是程式、主動投資、科技商業模式。可以參考我的書單和比較熱門的文章:

Continue Reading [前端連載] 了解網頁發展的脈絡(中)——JavaScript 歷史 和 Framework 是什麼?

[程設雜筆] python爬蟲初試啼聲——登入取得cookie,並爬到資料

利用準備段考的空檔時間,練習寫寫看網路爬蟲,順便完成最近想完成的一件事。使用的語法是python。這是本部落格第一篇python技術文,灑花:)

(more…)

關於我:

我是沒一村,專長和興趣是程式、主動投資、科技商業模式。可以參考我的書單和比較熱門的文章:

Continue Reading [程設雜筆] python爬蟲初試啼聲——登入取得cookie,並爬到資料

[前端連載] 了解網頁發展的脈絡(上)——從靜態網頁到動態網頁到REST API

簡介

上次介紹完了前端和後端在做什麼,這次來講一下網頁開發這一行的演進歷史,也順便帶一些網頁開發常會聽到的名詞和基本概念。

網頁開發這一行不是一蹴可幾的,而是前人流著鮮血汗水發展出來的。現在所寫的每一行code,在十年後,都會腐爛而不能用。話雖如此,這些腐爛的程式碼,都是孕育下一代網頁開發的養分。了解這些歷史,就能更加了解前後端是在什麼情況下做分支的,以及它們形成的必然性。

開始囉!

(more…)

關於我:

我是沒一村,專長和興趣是程式、主動投資、科技商業模式。可以參考我的書單和比較熱門的文章:

Continue Reading [前端連載] 了解網頁發展的脈絡(上)——從靜態網頁到動態網頁到REST API

[程設雜筆] 快速實作一個Todo List——使用Belle + localForage

最近都在使用sass,而javascript的部分,因為專案比較小的關係,也都是用jquery就解決了。正因為如此,已經有好一段時間沒有使用reactjs了。

今天去面試的時候,面試的公司現場出題,直接叫我寫出一個簡單的todolist,並且使用 BellelocalForage 這兩個 library。因為有幾個月沒有寫React了,聽到題目的時候,其實有一點點抖抖的,也不知道自己有沒有能力把他弄出來。

(more…)

關於我:

我是沒一村,專長和興趣是程式、主動投資、科技商業模式。可以參考我的書單和比較熱門的文章:

Continue Reading [程設雜筆] 快速實作一個Todo List——使用Belle + localForage

[前端連載] 買早餐也能了解前端 vs 後端?

簡介

上次講完了網路的架構,今天來談點前端後端的東西吧。我們常聽到的前端和後端(或者前台與後台),其實是一個簡稱。也就是說,這個世界上存在各式各樣不同的前端,就好像「韓信」之於「趙信」,以及「張飛」之於「岳飛」,雖然名相同,也都是帶兵打架的人物,但還是有稍稍的不一樣(廢話,他們根本就是不同人)。例如,以一個線上遊戲來說好了,前端負責的就是畫面顯示的部分,而後端則是處理各個玩家血量、裝備等資訊的伺服器。因此,嚴謹一點來說,這篇文章將要說的是「網頁」的前端和後端

開始囉!

(more…)

關於我:

我是沒一村,專長和興趣是程式、主動投資、科技商業模式。可以參考我的書單和比較熱門的文章:

Continue Reading [前端連載] 買早餐也能了解前端 vs 後端?

[前端連載] 前端工程師該懂的基本東西——網路架構篇

簡介

先大概介紹一下我的前端經歷吧。第一次接觸前端是codecademy上的課程,學到現在大約學了半年的時間。雖不能稱的上很厲害的前端工程師,但也大概懂前端工程的基本脈絡。看到身邊有很多人打算跳前端這個坑,卻不知如何下手,因此打算寫一些文章,看能不能得到一些回響。

我一直都很喜歡讀歷史故事,又很喜歡一個網路作家金老ㄕ的連載——金老ㄕ的教學日誌。他的筆調饒富趣味,讀起來又很輕鬆,不會拖沓。因此且讓我這個作文很爛的人,來模仿一下他的筆法。

開始囉!

(more…)

關於我:

我是沒一村,專長和興趣是程式、主動投資、科技商業模式。可以參考我的書單和比較熱門的文章:

Continue Reading [前端連載] 前端工程師該懂的基本東西——網路架構篇