Home > Web Front-end > H5 Tutorial > 已经编写了两个网站的前端代码,在暑假里接下来是了解些后端知识,还是重点研究下js或者框架?

已经编写了两个网站的前端代码,在暑假里接下来是了解些后端知识,还是重点研究下js或者框架?

WBOY
Release: 2016-06-07 08:43:38
Original
1409 people have browsed it

回复内容:

一个一个来

前端:
css:
  • 关于怎么组织好css结构这个坑很大。不过已经有一些规范了,最出名的oocss Home · stubbornella/oocss Wiki · GitHub
  • 关于复用css主要靠组件化,把常用的东西组件化,比如Button,Dropdown,以后用就加一下class。
  • Bootstrap结构挺好,学一下LESS(很简单的,一天看完),看一下源码,自己照着定制一下UI库。(主要就是Grid system, Button,Dropdown,Form,Modal,Collapse,其他的用到的时候加)
js:
  • 以前是前端发个请求,后端渲染个html页面回来。前端写js主要就是操作dom,而在操作dom方面jQuery很好。
  • 现在的趋势是前端发请求,后端发JSON数据(JSON就是Dictionary,一个个的Key-Value pair),前端根据JSON数据渲染页面。这时候前端方面主要工作就是怎样监视数据,在数据变化的时候让View也跟着变化。用jQuery来解决这种问题很麻烦,比如一个Todo List,增删改就得给所有按钮绑定不同的事件,业务稍微复杂点代码数目立马变得很难维护
  • 所以MVVM框架应运而生,把数据绑定到View之后你只需要改数据(View Model),View就自动改。我们就不用再管dom了,管理好数据就行。这种框架最流行的是Angular,不过正在大改,马上新版本就要出来了。建议学习Knockout Knockout : Home, 或者React A JavaScript library for building user interfaces (跟MVVM不一样,是Web Components实现,现在很火,angular 2 基本就向着这方向)
  • 对什么需求用什么工具,比如一个Canvas动画为主的项目用jQuery挺好。
  • Build工具(Gulp), 前端组件化(RequireJS, Browserify),测试(Mocha)也稍微了解了解好。

后端:
  • 后端比前端选择就多了去了,如果是以前端的角度想了解后端知识的话强烈建议Node.js 。 PHP, Apache, MySQL各种坑,各种想死。 用了MEAN之后浑身舒坦。
  • 如果抛弃前端转后端的话,选个语言(java,c#,python,ruby),从新学起,学数据库,学操作系统,学网络,和前端是两回事。

其他:
  • 嵌入式,物联网啥的都跟底层硬件相关的,要用c,c++,跟Web开发没啥关系。
  • 学好英文,所有最新的资料都是英文的,放弃百度吧。有问题用谷歌和stackoverflow,先想怎么把问题翻译成英文的再搜索。多看英文慢慢就会了,说来说去就那么几个专业词汇。
  • 至少对我来说最好的学习方法就是做项目,撸代码。比看书看视频公开课好使多了。做完了还能放到github找工作还有用。
  • 找不到项目做?重新造轮子吧,山寨个知乎,山寨个某论坛,山寨Virtual Dom,模仿是最快的学习方法。
题主才大二,不着急呐,完全可以放心去做自己想做的事情。考研的话,半年真的够了,毕竟只是个考试而已,基本是死的。
然后关于前端……你做的算是小打小闹吧-_-||主要是有兴趣就好,然后学习推荐图书馆和技术博客。
多写少犹豫,很多东西写了就懂了。
╮(╯_╰)╭其实我相当于什么都没说……最后加油吧骚年Y(^_^)Y 题主的每一个问题都是我所需要解决的,,这是帮我归纳了。。。 已改
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template