从别人身上看前端

Q:“零基础开始学 Web 前端开发,有什么建议吗?”

“该学哪一些内容?先后顺序是什么样子?有推荐的书吗?”

A:前端工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的行业。

Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript!
它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

首先,任何技术实际都是从零基础开始的,不管是直接学习还是通过相近经历转行。所以不需要因零基础担心。
  其次,一定要做好准备:一项技术的学习,意味着你各方面资源不同程度的消耗——时间、工具、资金,甚至融入相关交流圈子的准备。在这个准备过程中,最好是带有一个强硬的规划:“我要在一个月内达到能够实现XXX的水平”或者“我一定要在2周内把XXX项目完成”。如果没有这个规划,一般人都会越来越懒惰。
  然后,选准一个或多个老师。这个老师,可以是一个页面,一本书,也可以是一个真实的人。对于前端这块来说,个人的理解是读十本书不如写一个页面,而我本人也是实实在在地硬着头皮一个标签一个标签google出来的。只有在实际去写的时候,才会出现各种问题,只有在凭自己的思考来解决这些问题的时候,才会得到非常深刻的印象,把相关知识真正转变为自己的。在这里多罗嗦一点,什么叫“选准”老师呢?我参考着去写的第一个页面,是某分类信息网站的首页,一个列表页,除了头尾之外,主体是多个庞杂的列表,并涉及各种布局,总体来讲应该算既不太难又有一些内容的。起手的这一步,如果选择的难度不合适,有可能会造成严重的阻力或者埋下排斥的阴影,学习过程一定要循序渐进。
  另外,需要着重申明的一点:为什么我在第一句话就说“任何技术实际都是从零基础开始的”?因为我要表达的另一个意思是,无论什么时候,不要忘了在解决问题表象的同时,去推敲一下问题产生的基础,那些最不起眼的基本步。同样一个主导航,为什么有的人写出来非得用上三四层标签,有的人却只有两层甚至一层就搞定?这不光是几个字节的差异,甚至可能为了优化代码结构还需要多花一些时间,但有了这层差异,在整个大项目上反映出来的就是个人代码驾驭能力、页面执行效率、接口程序员的工作强度,甚至关系到SEO、模块结构等很多其他的相关面。BTW,有项目经验的童鞋应该对随时出现的各种“灵异现象”都不陌生吧,往往解决这些问题的关键,也在一些毫不起眼的基本步上,不是吗?
  多写,多看,多谈,多搜,好刀都是煅出来的:)

从兴趣开始。首先要熟悉HTML的标签,CSS属性,不断的尝试练习不同的排版,从中学习总结技巧,不过初期一定要规范。
HTML&CSS熟悉了,可以学习JS了,从基本的DOM结构了解,然后就是各种方法。
这些都掌握了,基本上前端的基础都牢固了,剩下的就是应用了。
对于基础的《CSS布局实战》可以看看,还有《CSS禅意花园》,不过其实基础部分http://www.w3school.com.cn就足够了,里面的资料和信息很全面,还有实例。

在开始学的时候就要注意压缩网页的代码,即便你的网页时是1k只差,也会涉及很可观的利益

时间: 2024-10-28 06:29:13

从别人身上看前端的相关文章

优秀网站看前端 —— 小米Note介绍页面

刚开始经营博客的时候,我写过不少“扒皮”系列的文章,主要介绍一些知名站点上有趣的交互效果,然后试着实现它们.后来开始把注意力挪到一些新颖的前端技术上,“扒皮”系列便因此封笔多时.今天打算重开“扒皮”的坑,不过咱挂个优雅点的名字——“优秀网站看前端”,顾名思义的,也是寻觅一些值得玩味的趣味网站,来学习它们的前端技术和交互理念. 作为本系列的开篇,我们拿“买手机送国土”的小米来打头阵,缘由是鄙人有着更换手机的打算又刚好看上小米note高配版,于是逛了下小米note的介绍页面,感觉交互做的挺不错,特别

web前端体系-了解前端,深入前端,架构前端,再看前端。大体系-知识-小细节

1.了解前端,深入前端,架构前端,再看前端.大体系-知识-小细节 个人认为:前端发展最终的导向是前端工程化,智能化,模块化,组件化,层次化. 2.面试第一关:理论知识. 2-1.http标准 2-2.w3c标准 2-3.ECMAScript标准 3.框架和类库 4.编码开发 5.运行环境 6.自我修养. 6-1.前端开发思维.敏捷软件开发流程(如SCRUM)和项目管理知识(如考取PMP). 6-2.个人github和技术博客.建立开源项目等总结经验和反思感想. 6-3.研究学习Web相关最新知识

从最新的技术趋势看前端的未来

新一期的ThoughtWorks技术雷达有点出乎意料,使用new标签的框架.工具.技术.语言等等超过了一半——Vue.js.ES2017上榜,Three.js凭着VR的火又上榜了,还有熟悉的Electron,以及微前端的概念. 让我们先看看一些技术亮点~~. 前端在可见的未来 在那篇<最流行的编程语言JavaScript能做什么?>的文章里,我们看到了JavaScript在各个领域的应用.在这一期里,仍然有很多亮点(new): Vue.js Vue.js,如果你在使用Vue.js,那么你更应该

从2014年D2前端技术论坛看前端发展趋势

上周六有幸参加了在杭州阿里巴巴西溪园区举办的2014年D2前端技术论坛和晚上的酒会,实地感受了一下阿里巴巴前端开发的技术氛围和影响力,总体上看这次D2规模还是挺大的,国内前端的知名大牛基本上都到了. D2今年的主题是绽放,确实挺符合现在前端发展的阶段,随着对用户体验的不断追求,移动Web的迅猛发展,HTML5的普及,NodeJS的投入商用,AngularJS等新框架的出现,前端的重要性和工程化程度不断提高,上午会上有个妹子说2015年D2的主题是逆袭,我个人觉得挺合适的.从参会人数看,目测有接近

通过微信小程序看前端

前言 2016年9月22日凌晨,微信官方通过“微信公开课”公众号发布了关于微信小程序(微信应用号)的内测通知.整个朋友圈瞬间便像炸开了锅似的,各种揣测.介绍性文章在一夜里诞生.而真正收到内测邀请的公众号据说只有200个. 虽然内测名额十分稀少,但依赖中国广大开发者的破解和分享精神,在网络上很快出现了开发工具的破解版本和API文档.然而可能是微信的妥协或者早已预料,9月24日微信官方发布了不需要破解就可以使用的微信小程序开发者工具和文档,对于费劲心思破解完的开发者来说应该瞬间整个人都不好了. 以下

从Java的角度看前端JS各种框架

今天看到一篇不错的文章: 从Java的角度理解前端框架,nodejs,reactjs,angularjs,requirejs,seajs http://blog.csdn.net/uikoo9/article/details/45999745 (PS:还有另一篇文章也可以看看:http://uikoo9.com/blog/detail/fe web前端漫谈-uikoo9.com) 文章内容如下: [前端神秘的面纱] 对后端开发来说,前端是神秘的, 眼花缭乱的技术,繁多的框架, 如果你还停留在前端

使用webview,给自己看的,别人可能看不懂

package com.etron.dacangjia.news; import java.util.ArrayList; import java.util.regex.Matcher; import java.util.regex.Pattern; import org.json.JSONArray; import org.json.JSONObject; import me.imid.swipebacklayout.lib.app.SwipeBackActivity; import andr

C++ DLL导出函数的两种方法(导出序号那种方法,别人看不到函数名)

第一种就直接导出函数名如下代码: #ifdef__cplusplus #define TEXPORT extern "c" _declspec(dllexport) #dlse #define TEXPORT _declspec(dllexport) TEXPORT BOOL FUN();//这就是要导出函数 这种方法查看DLL时能看到函数名. 第二种是就导出序号如下代码: bool _stdcall fun(); 在工程右键添加新项目点模块定义文件.DEF, 在在DEF文件里写 LI

关于前端常见的2种开发模式

    一.前言 2018年12月底,感觉做事情不是太顺畅...就当是运气不好吧...XX总喜欢把自己的问题——推拖到别人身上,什么事情都觉得自己的就是完美(都是别人的问题),你这么能,你咋不上天呢... 已是2019年了,祝大家新年快乐,开开心心,心想事成,万事如意......直接进入正题哈... 前端开发大家熟知非常传统的开发模式,像HTML/CSS/JS 一锅炖的方式.虽然可以较快速.无规范开发... 但对于代码编程可维护性.可读性.可迁移性等方面来说简直就是灾难...于是便有了模板式的开