学前端,我们要学的是什么

前几天在知乎上看到一个帖子,“前端发展太快,有些小伙只会用react(了解api),招个jquery熟练的外包较难,如何看?”

上面回复赞同比较多的是,“如果他会react,那么jquery他几天就可以上手”。

我暂且不评价这种看法,我先来说说前端发展史吧。

石器时代 - 简单的html和javascript编写静态页面,配合jsp、asp等服务端的混合开发。

铁器时代 - ajax的应用,jquery的诞生,js动态加载(AMD、CMD)技术的出现。大幅提高前端开发效率。

蒸汽时代- mv*框架的应用。Backbone、Ember、Angular、React、Vue等,组件化开发深入人心,提高了代码的可维护性,更好的解耦业务逻辑。

新的可能 - nodejs、serviceWorker、webGL...

其中jquery的出现,基本上就是催生了前端工程师这个职业,jquery以其强大的选择器、丰富的插件称霸了前端很长一段时间。(想想我当年就是使用jq+bootstrap开发的)

mv*模式的出现,将前端开发推向了一个高潮。在我看来,jquery是封装了许多功能的一个插件库,属于工具类。而react等是一种开发框架,它重在设计模式。

它们没有好坏高低之分,我倒是推荐直接从angular、react、vue入手的新前端们,去试用一下jquery,看看它的源码,你们一定会学到很多很多东西。

前端发展的确非常快,去年的开发框架,今年的构建工具,可谓是百家争鸣。whatever,我们可自己衡量选择其一来使用(当然你精力好可以多学几个)。万变不离其宗,只要我们掌握了编码规范、设计思想,我们也可以造很多轮子。记住,想法永远比编码高级。

书归正传,我下面来谈谈怎样学前端吧。

首先,什么是前端?

前端主要有两个重点,界面展示和用户交互。界面展示包括UI、UX设计,界面布局,数据展示等。用户交互主要是用户操作、状态效果的变更、前后端数据交互等。

前端是随着web发展而细分出来的行业,web前端开发主要有三个部分:

结构层(Html、Html5)

表现层(CSS、CSS3)

行为层(Javascript、ECMAScript6)

其次,前端能干什么?

我们每天打开浏览器看的新闻、视频,大数据的图表展示,云平台管理系统,可视化操作,移动端app,页面游戏,IoT物联网,AR/VR 3D效果等,你所能想到的都可以使用前端技术实现。

最后,怎样学前端?

前端涉及面较广,入门容易精通难。前端学习曲线是先快后慢,而且前端技术、框架更新太快,所以说前端学习是一个长期持续的过程,我们应有较快的学习能力和较强的好奇心。

我把我认为有必要学习了解的一些知识点列出如下:

html、css、javascript基础知识的了解和掌握。可以去 w3school、MDN 看看。

html5、css3、es6的了解和熟悉。可以看看 阮一峰的ES6.

UI、UX的了解,布局和响应式设计的掌握。(如bootstrap)

前后端数据交互的了解和掌握。如Ajax实现原理。

MVC、MVVM架构了解和掌握。

前端构建工具的了解和掌握。

浏览器的兼容和多终端的适配

性能的提升和框架的维护升级。

html、css、javascript基础知识是核心技能,所以大家应先把基础打好,其他的可根据兴趣去了解学习。

最后,在学习过程中,提几点建议:

兴趣很关键,不要因为现在前端火而盲目去学习。

养成良好的编码习惯,代码的可读性、可维护性、可拓展性非常重要。

要善于做笔记,将一些你遇到的问题或者认为写得很赞的代码记录下来,便于以后使用或者分享。

多浏览一些好的UI设计网站、开源社区等,看看别人的页面是怎样设计的,代码是怎样编写的。

推荐一些认为对我们有帮助的网站:

stackoverflow

segmentfault

知乎

github

MDN

dribbble

下一期,我开始介绍html的一些书写规范。(什么,html需要介绍?)

下期见。

本文来自企鹅号 - 逸儒媒体

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏守候书阁

2018前端值得关注的技术

2017悄然过去,2018已经来到。人在进步,技术在发展。2018年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。下面就我个人的判断进行一个预测...

62115
来自专栏Java架构师历程

前端页面布局控件

是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。https://weui.io/

5123
来自专栏大前端开发

GitHub在其网站实现中移除对jQuery的使用

7月25日,一则发自Github员工的Twitter推文引起了不少开发者的关注和评论,以下是推文原文:

984
来自专栏即时通讯技术

微信团队分享:微信移动端的全文检索多音字问题解决方案

微信的移动客户端全文搜索中的多音字问题一直是搜索体验的痛点之一。微信客户端全文搜索在上线以后,也经常收到用户关于多音字问题的反馈。所以,微信全文搜索中的多音字搜...

1893
来自专栏编程软文

如果把编程语言比做女人,那JavaScript则是......

2546
来自专栏即时通讯技术

微信团队分享:iOS版微信的高性能通用key-value组件技术实践

本文要分享的是iOS版微信内部正在推广和使用的一个高性能通用key-value 组件的技术实践过程,该组件在微信内部被命名为MMKV(以下简称MMKV)。

1132
来自专栏MixLab科技+设计实验室

如何用代码控制浏览器下载知乎大v的粉丝数据?

欢迎用户在后台留言需解答的问题, mixlab 将会不定期的从中选择提供解决方案。同时 mixlab 微信群已经汇集了机器学习、自然语言处理、前端、后端、产品经...

1093
来自专栏知晓程序

除了表情包,这款小程序,还能帮你在朋友圈花式晒图

今天,知晓程序(微信号 zxcx0101)为你推荐一款玩图小程序「嗨图」,带你做图带你「嗨」。

942
来自专栏即时通讯技术

微信朋友圈千亿访问量背后的技术挑战和实践总结

微信朋友圈包括图片和视频两套业务架构组成,朋友圈图片的特点是请求量大、消耗计算资源较多,视频则主要消耗带宽。

2034
来自专栏ThoughtWorks

为什么要使用现代浏览器?

标题中所提及的 现代浏览器 主要指桌面浏览器也就是PC端所使用的浏览器软件,移动端(手机和平板电脑)所使用的浏览器我们暂且认为其已经属于现代浏览器范畴(虽然也有...

40611

扫码关注云+社区

领取腾讯云代金券