###### tags: `AC4th`
###### tags: AC4th
我是 Keddie

**測試**

待會是第一堂課

## 4th ASTRO X 五倍紅寶石全端工程師實戰訓練營
# 2020年3月2日 開訓共作筆記

---

# MARKDOWN語法
# h1
## h2
### h3
#### h4
##### h5
###### h6

**粗體**
__Bold__

*斜體*
_Italic_

- 點點標記
- 點點標記
- 點點標記

1.數字123
2.數字123
3.數字123

[超連結](http://a.com)

~~刪除線~~

> Blockquote
16298
- [ ] Flowdock 可以使用 Markdown 語法哦

***

學長姊分享：
- 寫部落格很重要
- 苦中作樂
- [Medium](https://medium.com/)
- **提醒自己成為有肩膀的人**
- 不要把自己當學生，要把自己當成轉職者
- 模仿學習
- 正視警訊 追根究底

---
# 學長姐經驗分享
# 政璇
### 經歷
- 第一屆
- 原-船務專員
- 現任-五倍紅寶石工程師
## 調整心態
### 微痛轉職
- 記得心中的why?
- 為什麼你要來轉職？
- 苦中作樂
- 建立成就感來源
- mind reset
- small win
## 調整腳步
### 改變學習方式
- 立即提問
- 問題會是指數累積
- 想辦法當天就要把不會的搞懂
- 寫Blog
- 把自己學過的知識整理起來
- 驗證學習效果+未來查詢
- 建立一個GitHub page(Jekyll)
- 團隊協作
- 你一定能找到自己替團隊貢獻的地方
- 就事論事
- 成為有肩膀的人
- 當分配到不熟悉的工作，也要想辦法承接/學習起來

# 兆召
### 學經歷
- 台藝大圖文系
- 獨立咖啡店-咖啡師
- KKday 顧客關係管理
- 第一屆 Astro Camp
- 面試8間 5間offer
- 五倍紅寶石工程師
### 定位
- 你現在為什麼坐在這裡？
- 你的動機是什麼？
- 動機是否持久？
- 轉職成功後會不會再轉職？
- 你是學生？還是你是轉職者？
- AMOS ：這裡要教的是業界的標準
- 不要把自己當學生，應該把自己當轉職者
- 零基礎&有一點基礎
- 想要學習，要先能融入環境
- 零基礎
- 模仿學習
### 警訊
- 提早解決小問題
- 大問題 = 撞牆期
- 常見警訊
- 你憑感覺在寫程式碼時
- 你只知道結果，不知道原因。
- 在沒有參考下沒辦法寫出程式碼
- 當你需要參考：筆記、講義時
- 解除方法
- 理解>提問>理解>提問>理解>提問>...
- 用A4紙寫程式碼
- 綠色筆解釋給自己聽
- 紫色筆寫下遇到不理解的地方
- 找到適合自己的學習方式
- 大腦的主要功用是思考，不是記憶。
- 寫Blog
- 關於紀錄
- 筆記、練習、除錯、心路歷程
- 關於問題
- 練習有目的性地問問題，並且釐清、紀錄
- 關於程度
- Blog篇數就是量化自己的程度 e.g面試時可以佐證自己除錯多少問題
- 心情低落時
- 建立一套自己舒壓、紓解心情的辦法 e.g 電影金句
### 夥伴
- 現實-你沒辦法挑選你的工作夥伴
- 少抱怨
- 這圈子很小，好好愛護自己的羽毛

---
### 網路的運作

當在瀏覽器按下enter時，會把網址丟到網路空間的DNS（Domain Name System網域伺服器），DNS會依循網址由後往前一個一個查詢IP位址及誰在管理，以google為例，會依序往tw -> com -> google -> www，最後用IP位址找到伺服器位置並且拿取資料，資料便會顯示在網頁上

---
### 網頁結構
| 功能 | 分類 | 工具 |
| ----------------- | -------- |:------------- |
| Storage | Backend | 資料庫 |
| Logic | Backend | Ruby on Rails |
| Style & structure | Frontend | HTML/CSS/Java |
| Infrastructure | Backend | 伺服器/Git |

### 網路運作

* DNS, Domain name system 網域名稱系統

* 網址->DNS->IP address->伺服器->回傳result
---
### ASTRO Camp 3/2 作業
**1. twitter**

**2. GitHub**

**3. blog**
- medium
- wordpress
- google blogpost
- 自架

---
# Day 01 龍哥上課筆記
## 網站開發要學很多東西
- 前端=櫃檯點菜
`html/css/javascript`
- 後端=廚房煮飯
- 開發框架
`React.js/Vue.js/Ruby on Rails`
- 資料庫
_做網站就像在做一個營養均衡的便當_
- 版本管理工具
`Git 工程師必備`
### 關於網路運作
`使用者輸入網址送出後，網路看不懂網址，必須傳給DNS轉換成IP，從網址的尾巴往前找，一層一層問伺服器這個網址歸誰管，找到後，瀏覽器就會從拿到的IP進到對應的網站。`

_出現Non-authoritative answer 是什麼意思？_
`每一次都要一層一層伺服器查很沒效率，因此DNS會先看，附近是否有人曾經查詢過，以大部分的結果為根據，回傳IP。`
[深入了解請看](https://blog.miniasp.com/post/2010/12/27/DNS-query-process-explained-using-nslookup)

#### 靜態網站
輸入網址：a.html，你就會真的看到一個a.html的檔案形成的網站
#### .com時代-動態網頁伺服器
輸入網址： /a.php?id=2 （?id=2 參數），a.php會先問資料庫，再回傳資料給使用者。
#### 框架時代
輸入網址：會先到框架/架構 (e.g MVC)，中間會繞很多圈，並問資料庫，問資料庫，再回傳給使用者。
- 學習使用框架，怎麼把程式碼放在對的位置
#### 瀏覽器主要支援送資料的方法
**GET**
會把參數放在網址上`網址/?id=2 & name = aa`，做登入系統時千萬不要用。
**POST**
不會把參數丟在網址上，`網址.php`，投票、網站登入、註冊，不希望人家看到網站資訊的就用POST。
`在瀏覽器上能看到的東西，都別想藏，大家都看得到（檢視原始碼）。e.g 網路灌票>找到action往哪邊送資料>使用什麼方法 GET or POST>用一些小工具狂送資料`

### 網站開發圈現況
**前端難民**
- 前端學習者相對多，門檻相對低
- 加薪升級門檻高
- 開發上手容易，不用安裝什麼複雜的套件，出錯也不會有什麼大事

**少有後端難民**
- 上手困難
- 你只要寫錯一個 "," 就整個不會動

**全端**
- 懂前後端，可以同時跟工程師、設計師溝通。

### 詞彙
**函式庫 library**
- 把寫過的一連串方法，包裝成一個模組，加速開發

**框架** framework
- 許多函式庫的集合，通常也會要求符合相關規則

## 把點數點在對的地方
><font color= #ff0000>你的人生點數根本點不完全部的技能樹</font>

**重點放在基礎**
不可能只用聽或看就學得會，上課必須跟著練習，回家一定要練習
，卡關一定要發問，問到就是你的！！<font color= #ff0000>發問是進步的來源</font>
**注意**:你必須知道你自己在寫什麼，不能只會複製、貼上

#### 專題思考方向
- 專題的目的:在15分鐘，吸引台下評審的注意力
- 思考一些超越能力範圍的主題，挑戰自己
- 找一個現有的服務，解決他現有的問題，補足他不夠的功能
- 不需要一個很複雜新潮的概念，而是要能展示你的技能，以此找到工作

### 課後任務
建構數位足跡，營造專業形象
- [ ] 開twitter，追蹤技術圈大神
- [ ] 開Github，換掉大頭照，經常使用，增加你的活躍程度，有助於面試
- [ ] 開plurk（不用吧？）
- [ ] 開Blog，寫學習筆記
---