(一)前端入門(什么是前端)


前端入門

什么是前端?

傳統的前端指的是瀏覽器所展示的,用戶看到的頁面。
中文名:前端
英文名: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的圖標上
不出意外的話,能看到這樣一個界面

打開一個文件夾的方式有很多,這樣應該算最簡單的吧
手把手教新建文件

在右邊的編輯器里輸入上面的代碼

保存,沒有下載插件,就去文件夾里打開,推薦把谷歌瀏覽器設置為默認瀏覽器
不出意外,你的瀏覽器能看到


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM