###### tags: `讀書會`

# 讀書會

### 工程師的自我修養

---

### 工程師在做什麼?

* 解決問題

* 解決別人的問題前，先解決自己的問題
1. 常常忘記存檔
2. 寫的code常拼錯
3. 印象有寫過，但忘了細節
4. [其他-寫下你的困擾](https://codepen.io/thisisbird/full/XYZPzB)

---

### 工程師要怎麼做?

1. 寫文件
* 寫code都來不及了，還寫文件?
2. 善用工具

3. 吸收新知
* [ptt](https://term.ptt.cc/)、技術文章、[IT邦幫忙](https://ithelp.ithome.com.tw/)、其他

---

#### 寫文件

* 好處
1.紀錄做過的事情，可快速上手
2.傳承給別人
* 壞處
3.[花時間](https://www.evernote.com/shard/s212/sh/e6c6aa42-1757-4b35-b03d-f32ee6e1740b/e8690ffa3a175fabd3a1f1fd71eeae6f)
4.[很花時間](https://hackmd.io/YgCMlHKfSn2HxUnjBEd7GA)
5.[特別花時間](https://www.evernote.com/shard/s212/sh/45eacc3d-82db-462b-bd6e-e6f20eba841b/17030494a5135ae473ecc8ee9da998d2)

----

#### 雲端記事本

* 身為一個工程師，隨手註冊這些帳號是正常的。
1. [evernote](https://evernote.com/intl/zh-tw) 
2. [HackMD](https://hackmd.io/) 
3. [github](https://github.com/) 
4. [習慣Markdown格式](https://markdown.tw/)

----

#### 雲端工具

1. Google drive(excel、word、ppt等)
2. [Google keep](https://keep.google.com/)
3. trello
4. [codepen](https://codepen.io/)

---

#### 本機工具

1. vscode、套件
2. 截圖軟體
3. 好用的滑鼠、鍵盤、大大螢幕、雙螢幕(需要$$)
4. chrome本身、[套件](https://chrome.google.com/webstore/category/extensions?hl=zh-TW): wappalyzer 、 json-formatter
5. 資料庫連線工具: HeidiSQL、navicat、phpmyadmin
6. 連線工具:WinSCP、Postman
7. 其他:自黏便箋

----

#### vscode與他的快樂夥伴

1. [使用者程式碼片段](https://snippet-generator.app/?description=&tabtrigger=&snippet=&mode=vscode)
2. 自動存檔 autosave
3. [同步vscode套件](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync)
4. 其他: [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)、[Docker](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker)
5. 快速鍵:ctrl+p、ctrl+shift+f、ctrl+shift+l
6. 自訂快速鍵[macros](https://code.visualstudio.com/docs/getstarted/keybindings)
* 結論:只是為了增加效率而已

---

#### 學習工具

1. [udemy](https://www.udemy.com/home/my-courses/learning/)
* 帳號:[e-mail] 密碼:統編

----

#### 學習工具

2. youtube(免費)
3. hahow(付費)
4. 六角學院(付費)

---

### 吸收新知

* 工程師這條路就是要不斷學習
* 沒有做不到，只有想不到
* 技術的變化很快


---

## Bonus

* 網址與IP之間
* 排程如何運作
* Pjax

----

## 網址與IP之間

|網址|IP|
|---|---|
|qse.icp-si.com|122.117.120.14|
|高雄夢時代|806高雄市前鎮區中華五路789號|

* 如何知道對方IP(ping他就對了)
* [如何知道我方IP](https://crymyip.com/)

* [~~IP的class~~](http://kevin.hwai.edu.tw/~kevin/material/EAssistant/IP_Class.htm)
* [如何對應網址與IP](https://aws.amazon.com/tw/route53/what-is-dns/)
* 為何可以輸入localhost?

----

## 排程如何運作

* 伺服器是被動的
* 由"機器人"每分鐘"訪問"網站
* 設定機器人(工作排程器)

----

## Pjax

* [先了解什麼是ajax](https://medium.com/%E9%A6%AC%E6%A0%BC%E8%95%BE%E7%89%B9%E7%9A%84%E5%86%92%E9%9A%AA%E8%80%85%E6%97%A5%E8%AA%8C/js-ajax-%E7%AD%86%E8%A8%98-b9a57976fa60)

* ajax + history.pushState = [pjax](https://medium.com/@linengine/%E5%85%AD%E8%A7%92%E5%AD%B8%E9%99%A2%E5%89%8D%E7%AB%AF%E8%A8%93%E7%B7%B4%E9%A1%8C%E7%9B%AE%E8%88%87%E6%88%91%E7%9A%84%E7%AD%94%E6%A1%88-%E7%AC%AC%E4%B8%83%E9%80%B1-pjax-65ae26d12fa)

* 範例-[vue](http://login.the-ado.tw/todo)

* 範例-laravel+pjax