从零学前端第一讲：前端开发是什么？给初学者有什么建议？

Posted 2021-03-30 前端留学生

初识前端

1、前端开发是什么？

2、前端开发有前途吗？

3、前端开发哪里学？

4、前端发展

5、对初学者的建议

6、学习html入门

7、学习css入门

8、学习javascript入门

1.前端开发是什么？
 

前端开发是从网页制作演变而来。

早期的网页制作主要内容都是静态的，以文字图片为主，用户使用网站也以浏览为主。

随着互联网的发展，现代网页更佳美观，交互效果显著，功能更加强大。

因此现在的前端开发的主要技术通常是指html、css、js技术和一些开发框架的使用。

2.前端开发有前途吗？

如果在8年10年以前这么问，或许很多人会思考一下，说：不知道，应该没后端编程有前途吧

或者直接说：web前端有啥啊？不就是个美工吗不就是个页面仔吗？不就写个网页、js吗？工资又低。。。。

然而现在？

随着html5的崛起，css3的风靡，随着nodejs 的出现，JavaScript这个最容易被人误解的语言，终于散发了它本该有的光芒。

Javascript这个牛X的历史产物，现在真的可以说是万能的，至少在web层面是这样，交互、效果、数据操作、娱乐游戏、操作文件io等等。

而且由于现在是web应用时代，各种尺寸的电子设备增长式的爆发，只要和屏幕有关的就是颜值，颜值代表了一切，可以说是前途一片光明；

html5、网页游戏风靡全球，需要页面展现的东西都是前端范畴，前途一片光明；

目前世界上最多的可视化物质是什么？是网页，网页 ，网页，据统计现在全世界有亿级别的网页，这是什么概念，前途一片光明；

最最直观的：前端的工资从前几年的平均几K，到现在的10k、20k ，真的是前途一片光明！

3.前端开发哪里学？

前端开发应该在哪里学怎么学？

通常有3种选择：

一是报班，效果好但价格贵对时间要求高，不是所有人都能拿得出那么多时间和金钱去学习的。

二是自学，经济实惠但缺点是缺少指导缺少方向，如果没有出众的意志力规划力是很难学下去的；

三是报名线上课程，优点是价格相对便宜，通常有一个集体可以探讨问题，有老师指导方向，效果要比自学好很多

但缺点就是可能没有报班效果显著，比自学要贵一点。

因此到底该怎么去选择还是要看个人具体的情况去对症下药了。

还有许多人总是爱问，我现在多少岁什么学历什么专业什么性别我适合学XXX吗？

这种问题其实没太大意义，最重要的是知道一句话：

种一棵树最好的时间是在十年前，其次是现在。只要立即去学，比什么都强。

4.前端发展

前端的发展是经历了一些阶段性的发展的：

在最开始那些年是一个前后端不分的蛮荒时代，那个时候前后端没有分离，程序员是又当爹又当妈，要做前端又要做后端。

代码各种耦合在一起，服务器压力巨大，因为服务器会受到各种http的请求

例如静态的css，js，图片等，一旦服务器出现问题，前后台一起玩儿完，用户体验特别差。

而且开发上也是，UI出好设计图之后，必须先切html页面，再来套jsp等数据化的内容。开发时间变长，出错率也非常高

如果html发生变更，就更惨了，可以说是开发效率奇低。

后来随着开发和应用的需求变化，逐渐进入到了前后端分离的文明时代。

在文明时代的第一阶段，js通常使用原生js，但这样做的缺点也很明显：

首先是js语言设计比较草率，一些原生的api并不好用，因此需要更多代码来解决浏览器的兼容问题，需要大量的时间精力，对开发人员要求也比较高。

因此在第二阶段，为了解决原生js晦涩难懂还不好用的问题，出现了jquery等框架解救了万千开发人员。

和js相比，这些库的语法更简单，可以很容易地浏览文档，选择元素，处理事件等，也降低了开发人员的门槛。

到了第三阶段，因为随着互联网的发展，项目越来越大，前后端分离后的开发工作量越来越多的转移到前端上来。

一个简单的jquery库或者是underscore库等等已经难以管理控制整个项目了，代码变得越来越复杂难以修改。

这个时候就迫切的需要将代码更合理的划分以便于开发和管理，因此诞生了MVC这种取自于后端的概念沿用到前端来。

M是模型model用于数据保存

V是视图view用于用户界面绘制

C是控制器controller用于业务逻辑

这就将代码分层，成为了我们基本的MVC框架。

当然还有一些框架提出了MVVM模式，其实就是用View Model代替了Controller，成为了简化的Controller

这样做唯一的作用就是为view提供处理好的数据，不含其它任何逻辑，实现视图与数据模型的强耦合，数据的变化会实时反映在view上，不再需要手动处理。

5.对初学者的建议

第一，梳理信心，坚定目标。只要相信自己可以就一定可以。

第二，多练习多写，好的代码是写出来不是看出来的。

第三，不要停止学习，互联网的发展特别快，可能快过其他任何领域，因此不要有一次学习就可以工作终身的想法。

第四，开放的心态，去拥抱变化，不断尝新，并且停止争论语言和工具，把精力投放在更合适的领域。

扫描下方二维码

获取web前端、学习资料视频