帶著你學前端一-準備知識

08-24

帶著你學前端一-準備知識

來自專欄最美前端15 人贊了文章

學前端難嗎？

前端入門不難，

幾天的時間就可以寫一個基本可以看的頁面。
半個月的時間都可以實現頁面的簡單交互，
一個半月可以入手一個基本框架
三個月可以成為初級前端

前端都在做什麼？

01.結合設計圖進行切圖和頁面實現

工作內容：設計師提供設計圖過來之後，將設計圖進行切圖，並將設計圖還原成web頁面

02.配合後端實現網站的邏輯

工作內容：頁面的數據一方面由前端直接寫死，也就是靜態數據，另一部分需要有後端介面提供，前端需要從後端請求介面拿到數據並按照要求展示到頁面上，比如淘寶的商品列表

03.作網頁遊戲和網頁動畫

工作內容：這個方向主要重試網頁遊戲和頁面的動畫製作。比如：微信小遊戲，圍住神經貓，數錢，或者複雜的2D，3D遊戲

04.作web版PC客戶端

工作內容：這個方向主要是從事PC客戶端的開發，比如釘釘的PC版

05.作移動端APP

工作內容：主要作hybird APP開發，原生作整個APP的底座，裡面的功能模塊都有H5來實現，web前端主要是做完功能模塊後打一個zip包放到app裡面

06.微信頁面開發，微信公眾號開發，微信小程序開發

工作內容：開發微信裡面的頁面，比如公眾號裡面的頁面，開發微信小程序，這個大家都比較熟悉

基礎技能

1.有一定的英語能力，

2.有一定的學習能力

3.有一定的邏輯思維能力

4.最好是大專及以上學歷（學歷可能會影響之後的晉陞）

認識開發工具

1.sublime text

簡介：Sublime Text 是一款跨平台代碼編輯器，在Linux、OS X和Windows下均可使用。軟體比較輕量級，作為自學入門開發軟體很合適，在自學初級階段建議不要安裝他的語法提示插件。軟體本身是收費的，不過，作為開發者，不收費也是可以一直用的

相關文章：Sublime Text 3 全程詳細圖文原創教程（持續更新中。。。）

漢化教程：https://jingyan.baidu.com/article/15622f243c3844fdfcbea580.html

官方網站：A sophisticated text editor for code, markup and prose

2.VS Code

簡介：VS Code是微軟開發的一款Web前端開發工具，語法提示健全，插件極為豐富，軟體比較輕量級，普通配置的電腦上運行毫無壓力，十分流暢，

開始建項

以sublime為例，

1.新建項目：

在電腦上建一個文件夾：比如：demo

在sublime中打開該文件夾：File=>Open Folder 找到demo打開

2.新建文件：

右鍵demo文件夾=》new file

點擊Ctrl+S（保存),在彈出框中，改名為：index.html

點擊保存

3.添加測試代碼：

<html>

<head>

</head>

<body>

<h1>Hello World!</h1>

</body>

</html>

右鍵這個頁面：選擇=>open in brower

彈出瀏覽器頁面效果：

準備工作完畢