前端求生之路（三）

今天要講的前端入門前的準備、前端的一些基礎以及前端學習資料

入門準備

1. 打字速度

• 練習英文打字 100字/min （正確指法）
• 安裝金山打字通
• 安裝有道詞典

2. 文件後綴名的設置 （查看 -> 文件擴展名）

3. 將經常使用的工具鎖定到任務欄

4. 安裝一些經常使用的編輯器

關於編輯器的選擇或安裝若是有不懂的，能夠聯繫我。我本身經常使用的text直接編寫，嗯...裝X了，經常使用的仍是VS code，由於一些插件比較齊全，而後總體的編譯終端顯示也還行，去年VS code佔比是前端編輯器的第一，當前最重要的是白嫖，若是有必要我能夠出一篇專門講一下編輯器和使用插件的推薦。

5. window的一些快捷鍵

• ctrl+c 複製
• ctrl+v 粘貼
• ctrl+x 剪切
• ctrl+s 保存
• ctrl+a 全選
• ctrl+z 撤銷上一個操做
• ctrl+y 還原上一個操做
• alt+f4 關閉當前程序
• win+E 打開資源管理器
• alt+tab 切換程序 （注意整個過程當中 alt是長按不放的）
• win+D 切換到桌面 （鼠標點擊右下角）
• win+R 快速運行，打開軟件，cmd命令行等

calc 運行計算器
mspaint 運行畫圖
cmd 運行命令行
notepad 運行記事本
win+L 鎖屏

• win+方向鍵 最大化、還原/最小化窗口
• ctrl+alt+del 會顯示如下選項：鎖定該計算機、切換用戶、註銷、更改密碼、啓動任務管理器
• f2 能夠從新命名文件

這些快捷鍵可使你快一點（固然男人不能快），不過我以爲不必特地去記憶這些，你能夠在你開發工程中慢慢使用進去，有些會很好用，畢竟開發能簡單就簡單

6.安裝經常使用軟件

• 瀏覽器

做爲前端，對於瀏覽器的兼容是少不了，也就是也許同一段代碼你在不一樣的瀏覽器上顯示的效果是不一樣的，因此你須要下載幾個經常使用的瀏覽器，上面應該算佔比大部分市場的瀏覽器，固然你會說360瀏覽器、qq瀏覽器呢，這個我下一篇講html基礎的時候會詳細說到這個

• 工具類

有道雲詞典 等翻譯工具

前端其實須要和英語接觸挺多的，但咱也沒啥好怕的，由於也就是變量定義時你須要用一下，英文文檔查看那多是你幾年之後的事，固然你的英文水平若是好的話確實會事半功倍的（別問我爲何知道，由於個人英文也不怎麼好 o(╥﹏╥)o ）

typora 等markdown編寫閱讀軟件

不少文檔都是以markdown形式寫的，這至關於一種文檔編寫方式把，因此你須要一個軟件用來閱讀.md格式的文檔，同時我比較推薦你能夠嘗試本身寫markdown文檔，由於經常使用的語法就這麼幾種，當你習慣了你會以爲很好用

picpick 等取色測量軟件

可能在你作項目或者模仿別人的網頁時，常常須要知道模仿對象的長度（狼虎之詞？）某一個標籤的顏色，這時候有一個這樣的軟件，你只需安一個快捷鍵就ok了

ps 等切圖軟件

如今通常公司ui或者美工都會上傳藍湖了，尺寸和顏色直接複製就好了，但仍是存在一些公司會直接給你psd圖，須要你本身切圖。我以爲你適當學習幾個經常使用的切圖、取色快捷鍵便可

xmind 等思惟導圖軟件

這個在我看來很關鍵，我但願各位同窗能夠在工做中整理、覆盤。如今的前端常常被笑話說cv程序員，面向百度面向搜索引擎開發。我以爲不懂就百度這是最聰明的辦法，比你一不懂就問別人強不少，百度能夠解決你90%的問題，由於在你以前已經有不少大佬遇到過這些問題而且很完美的解決了這些問題，你直接取之用之便可。可是這仍是別人的，即便你擁有了它的肉體，但它還不是屬於你的，肉體和精神是兩個東西。嗯...你須要把它轉化成你的東西，你須要思考爲何這麼作，你須要整理而後轉化爲你的東西。時間長，你會發現某個東西你越舔越放不下（我固然說的不是舔狗），只有思考過來才能是你的。

前端的一些基礎

問：前端人員的工做跟什麼打交道

答：網頁 網頁的構成：由文字，圖片，超連接，多媒體(音頻，視頻，Flash)等組成！

web標準

網頁的結構（後綴名字爲.html的文件）

網頁的樣式（後綴名字爲.css的文件）

網頁的行爲（後綴名字爲.js的文件）

各司其職

網頁的結構：負責網頁的內容整理和分類

網頁的樣式：負責設置網頁的板式，顏色，文字大小

網頁的行爲：負責網頁的動態交互

HTML

概念：HTML（英文Hyper Text Markup Language的縮寫）中文譯爲「超文本標籤語言」，主要是經過HTML標籤對網頁中的文本、圖片、聲音等內容進行描述。

說白了HTML就是用尖括號包裹起來的英文單詞，瀏覽器對這個尖括號包裹起來的英文單詞有特殊的解釋

具體的我會在接下來的HTML專篇來介紹，請關注我，順手點個贊吧，謝謝各位同窗了。每一篇都是我純手打整理的，(*￣︶￣)

前端學習資料

1.黑馬程序員的基礎班、就業班視頻
2.小甲魚的系列視頻
3.極客學院系列視頻

前端的系列視頻不少，我本身更推薦的是黑馬程序員的基礎班視頻，大概也就是10幾天的視頻，但基本講的仍是比較詳細的，這不是廣告不是廣告！！！這個我以前也講過爲何爲推薦看培訓班的前期視頻，由於確實爲了讓你交錢他們會講的比較詳細的，並且黑馬程序員算是培訓機構中質量還過得去的。

由於整理會比較多，在個人公衆號上我會專門整理了一篇全部的學習資料，包括前端前期的學習，js高級的學習視頻，還有各類慕課網之類資源網上的比較好的視頻，由於也算是剛開始把，我會持續更新個人公衆號！！！

謝謝各位同窗的觀看，前端求生之路的文章可能會暫時晚一些更新，由於接下去會更新前端的html篇知識整理，各位同窗給咱點個贊把，關注一下鄙人，我會持續更新