sublime,webstorm,hbuilder这些工具到底哪些好用,web前端学了有什么用?又该如何开始学习?web大神在线解答

bczsc579

时间 2024年4月7日 预览 63

专业编程培训机构——完成蜕变以后轻松拿高薪

电话+V: 152079-09430 ,欢迎咨询webstorm和hbuilder区别,[python实用课程],[C++单片机原理],[C#网站搭建],[Nodejs小程序开发],[ios游戏开发],[安卓游戏开发],[教会用大脑用想法赚钱实现阶层跨越]

一、sublime,webstorm,hbuilder这些工具到底哪些好用

sublime插件强大丰富而且好用。hbuilder插件少点且也不够好用,Eclipse的插件也不够好用,例如格式化,或者一些自定义的编码习惯上,有一定的门槛。初学前端,推荐sublime,因为初学的时候,也不会太大的项目,用sublime基本能管理好,一个小项目。sublime轻巧。到了项目文件多的时候,你就会发现文本编辑器和IDE最大的区别。例如hbuilder的跳转(例如alt+点击class/变量/路径),这些远远比sublime等文本编辑器好用。在错综复杂的项目里面跳转。而且hbuilder有emmet插件,超强的js,html语法提示已经略胜sublime了。所以不要去纠结用什么工具。工具只是提升你的效率。当sublime能够满足你的效率的时候,你就用sublime,当你发现sublime用起来,感觉不够高效率的时候,转向IDE吧,hbuilder是个非常不错的选择。关于这2个工具,其实是完全不同的2个类别。sublime是跨语言的增强型文本编辑器;HBuilder是专注于HTML、js、css的IDE。就是说HBuilder是有HTML、js、css的语法解析引擎的,它认识你写的代码,知道该提示什么、知道转到定义去哪里,你写的每个变量、每个函数都会动态计算类型和返回值,这个是很有难度的事情,全世界js的AST语法树处理最好的3个工具就是HBuilder、VS、webstorm。而sublime是文本编辑器,它并不认识你var的变量是一个div的element还是什么其他东西,它只是混沌的提示你写过的词。如果说纯前端开发,还是HBuilder好用。开发速度、出错概率都好于sublime。如果说开发其他语言,比如py、ruby、或者也算前端范畴但HBuilder还未提供对应语法引擎的比如coffescript、dart这些语言,由于HBuilder并没有内置对这些语言的AST语法引擎,所以开发起来不如其他专业工具方便。除了语法解析引擎,两个产品还有其他区别:1会用vs、写objectiveC用xcode,没听说这些复杂的高级语言还用sublime这类文本编辑器编程。目前的HTML5,已经复杂到了这个地步了,很多沿袭老的习惯或观点的人应该换下脑子了。另外注意HBuilder可不是入门工具,它的定位是极客工具。我们在这个方面的追求很偏执,设计了非常多提高编程效率的方式。在HBuilder里内置的helloHBuilder里的lesson1,如果熟练掌握HBuilder,几分钟就写完了,如果使用sublime,至少比HBuilder慢十倍!真正的高手或极客,怎么会不在乎这种效率的差距呢?如果他真的不在乎效率,你也不必尊敬他,抓紧时间超越他就好了。

二、webstrom和hbuilder到底哪个好?哪个开发起来效率高、稳定性好

看你习惯了,其实这两个工具都不错

webStorm写js比较爽,界面也很爽,就是比较重。

web前端学了有什么用?又该如何开始学习?web大神在线解答

2019-10-1216:40·阿三程序员

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.纯js操作dom和jquery

这阶段要知道怎么去用js来更改页面的元素,怎么去写dom事件,经过一番联系后,再引入jquery,不要本末倒置,有些同学学完jquery之后说发誓以后再不用原生js操作dom!这样是不对的!

06,开始你的ui框架之旅

这个阶段我推荐从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,

Copyright2023未知推广科技
拨打电话拨打电话
Copyright2023未知推广科技