股票论坛个人日志——第六周:前端设计之主页完善+用户交互优化

团队日志:

https://blog.csdn.net/Seb_Veeeettle/article/details/105749143

个人工作

  • 主页导航栏优化
  • 跳转界面制作
  • 404界面制作
  • 用户交互的细节优化

个人心得

整个项目的开发接近尾声,个人主要负责前端的制作,第一次按版本开发,不断地自学html5、cs、js知识,但是学的很不系统,基本上都是哪里有需求学哪里的一个状况,但是收获还是比较大的,对于前端的基本知识也比较熟练,和开始相比,运用的效率高了很多。下边大体总结一下前端开发的经验:

前端入门很快,基本自己自学一下就可以自己写出一个静态页面。前端具体要学什么,我是一直先学个基础,然后在做项目中慢慢领悟成长,很多东西你现在学得, 不用的话,过不了多久就忘了,而且我总感觉有些东西只用在项目中才会体会到它的真正用处,只有项目的实践和开发才会让你真正了解整个流程和技术是怎样的。
1,Html+css可以直接看w3school(http://www.w3school.com.cn/)上的教程,边学边练,每章后还有小测试。之后可以模仿一些网站做些页面(这个很重要,多模仿一下比较复杂的网页,其实在很多公司就是这样,设计师把图给你,你要把图用代码写出来了,实现它的兼容性和交互效果,这里还涉及到一个“切图”的技术,可以了解一下怎么把一张图切好,用代码将它实现),真正在实践中做到学以致用,如果想看书的,可以看一下《 Head First HTML与CSS、XHTML(中文版) 》,这本书对于html+Css入门比较容易点。
2,现在html和css都已经升级到了html5,css3,所以仅仅学html+css是不够的,现在外面的公司基本都用html5和css3,这两个的入门我之前也是直接看w3c文档。Html5和css3移动的会用得更多,在pc上ie浏览器很多版本都不支持。
3,JavaScript:不是所有的网页都必须有js,但是要想实现一些超酷的功能和界面的时候,就需要涉及到js。关于javascript的学习,在我上一篇已经有了初步的总结详见https://blog.csdn.net/weixin_43973320/article/details/106361383

4,jquery,bootstrap和AngularJS:这3个是前端我常用的框架,前端的框架实在太多了,参差不齐,不同人用的框架都不一样,不过这3个框架是很多人用的,jquery是javascript封装好的一个框架,用jquery实现网页的动画效果,能减少原生js的编写,代码量也会减少很多。Jquery可以看《锋利的jquery》,这本书讲得很基础,也可以看一下w3c文档关于jquery的介绍来入门。
bootstrap是Twitter推出的一个用于前端开发的开源工具包,它比较好的是响应式做得很不错,而且引入它的.css和.js文件,就可以直接调用它的class,不用写太多样式,减少自己css的编写,而且网页的很多特效可以直接套用它的模块,实现的效果也很酷炫。Bootstrap可以从它的中文网上学:http://www.bootcss.com/ 它现在已经升级到bootstrap3.0的,它更针对的是移动端响应式的,现在移动端这么火,它也是被很多公司所用,所以建议一定要去这个框架,不过它的一个很不足的是不兼容ie8以下。
AngularJS这个框架很牛逼,这个框架建议有一定基础再学,至少有做过几个完整项目再学你才会体会到他的强大,AngularJS可以去慕课网(http://www.imooc.com/course/list?c=fe)学,看“大漠穷秋”的视频。
5,用户交互体验:这个真的要等你有一定工作经验再来了解,前端这个职位本来就是位于后台与用户交互体验之间,所以既要学好前端的知识,也要了解一点后台的知识,还要了解用户交互体验,要跟这两者沟通合作好。

总之一句话,以前前端开发只是做一些很简单的特效什么的,但伴着 ajax 的兴起,随着 HTML5 以及浏览器的性能越来越高,前端的开发越来越复杂,以前在后端的事情现在会放到前端来,以便给用户更好的体验。
但是前端开发比起后台,要处理的逻辑代码要少得多,大部分逻辑都比较简单,比较难搞的是浏览器兼容,以及考虑浏览器解析执行的性能问题。但是并不是说前端的开发很容易,其实很多时候是,一件事情用前端开发有 N 种方法,要找到最好的方法是需要有良好的架构设计的。前端技术更新的速度比后台技术要快很多,很多前端框架更新得太快,而且也特别特别多,所以想从事这一行的也要做好准备,要不断学习学习再学习。。。

不过也不要怕,一开始最重要的是把html+css+JS学好,先把一个框架和样式搭好,再来实现它的 特效。原生的js如果觉得比较难的话,可以先了解一下基础,先学JQuery,再慢慢学原生js.

以上更多的技术是关于PC的,现在移动端的很火,有空可以多了解一下这方面的技术,bootstrap,jquerymoblie,phonegap,个人觉得jquerymobile各个方面都不如bootstrap.有空可以多学booststrap

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章