前端开发干什么的

1.前端开发是做什么的？

当我们打开电脑，我们想做的第一件事就是上网。

这个“网”是什么？

互联网时代，我们在网上浏览的所有页面都属于前端开发的范畴。

1.1网站分类

网站的类型根据信息的生成主要分为三类:

-信息功能显示类

大型新闻网站

招聘网站

银行网站

-用户生成的信息

博客

论坛

小说网

-混合型

媒体平台

根据网站设备，可以分为两种:

-PC端-浏览器显示的页面

-手机-网页、app、小程序、微信官方账号等

1.2需要解决的问题

-浏览器端各种界面显示问题

-产品和用户之间的一系列人机交互问题

-前端和后端之间的数据处理

-产品功能中的程序逻辑问题。

* *了解前端开发要经历的阶段:* *

-第一阶段:UI设计师精心设计的效果图和网站内容，要通过一系列的编码方法和技巧，在浏览器上以像素级完美展现。

-第二阶段:在你可以完成整套静态页面之后，你就可以开始思考人机交互的很多问题了。开发完善的用户体验界面，比如细腻的动画效果，各种数据交互问题，功能逻辑问题等等。

-第三阶段:征服了PC端的大屏之后，就可以开始向小屏转移了——移动端。支持更多新功能，多种交互方式，如单指滑屏、多指操作、长按短触、摇动手机等...

-第四阶段:项目工程级的开发，各种框架，各种组件库等。，成为高级开发工程师的必经之路。

* *专业前端开发人员必须具备的能力:* *

-复杂而酷的页面交互设计能力

-良好的用户体验设计能力

-复杂业务逻辑处理能力

-能够处理跨终端适配和兼容性问题。

1.3学习要求

——有浓厚的兴趣，这是核心条件。

-熟悉互联网，不仅会玩手机，还会使用电脑工具，打字，在网上搜索资源，具备基本的电脑知识。

——一定要反复练习。永远不要用眼睛和耳朵学习，而要用手。输入和输出是大脑的两个不同系统。

1.4学习的目的

无论你是新人，初学者，还是草根野校，都可以通过学习最终成为专业学校。

精简成一句话:完美还原UI设计师的视觉和动画效果，以用户体验最好的方式处理和展示后端提供的数据。它是承上启下的桥梁，是艺术与技术的结合，是价值与实力并存的开发者。

2.前端开发的发展历史

知道一个帖子的发展历史，知道它的前世，就能明白它是如何一步步发展到现在的。每一次技术创新都是人类社会经济的发展，是人类思维的进步。

互联网是人类真实世界的复制品。

Web1.0时代

Web2.0时代

Web3.0时代

3.学习工具

3.1常用编辑器

- DW

-崇高

- HBuilder

-网络风暴

-**与代码* *

-下载[VS代码]

-安装后所需的扩展

Visual Studio代码的中文语言包

-在浏览器中打开

- HTML片段

- HTML CSS支持

-自动关闭标签

-自动重命名标签

-美化

-颜色选择器

-颜色信息

- Javascript代码片段

-建立自己的工作空间

-建立自己的网站并创建新页面。页面必须手动添加后缀，如index.html、style.css和swiper.js

-使用Emmet sketch语法快速编写HTML语言。

-首选项修改字体大小和颜色主题等。

-常用快捷键

-注释单行Ctrl+/

-注释多行Shift+Alt+A

-复制行Shift+Alt+down向下箭头。

-关闭窗口Ctrl+W

-关闭Ctrl+K W all

-保存所有Ctrl+K

- ……

-保存并发布第一个html文档

-首先安装插件。

右键单击并选择“在默认浏览器中打开”进行发布。

3.2浏览器

-**Chrome谷歌Chrome * * WebKit/BlinkJS的V8引擎

-Firefox火狐浏览器Gecko内核

-IE系列浏览器三叉戟内核

-边缘[ed]

-Safari苹果浏览器Webkit内核

3.3调试工具

-Google自己的开发者工具[开发者工具文档]

-Firefox的firebug

3.4辅助软件

- PhotoShop

4.三驾马车在前端发展

4.1 HTML

超文本语言，负责页面的结构和内容。

HTML是WWW的三大核心之一。

-1991年，HTML首次出现。

HTML草案于1993年正式发布。

HTML 2.0规范于1994年7月发布。

-1997年6月，HTML 4.0作为W3C推荐标准发布。

-2000年，XHTML1.0作为W3C推荐标准发布，定义了JSON格式数据。

-2014年10月28日，W3C正式发布HTML 5.0推荐标准。

4.2 CSS

级联样式表，负责页面的样式装饰。

随着互联网的发展，为了满足页面设计者的要求，HTML增加了很多显示功能和一些样式的标签。但是随着这些功能的增加，HTML越来越乱，页面越来越臃肿，于是CSS就诞生了。

-1994年，提出了CSS。

-1996年12月，W3C推出了CSS1.0规范。

-1998年5月，CSS推出了CSS2.0规范。

-2011年4月12日，修订后的CSS2.1规范。

-现在CSS3以模块化的方式实现了标准化。把CSS分成很多小组件，称之为*模块*。这些模块相互独立，根据各自的进度进行标准化。

4.3 Javascript

网景的Livescript，ECMAscript之后的标准，脚本语言，负责页面的交互行为和数据显示。

诞生10天的语言一度被后端工程师所不齿，但随着对用户体验和用户交互的重视，Javascript的发展在空之前得到了提升，如今在世界编程语言排行榜上排名第六。

【编程语言排名】

-1996年3月，Navigator 2.0内置了Javascript 1.0。

-1997年6月，ECMA制定了基于Javascript语言的ECMAscript标准规范ECMA-262。

-1999年12月，ECMAscript 3规范发布。在随后的十年里，ECMAscript规范基本保持不变。

-2009年12月，ECMAscript版正式发布。

-2013年12月，ECMAscript 6草案发布。

-2017年，ECMAscript2017正式发布。

4.4三者之间的关系

-HTML结构

-CSS样式

h1 { color:# f30；字体大小:24px文本对齐:居中；}.center { text-align:center；}

-Javascript行为

让我们来看看最简单的Javascript交互。

学习web前端的第一课