1. 首页
  2. IT资讯

从事前端,初步学完HTML,JavaScript,CSS接下来可以这样!

“u003Cdivu003Eu003Cpu003E当初学习前端时也有很多困惑(现在也有),断断续续的摸索了几个月还是一头雾水,虽然那时网上也有很多资料可以学习,但始终没有办法形成自己的知识体系,一直停留在用HTML和CSS写个静态页面,用JS写个动态效果,刚开始还感觉良好,时间久了不禁怀疑自己的方向是正确的吗,究竟该往哪个方向去学习才是工作所真正需要的呢?u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F15249712093733278303b83″ img_width=”640″ img_height=”427″ alt=”从事前端,初步学完HTML,JavaScript,CSS接下来可以这样!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E学会设计出效果图才有饭吃,上去就是干,那会在设计这条路上花掉了不少时间,直到撞上南墙才回头。其实啊,公司都会有专门的设计师傅,他把做完的PSD设计稿扔给你,你会切图就好了,所以PS要学,做到会切图即可,当然招聘网站上也都有明确的技能要求,你也可以参考,哪里不会补哪里。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp9.pstatp.comu002Flargeu002Fpgc-imageu002F152497122730924e2707e11″ img_width=”640″ img_height=”426″ alt=”从事前端,初步学完HTML,JavaScript,CSS接下来可以这样!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E那么,拿到PSD设计稿,建个文件夹,上去就是切吗?我们平常做练习确实是这样,随便在哪里建个文件就可以开始了。实际工作中的代码都要在服务器环境下运行的,因为这时候项目中的内容不再是单纯的几个页面,几个效果,是前端后台的结合,而这些是需要在服务器环境下才能跑通的。所以你要了解简单服务器相关的知识,至少学会简单的搭建、配置和使用,用Node或Apache等等。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F1524971245821488baa750d” img_width=”640″ img_height=”427″ alt=”从事前端,初步学完HTML,JavaScript,CSS接下来可以这样!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E像我们学习原生JS,假如要实现一个动画效果,需要一大堆代码,写完可能还会有各种各样的Bug,实际项目中可能不会给你那么多时间去专门搞这个,这时候你要了解各种库的使用,例如TweenMax、CSS3动画的一些知识,滑动组件Swiper,还有你正在学的jQuery。有时候需要实现一些复杂图表效果时你还需要学习Canvas,同样实际项目中用到各种图表统计功能时,大部分时候不可能让你去用Canvas从0开始一一实现,所以你还要学习对应的一些图表插件,例如Chart.js。实际项目中会有各种各样的需求是你当时解决不了的,这是很正常的先不要着急,打开GitHub,上面有各种各样的好东西,可能有些正是你所需要的。当然这并不是说碰到问题我们直接找别人的代码拿来用就好了,原生JS你就可以不学了,恰恰相反,你要把基础内容掌握的更扎实才能轻松的去驾驭各种各样的库。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002F6ee300053020659022dc” img_width=”1023″ img_height=”688″ alt=”从事前端,初步学完HTML,JavaScript,CSS接下来可以这样!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E刚到一家公司时,你开始接触的项目都不是全新的,需要从远端克隆过来一份代码,在此基础上进行开发,每写完一些代码后,需要把这些代码再提交到远端,当你的同事需要你这部分代码时,他再拉取就可以了,你同事写的代码也是如此的操作。所以这时候你要学习一些版本控制工具的使用,例如Git、SVN、HG,了解同事间是怎么进行分工合作的,学会代码的提交、合并、冲突解决等等方法。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002F6ee200054a95b49f41f8″ img_width=”1280″ img_height=”862″ alt=”从事前端,初步学完HTML,JavaScript,CSS接下来可以这样!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E其实啊,在刚开始写代码的时候,你还会接触到像Gulp之类的构建工具,这玩意到底是干嘛的呢?你可以先这样理解,项目上线前我们要对图片进行压缩,对代码进行合并以方便更友好的访问,假如我们用Sass等预处理器写CSS样式时还需要编译,当用到ES6的语法写代码时还需要还需要翻译成浏览器能识别的代码才行运行,上面说的这3件事Gulp都可以做,当然它还有其他各种各样的功能,它是一个自动化的任务处理器,类似的工具还有Webpack、Grunt、Fis等等,所以你懂的,学习这些工具也是非常必要的。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F1524971316196cc005c00b3″ img_width=”640″ img_height=”426″ alt=”从事前端,初步学完HTML,JavaScript,CSS接下来可以这样!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003EHTML、CSS和JS你都了解的差不多了,这时候你可以尝试学习一下一些流行的前端框架,例如Vue,这玩意到底是干嘛的呢?这里我就不废话了,相信会颠覆你之前学习JS频繁操作DOM的思维方式,中文文档极其完善,真是良心,另外它的作者也在知乎喔。u003Cu002Fpu003Eu003Cpu003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F15249713350437ec760a000″ img_width=”640″ img_height=”315″ alt=”从事前端,初步学完HTML,JavaScript,CSS接下来可以这样!” inline=”0″u003Eu003Cu002Fpu003Eu003Cpu003E其实到这里还差最后一点点,实际开发中可能前后端并不是完全分离的,你会常常发现你的页面中掺杂的还有一些后端代码,因此你需要学习一点后端语言,例如PHP,不然你和后端同学合作起来会非常的崩溃。u003Cu002Fpu003Eu003Ch1u003E关注小编私信“学习”两字获取前端免费教程资料u003Cu002Fh1u003Eu003Cu002Fdivu003E”

原文始发于:从事前端,初步学完HTML,JavaScript,CSS接下来可以这样!

主题测试文章,只做测试使用。发布者:敢吻,转转请注明出处:http://www.cxybcw.com/11474.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code