前端入門
什么是前端?
傳統的前端指的是瀏覽器所展示的,用戶看到的頁面。
中文名:前端
英文名:Front-end
(公司里一般稱前端工程師為FE,后端工程師為RD(研發),測試工程師為QA,設計師為UI(界面設計)/UE(交互設計))
為什么學前端?
首先還是興趣,三百六十行,行行出棒槌,不努力干哪一行都掙不了錢,努力也是白搭
閑着沒事,一起找找樂子吧!
環境搭建
工欲善其事,必先利其器
前端的環境很簡單,首先你要有一台電腦(最好能上網),一個文本編輯器(可以用記事本,別用word一類,推薦使用vscode),一個瀏覽器(別拿老不死的IE瀏覽器,推薦谷歌瀏覽器)
好了,基本環境搭建好了
第一個頁面
想了很久,第一個頁面要有象征意義,所以,老規矩(Hello World!)
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
Hello World!
</body>
</html>
試試codepen
不知道怎么弄啊?對於0的基礎初學者確實是個問題,使用記事本的朋友加油吧!
這里默認大家都是安裝了vscode編輯器,對,就是下面這個圖標
在一個你找得到的地方,新建一個文件夾,文件夾名最好別用中文,英文小寫字母就好
把文件夾拖到vscode的圖標上
不出意外的話,能看到這樣一個界面
打開一個文件夾的方式有很多,這樣應該算最簡單的吧
手把手教新建文件吧
在右邊的編輯器里輸入上面的代碼
保存,沒有下載插件,就去文件夾里打開,推薦把谷歌瀏覽器設置為默認瀏覽器
不出意外,你的瀏覽器能看到