前端入门
什么是前端?
传统的前端指的是浏览器所展示的,用户看到的页面。
中文名:前端
英文名: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的图标上
不出意外的话,能看到这样一个界面
打开一个文件夹的方式有很多,这样应该算最简单的吧
手把手教新建文件吧
在右边的编辑器里输入上面的代码
保存,没有下载插件,就去文件夹里打开,推荐把谷歌浏览器设置为默认浏览器
不出意外,你的浏览器能看到