A. 各位web前端开发的大神们,问一下,仅div+css如何实现,点左边导航栏,右边出现内容
正常来讲js、jquery都可以实现的
但是要用html 和css来做的话 需要使用到框架
<html>
<framesetcols="25%,50%,25%">
<framesrc="frame_a.htm"/>
<framesrc="frame_b.htm"/>
<framesrc="frame_c.htm"/>
</frameset>
</html>
B. 国内有哪些前端开发牛人
目前随着科技的发展,国家的进步,各行各样涌现出了许许多多的人才与前段开发牛人
今天就介绍一些行业的前段开发牛人
:还有#@just.jayac到他的关于页面,很有Geek风格总之,现在的前段牛人各行各业都有很多了。不仅仅只是限于腾讯与淘宝的科技开发人员了。更多的活跃于flash与游戏领域。只要大家多多发掘,也可以认识许许多多的牛人大神。
C. Web前端高手入门学习Web前端的方法
今天小编要跟大家分享的文章是关于Web前端高手入门学习Web前端的方法。现在从事IT方向的人有很多,由于Web前端薪资水平高,职业前景广阔,岗位缺口大,就业口径宽,想通过学习Web前端开发从而进入到该行业工作的人越来越多。当然也有很多人在犹豫不知道Web前端开发都学哪些内容?零基础的可以学会吗?好不好学。
前端涉及到的东西太多了,学习的过程中也很浮躁,看了挺多书,可是代码缺敲得却不多。技术菜,又什么都想学,比如现在纠结要不要先学scss或者php或者angularjs,backbone等框架,还是深入学习html5+css3?
在我看来前端这20%的东西大概就是常用的html标签,css的盒子模型,基本的原生js,以及熟练使用jquery,ajax,常见浏览器的兼容。拿下这些东西意义非凡,一方面证明你适合做前端这份工作,另一方面这些技能能让你找到一份工作。让你能够从容地去学习剩下的80%。下面就来和小编一起看一看怎么零基础学习Web前端。
1.先说一下学习完Web前端之后能干什么
学完Web前端之后你可以开发网页,做h5动画,做手机端app,可以做自己的博客网站,可以做微信公众号开发,可以开发小程序,可以结合nwjs做电脑客户端软件:比如微信的pc版,钉钉的pc版
都是Web前端来做的
2.怎么开始学习
两条路:自学或者找培训班,这块我们一点就过,我主要讲下怎么去自学。
对于自学最直接的方式就是看视频学习,可以是在线视频
视频找好了之后,如果你不想中途放弃,或者,浪费太多时间又没效果的话。就找找一个引路人,引路人当然是能力越强越好,找引路人的目的在于为你制定学习计划,把控学习质量,及时纠正错误的学习方向,教你正确的学习方式。给你做心理辅导。为你及时打气持续性补充你的信心。
我之前接触和辅导过很多自学的学生,有成功的也有放弃的,放弃的那些同学基本都是输在错误的学习思路和心理迷茫期。听他们抱怨说:没有人去指导他们,每天学完就学完了,第二天接着学,但是东西太乱都串不起来,也都不知道是干嘛用的,尤其是js部分,这种问题完全可以把一个人摧毁!所以
我一直对我的学生强调:有问题一定要去问,去解决,千万不要不懂装懂,弄明白了再往下走,人的心理是很脆弱的,一旦倒了可能就再也站不起来了。敬告各位新入行的同学,除非你之前有过编程经验,不然就找个引路人指导你。
3.列一个学习大纲
01.环境搭建
前端环境很好搭建,一个开发工具即可,Webstorm,hbuilder,vscode,sublime。初学者建议sublime
也不要装插件,没有语法提示,可以打基础
02.html基础
带你去认识html,让你学习去运行html,等浏览器上面打开你的页面的时候,你会有很强的成就感,然后开始学习html的基础标签
03.css基础
html是勾勒,css是染色,基础的css学完你会有种想写页面的冲动,这时候你不用抑制住那种感觉,直接按照自己所想开写,这是你的第一个项目
04.js基础
js是页面的逻辑,作为一个Web前端工程师,js是很核心的部分,也是很难的部分。js的学习之后放长一些,尤其是前一周,要让自己去熟悉那种语法环境,培养自己的开发思路,而且有一点就是学完一个星期的知识之后,及时和你的指引人沟通,看卡自己的理解是否有误,还有就是学习思路是否有问题,他会给你指出那些东西需要多学习,哪些不常用,还有就是给你点一下你学的这些在项目中会是怎么去应用,理论联系实际是最好的学习方式。
05.纯ja操作dom和jquery
这阶段要知道怎么去用js来更改页面的元素,怎么去写dom事件,经过一番联系后,再引入jquery,不要本末倒置,有个同学学完jquery之后说发誓以后再不用原生js操作dom!然后被我狠狠骂了一顿
06.开始你的ui框架之旅
这个阶段我推荐从bootstrap开始,这个框架很经典,响应式的珊格系统被后来框架一直沿用,在我线下教学的那几年,我都会带着学生一起看bootstrap的源码,让他们学会这种设计思想,因为之后对他们太有用了,当时他们很痛苦,现在他们说起来觉得很受益,如果可以,你也要去看看源码,先学会去定制bootstrap,公司注重二次开发,定制
bootstrap正好可以练手。
07.开始深入css3
基础学完css3要提上日程,这时你会看到不一样的世界
08.深入js
这阶段你就要去解读原型链,原型替换,this指向,es6,es7的新语法,
09.学一套主流mv*框架
vue,react,angular2选一种
我建议从vue开始,react的jsx语法不适合你入门去学习,angular2的typescript语法糖难度也比较高,vue学起来平滑些,结合vue,学一下vue-router,vuex,element
ui,axios,Webpack。做个项目玩一下这个全家桶
10.升级后台语言nodejs
这个不作要求,你在学vue的时候其实已经在用nodejs了,你用的npm就是nodejs的一部分,这个阶段说的是nodejs编程,比较难理解,毕竟是写服务器的东西,不过前面基础打牢固,让别人一点拨就能上手,技术不难,难在思路转换。
4.总结做项目
两个项目,
一个是侧重于css特效方面的,要求就是非常酷,帅到没朋友
第二个项目侧重逻辑处理,用来升华你的逻辑能力
这两个项目可以从网上搜几个网站来模仿,之前我的学生有做过:苹果官网,魅族官网,花瓣网,网易云音乐,在行等很多网站,做的也很不错。
5.面试技巧培养阶段
这个阶段要培养下公司项目的具体流程以及面试技巧的培养,面试回答思路,如果有同学想多了解这方面,我很乐意给大家讲解
因为现在Web前端这个职业非常火,这个不是最重要,重要的在五年之后,Web前端发展前景是势不可挡的。但是我现在看到的问题是,大家看到Web前端这个职业发展非常好,未来前景也是非常好,挣钱也是非常多,但是大家都忽略了一个东西,既然是这么好的职业,那么它一定没有那么容易让你胜任这个工作,我们都知道现在前端的竞争非常大,而这种竞争是在新手之中的竞争,在初级工程师、中级工程师、高级工程师是没有竞争的,很多人眼红前端工程师工资这么高,自己也想这样去拿高薪,但是大家不知道当初这些人在学习前端的时候是怎么学习的,才有今天,为了避免大家有这样错误的思想。
以上就是小编今天为大家分享的关于Web前端高手入门学习Web前端的方法的文章,希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助,想要了解更多Web前端知识记得关注北大青鸟Web培训官网,最后祝愿小伙伴们工作顺利,成为一名优秀的Web前端工程师。
D. 国内web前端大神级人物有哪些人(博客名、网名、真名)
阮一峰,司徒正美
E. Web前端学习的入门方法有哪些
今天小编要跟大家分享的文章是关于web前端学习的入门方法有哪些?web前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路。
互联网的快速发展和激烈竞争,用户体验成为一个重要的关注点,导致专业前端工程师成为热门职业,各大公司对前端工程师的需求量都很大,要求也越来越高,优秀的前端工程师更是稀缺。个人感觉前端入门相对容易,但是也需要系统地认真学习,在打好基础后坚持学习,成为优秀前端工程师也只是时间问题。
学习任何知识最重要的都是兴趣,如果经过一段时间的学习感觉不喜欢,那可能强迫自己学习是很痛苦的,效果也不会好,毕竟这很可能就是以后很多年生存的技能。不过随着互联网行业的发展,前端必然是Web开发人员需要学习的知识,有时候是没有专业前端工程师一起合作的,所以即使不做专门的前端工程师,掌握基本的前端技能为工作带来方便。下面来和小编一起看一看吧!
一、必备基础技能
以下是个人觉得入门阶段应该熟练掌握的基础技能:
§HTML4,HTML5语法、标签、语义。
§CSS2.1,CSS3规范,与HTML结合实现各种布局、效果。
§Ecma-262定义的javascript的语言核心,原生客户端javascript,DOM操作,HTML5新增功能。
§一个成熟的客户端javascript库,推荐jquery。
§
一门服务器端语言:如果有服务器端开发经验,使用已经会的语言即可,如果没有服务器端开发经验,熟悉Java可以选择Servlet,不熟悉的可以选PHP,能实现简单登陆注册功能就足够支持前端开发了,后续可能需要继续学习,最基本要求是实现简单的功能模拟。
在掌握以上基础技能之后,工作中遇到需要的技术也能快速学习。
二、基本开发工具
恰当的工具能有效提高学习效率,将重点放在知识本身,在出现问题时能快速定位并解决问题,以下是个人觉得必备的前端开发工具:
§文本编辑器:推荐SublimeText,支持各种插件、主题、设置,使用方便
§浏览器:推荐GoogleChrome,更新快,对前端各种标准提供了非常好的支持
§调试工具:推荐Chrome自带的Chromedevelop
tools,可以轻松查看DOM结构、样式,通过控制台输出调试信息,调试javascript,查看网络等
§辅助工具:PhotoShop编辑图片、取色,fireworks量尺寸,AlloyDesigner对比尺寸,以及前面的到的Chrome
developtools,
§FQ工具:lantern,壁虎漫步
三、学习方法和学习目标
方法:
§入门阶段反复阅读经典书籍的中文版,书籍中的每一个例子都动手实现并在浏览器中查看效果。
§在具备一定基础之后可以上网搜各种教程、demo,了解各种功能的实际用法和常见功能的实现方法。
§阅读HTML,CSS,Javascript标准全面完善知识点。
§阅读前端牛人的博客、文章提升对知识的理解。
§善用搜索引擎。
目标:
§熟记前面知识点部分的重要概念,结合学习经历得到自己的理解。
§熟悉常见功能的实现方法,如常见CSS布局,Tab控件等。。
四、入门之路
在整个学习过程中HTMLCSSJavaScript会有很多地方需要互相结合,实际工作中也是这样,一个简单的功能模块都需要三者结合才能实现。
动手是学习的重要组成部分,书籍重点讲解知识点,例子可能不是很充足,这就需要利用搜索引擎寻找一些简单教程,照着教程实现功能。以下是一些比较好的教程网址
可以搜索各大公司前端校招笔试面试题作为练习题或者他人总结的前端面试题还有个人总结的面试题(带参考答案)。
原生javascript是需要重点掌握的技能,在掌握原生javascript的基础上推荐熟练掌握jQuery,在实际工作中用处很大,这方面的书籍有《Learning
jQuery》或者去jQuery官网。
建一个https://github.com/账号,保存平时学习中的各种代码和项目。
有了一定基础之后可以搭建一个个人博客,记录学习过程中遇到的问题和解决方法,方便自己查阅也为其他人提供了帮助。
经常实用Google搜索英文资料应该经常找到来自#/的高质量答案,与到问题可以直接在这里搜索,如果有精力,注册一个账号为别人解答问题也能极大提高个人能力。
经典书籍熟读之后,可以打开前面必备基础技能部分的链接。认真读对应标准,全面掌握知识。
五、继续提高
有了前面的基础之后,前端基本算是入门了,这时候可能每个人心中都有了一些学习方向,如果还是没有。可以参考前面必备技能部分提到的那两个项目,从里面选一些进行发展学习。以下是一些不错的方面:
§Grunt:前端自动化工具,提高工作效率
§lesscss:优秀的CSS预处理器
§bootstrap:优秀的CSS框架,对没有设计师的团队很不错,与less结合使用效果完美
§requirejs:AMD规范的模块加载器,前端模块化趋势的必备工具
§Node.js:JavaScript也可以做后台,前端工程师地位更上一步
§AngularJS:做SinglePageApplication的好工具
§移动端web开发:智能手机的普及让移动端的流量正在逐步赶超PC端
§Javascript内存管理:SPA长期运行需要注意内存泄露的问题
§HighPerformanceJavaScript()
§:重要技能
六、语言基础
1、JavaScript:
作用域链、闭包、运行时上下文、this
原型链、继承
NodeJS基础和常用API
2、CSS:
选择器
浏览器兼容性及常见的hack处理
CSS布局的方式和原理(盒子模型、BFC、IFC等等)
CSS3,如animation、gradient、等等
3、HTML:
语义化标签
其他
有些东西不是考敲码就能弄好的,我参与实习的时候感受到了很多,这些是我遇到的也是我感觉自己做的不好的地方
对于业务的思考:我个人这方面非常欠缺,所以放在最前面,在敲码前要多思考业务
交流和沟通能力:这个非常重要,前端同时需要与项目经理、产品、交互、后台打交道,沟通不善会导致很多无用功,延缓项目。
知识管理、时间管理:input和output的平衡,output是最好的input。如何做好分享,参与社区,做好交流,作好记录。
对新技术的渴望,以及敢于尝试。
七、入门书
入门可以通过啃书,但书本上的东西很多都已经过时了,在啃书的同时,也要持续关注技术的新动态。这里推几本我觉着不错的书:
《JavaScript高级编程》:可以作为入门书籍,但同时也是高级书籍,可以快速吸收基础,等到提升再回来重新看
《JavaScript权威指南》:不太适合入门,但是必备,不理解的地方就去查阅一下,很有帮助
《编写可维护的JavaScript》和:
《Node.js开发指南》:不错的Nodejs入门书籍
《深入浅出Node.js》:Nodejs进阶书籍,必备
《JavaScript异步编程》:理解JS异步的编程理念
《JavaScript模式》和《JavaScript设计模式》:JavaScript的代码模式和设计模式,将开发思维转变到JavaScript,非常好的书
《JavaScript框架设计》:在用轮子同时,应当知道轮子是怎么转起来的,讲解很详细,从源码级别讲解框架的各个部分的实现,配合一个现有框架阅读,可以学到很多东西
《Dontmakemethink》:网页设计的理念,了解用户行为,非常不错
《CSS禅意花园》:经久不衰的一部着作,同样传递了网页设计中的理念以及设计中需要注意的问题
《高性能JavaScript》和《高性能HTML5》:强调性能的书,其中不只是性能优化,还有很多原理层面的东西值得学习
《HTML5Canvas核心技术》:我正在读的一本书,对于canvas的使用,动画的实现,以及动画框架的开发都非常有帮助
《HTTP权威指南》:HTTP协议相关必备,前端开发调试的时候也会经常涉及到其中的知识
《响应式Web设计》:技术本身不难,重要的是响应式网页的设计理念,以及移动先行的思想
《JavaScript语言精粹》:老道的书,也是普及JavaScript的开发思维的一本好书,非常适合入门
八、一些不错的网站
github:没啥好说的,多阅读别人的源码,多上传自己的源码,向世界各地的大牛学习
codepen:感受前端之美的必选之地,里面有很多酷炫的效果和优秀的插件
echojs:快速了解js新资讯的网站
stackoverflow和segmentfault:基本上各种问题都能在上面获得解答
googlewebfundamentals:每篇文章都适合仔细阅读
staticfiles:开放的CDN,很好用
iconfont:阿里的矢量图标库,非常不错,支持CDN而且支持项目
html5rocks:一个不错的网站,很多浏览器的新特性以及前沿的技术,都能在这上面找到文章
csstricks:如何活用CSS,以及了解CSS新特性,这里可以满足你
JavaScript秘密花园JavaScript初学必看,非常不错
w3cplus:一个前端学习的网站,里面的文章质量都挺不错的
nodeschool:一个不错的node学习网站
learngitbranch:一个git学习网站,交互很棒
前端乱炖:一个前端文章分享的社区,有很多优秀文章
正则表达式:一个正则表达式入门教程,非常值得一看
各路大牛的博客:这个太多了,就不贴了,知乎上有很全的
各种规范的官方网站,不懂得时候读规范
九、前端的定位
前端的定位关乎到你需要吸收什么样的知识和技能,决定在技术世界里你对什么需要格外敏感。如果你认为前端仅仅停留在切页面,实现交互和视觉的要求,那你对前端的认识还停留在初级阶段。阿里终面的时候我问了考官这么个问题:前端技术日新月异,范围越扩越宽,标准越来越丰富,似乎任何一个触角都能伸出很远。怎么给前端一个合适的定位?考官给我分析了半天,然后总结成一句话,就是用户和网站的联结者,用户体验的创造者(原话不是这样,但大体是这个意思)。也就是说前端的终极目标其实就是创造用户体验,提升用户体验,以用户体验为中心。不管你是从交互设计上下手,还是从性能优化出发,或者改进工作流提升工作流效率,最终都是为了创造和提升用户体验,最终都要体现到用户体验这一点上来。我认为这个总结非常有道理(当然“用户体验”这个词太宽泛了,并且不仅仅是前端工程师的范畴,比如开发后台的时候对一个数据处理过程进行优化,提升了整体性能,这也是对用户体验的一个提升)。
现在的前端工程师做到一定阶段不可避免会接触到很多比切页面、实现视觉要求、实现交互等更深入的问题,比如前端自动化、图像编程、性能优化等等,再往后推一点就是PHP/JSP/ASP/nodeJs,过去后端模板一般属于后端的范畴,现在随着前端架构的演进,可能会让你去写后端模板的代码,需要用到后端语言(PHP/Java/C#等),这就是所谓大前端(然而这与前端的定位并不是相背离的,大前端处理的依然是与用户接触的部分,仍然是对用户体验的优化)。可能最常见或者被谈论最多的就是node,其实这几种技术选型都可以,bat三家据说网络用PHP比较多,阿里用node比较多。
以上就是小编今天为大家分享的关于web前端学习的入门方法有哪些的文章,希望本篇文章能够对正准备学习web前端知识的小伙伴们有所帮助,想要了解更多web前端知识记得关注北大青鸟web培训官网最后祝愿小伙伴们工作顺利,学习成功。
转载自:https://github.com/qiu-deqing/FE-learning,部分内容有删减。
F. 目前比较火的web前端 论坛和博客有哪些
目前比较火的论坛博客有哪些? 这里收集一些比较好的技术开发者社区供大家参考,具体如下:
1、快速开发平台社区 -天翎论坛,主要是以Java低代码开发平台为主的技术性论坛社区,目前低代码平台商用授权对外开放;
2、CSDN -专业开发者社区 IT技术交流平台;
3、IT圈,圈圈精彩 - 原软媒论坛、IT之家,国内最人气的科技社交圈层,继软媒论坛、IT之家社区演变而来;
4、51CTO技术论坛-中国领先的IT技术社区 国内主流IT技术社区,论坛拥有大批IT技术人/IT专家;
5、ITPUB技术论坛-中国专业的IT技术社区。
G. 在哪里可以找到web前端高手啊
你好,一起学习交流,可以加入我们团队,一起解答前端所有问题!
H. web前端开发,关于博客系统删除功能的实现,nodejs
没看到你的原文,不清楚是什么,一般来说服务器删除的就是数据库里的对应ID的数据,其它的是不是要操作缓存什么的看你的功能而定,并不是必须的,而且这个操作都是一次完成的(也就是ajax只传一次ID就行了,不需要传两次)
I. Web前端开发比较好的技术类资源网站有哪些
github 程序员的天堂
W3CPlus | css3教程-css3实例-css3动画
W3CPLUS是一个前端爱好者的家园,W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创,以一起学习,一起进步,共同分享为原则。W3CPLUS站提供了有关于css,css3,html,html5,jQuery,手机移动端的技术文档、DEMO、资源,与前端爱好者一起共勉。
W3Help - W3help是由国内多家关注Web标准的公司、团体、标准组织,及科研单位等共同创立的Web标准推广网站。我们创办该网站的目的是为了促进Web标准技术在国内业界的应用和推广,提供跨浏览器开发资源,推动国内Web环境与国际标准的接轨,最终实现国内Web的标准化。我们真诚欢迎国内业界同仁一起加入到推广Web标准的事业中来。
Can I use... Support tables for HTML5, CSS3, etc 查看主流浏览器对css、css3等兼容性,很强大。
奇舞周刊 领略前端技术 阅读奇舞周刊。收集每周前端精华文章,集结成册,每周五发送给您
码农周刊 码农周刊是一份专为程序员打造的IT技术周刊。我们会为你精选一周IT技术干货,每周三发送,完全免费。
J. 我第一次做网站,建了个前端开发技术博客
收录的话还是要看时间,看到的人多了,自然而然就会被收录了。所以你最好是都更新一点内容,发一些比较优质的帖子来吸引其他人关注你的博客。