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


前端入门

什么是前端?

传统的前端指的是浏览器所展示的,用户看到的页面。
中文名:前端
英文名: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