从零学前端第一讲:前端开发是什么?给初学者有什么建议?
初识前端
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前端、学习资料视频