首页 > 产品 > 关键词 > 前端工程师最新资讯 > 正文

如何利用一个周末时间成为前端工程师的

2012-12-29 14:20 · 稿源:51CTO.com

2周前,我将 TravisLight 开源了,这是一个建立监控的工具,也是一个用于 Travis-CI 的构件监控工具。出于兴趣,我用了一个周末的时间做了这个项目,而且我是以一个真正的前端开发者的角色来做的。

当我在 Nelmio 的时候,尽管我做了一些javascript的应用,但我参与的更多是后台开发。大部分时间我是在写API给前端调用,而且在工作中经常会出现偏差。实际上,我认为每一个做后台的开发者应该花些时间在前段开发上,补充一些前端知识,反之亦然。这是让你明白在工作中自己真正需要做些什么的最好的方法之一。

我认为一个前端工程师需要的唯一东西是一个好用的 API,和一个全面的文档。作为一个后台开发者,你必须提供这两个。所以,前端的工程师的水平取决于你。但是,不要迫使你的前端人员去使用你的工具。的确,Assetic 对于 PHP 是一个很好的开发工具,但是它对于前端工程师来说并不是一个好的工具。有许多更好的开发工具可以编译 JS/CSS 文件,写 JavaScript,例如 Grunt。让你前端工程师使用自己的工具吧!在一个 Symfony2 项目中,我会命令把所有的 JS/CSS 文件都放在 web/ 的文件夹中,而不是放在 *Bundle/Resouces/public 这样的文件夹中,这样,前端就不用为了找 JS/CSS 文件夹而去浏览整个项目了。

但这不是我写这篇文章的目的,让我来解释我为什么和怎样写出 TravisLight 和我发现的工具吧。

最初

我想学习一下Backbone.js,因此我着手阅读了Backbone Fundamentals这本书。如果你对Backbone还不甚了解,那我给你介绍下,Backbone 是一个JavaScript 框架,它可以为你编写Web程序提供一个架构。

众所周知,在项目中实践是最佳的编程学习方式,因此,我决定使用Travis-CI API去写一个Backbone.js 应用程序,也就是TravisLight 。TravisLight 正是那个我一直想要的,用来管理我的开源项目的简明工具。这真是一个绝佳的起步项目,尤其适合在周末进行。

我使用了Lo-Dash,一个Underscore.js的替代品,它具有风格一致,定制灵活,性能优越等优点。同时,我也使用了RequireJS和Moment.js。这样,我就需要一个工具去管理所有的这些依赖,因此我关注了下来自Twitter的Bower。

Bower,网页包管理器

Bower是一个网页包管理器,也就是JS/CSS库包管理器。虽说它现在是一个包下载器,但还是有必要用它来避免对 jQuery, Twitter Bootstrap等进行版本控制。你只需要一个像这样的component.json文件:

{ “name”: “travis-light”, “dependencies”: { “jquery”: “~1.8.3” } }

运行“bower install”把依赖关系安装到组件或文件夹。 现在,我可以开始着重弄我的应用。每次我需要一个新的库只要运行“ bower install--save”来安装和更新“component.json”文件就行了。 有时候,我需要使用一些工具帮助我在应用上完成一些像运行jshint或编译文件的任务。于是我试了“Grunt”——一个Javascript编译工具,感觉还不错哦。

Grunt, JavaScript 编译工具

Grunt是一个基于任务的命令行 JavaScript 工程编译工具。 第一眼看上去, 这个工具似乎难以使用,但是一旦你用了,它太棒了!你能够验证(Lint)你的文件,缩小JS/CSS文件,运行测试单元等等。

在TravisLight,我主要使用Grunt 打包应用程序。 打包应用程序意味着:

编译JavaScript文件;

编译 CSS 文件;

在 HTML 标记中使用编译好的文件;

复制依赖库。

编译Javascript文件就是编译 RequireJS 的依赖关系。幸亏有 grunt-contrib-requirejs插件,太简单了!

requirejs: { compile: { options: { name: “main”, baseUrl: “js/”, mainConfigFile: “js/main.js”, out: “dist/compiled.js” } } }

在TravisLight 里面编译CSS有两步:

首先、把CSS里面的所有图片用grunt-image-embed 插件嵌进来:

imageEmbed: { application: { src: ‘css/application.css’, dest: ‘dist/application-embed.css’, deleteAfterEncoding : false } }

然后,用grunt-contrib-mincss 插件压缩CSS文件;

mincss: { compress: { files: { ‘dist/compiled.css’: [ ‘css/bootstrap.min.css’, ‘dist/application-embed.css’ ] } } }

  • 相关推荐
  • 大家在看
  • 失去大将!苹果前工程师辞去英特尔高管职务

    苹果前工程师吉姆·凯勒(Jim Keller)自 2018 年以来一直在英特尔工作,他将离开这家公司。在一份公开备忘录中,英特尔表示,凯勒因个人原因辞职,今天生效(美国当地时间 6 月 11 日,)。他是担任英特尔的高级副总裁和总经理,主要负责芯片的设计。

  • 经福特中国工程师测试,福特车漆经得住考验?

    在广场看到一群白鸽飞舞,是多么美好的一副场景。在树荫下听到鸟儿叽叽喳喳的叫声,令人心情愉悦。可是,美好的事物背后总有让人难以接受的一面。鸟儿在美,声音在动听,你也无法改变它乱排粪便的问题。相信各位车主的爱车肯定都被鸟粪光顾过,虽然为此头疼,却无法避免,除了有损颜面对车漆也有损害。福特中国工程师为此做了认真的功课。由于鸟粪里含有的尿酸对车漆具有一定的腐蚀性,轻则漆面氧化,失去光泽,严重的会导致车漆的

  • 工程师们为人工智能瓶颈提供了聪明、及时的解决方案

    莱斯大学的研究人员展示了设计创新的以数据为中心的计算硬件的方法,以及将硬件与机器学习算法共同设计的方法,这两种算法可以将能源效率提高两个数量级。机器学习是自动驾驶汽车和许多其他高科技应用背后的人工智能形式,它的进步开创了一个新的计算时代——以数据为中心的时代,并迫使工程师们重新思考75年来几乎没有受到挑战的计算体系结构的各个方面。电气与计算机工程助理教授林英彦(音)说:“问题是,对于目前机

  • 小米10遭遇音量问题?工程师到用户家中做测试:真相大白

    关于少数用户反馈的音量小问题,小米手机系统软件部总监张国全在微博撰长文予以详细回应。此次小米方面直接联系到了北京米粉,带手机到这些用户家里做现场对比。为进一步严谨科学,最后还回到

  • “打”两份工还独自成功开发APP,这位女工程师经历了什么?

    今天要跟大家分享的是女性独立开发者Jen Yip的创业故事。Jen Yip是一个女工程师,在推特有 4 年的工作经验,后来在硅谷和合伙人共同创办了一家宠物健康初创公司。由于厌倦了硅谷的生活,她决定周游世界,旅游结束后再也没有正经上班,而是当一个自由自由职业者,并独立开发一款基于订阅的个人理财和预算的web app——Lunch Money。

  • 猿辅导招聘服务器端研发工程师(JAVA)诚邀技术大拿

    猿辅导是一家在线教育领域的互联网公司,众所周知互联网公司最重要的岗位非程序员莫属,猿辅导也不例外,近日猿辅导招聘服务器端研发工程师(JAVA)正如火如荼的进行着。猿辅导可以为工程师们提供舒适的工作环境以便大家可以大显身手。猿辅导望京办公楼猿辅导的这份工作主要内容是负责猿辅导主app相关产品服务器端的开发,而且作为一名有经验的研发工程师,你还需要指导新人进行开发。猿辅导的办公环境对于这个岗位,猿辅导有相应?

  • 坚守匠心 厚积薄发——CAXA CAM制造工程师2020版正式发布

    2020 年 6 月 9 日,数码大方(以下简称CAXA)完全自主研发的CAXA CAM制造工程师 2020 版正式发布。制造工程师2020 是基于CAXA 3D实体设计 2020 平台全新开发的CAD/CAM系统,采用全新的3D实体造型、线架曲面造型等混合建模方式,涵盖从两轴到五轴的数控铣削加工方式,支持从设计、编程、代码生成、加工仿真、机床通信、代码校验的全流程闭环设计制造模式。 30 年深耕细作,高擎国产CAD/CAM大旗 CAD/CAM作为核心工业软件,是“工业知

  • AR初创公司Magic Leap起诉前工程师窃取技术一案遭驳回

    6月18日消息,据国外媒体报道,增强现实(AR)初创公司Magic Leap起诉其前工程师窃取技术一案遭驳回。当地时间周三,加州圣何塞的联邦法官卢西·柯(Lucy Koh)批准杭州太若科技公司(以下简称太若科技,也称Nreal)创始人徐驰提出的撤销此案的请求。她认为,Magic Leap对徐驰的指控没有充分的证据。去年6月份,Magic Leap对徐驰提起诉讼。该诉讼以太若科技为共同被告,指控徐驰违反了合同、欺诈和不公平竞争。该公司?

  • 销售易:拥有这四项CRM神技能,维修工程师秒变“维修侠”

    几天前,国内某著名家电厂商的维修工程师,在服务过程中,遇见女童悬挂 6 楼窗外,毫不犹豫,徒手爬楼,救下女童,因而获得厂商见义勇为奖励——价值 60 万元的房产一套。维修工程师化身“维修侠”,一时间收获了一众好评。甚至有各种网友立下Flag要购买该品牌的产品。可见,“维修侠”良好的现场客户服务,不仅强化了品牌形象,也带来了更多的销售机会。这也是为什么在产品技术趋于同质化、产品价格愈发透明化的今天,企业越来越?

  • 报告:JavaScript为最常用整体编程语言 Python超过Java

    在过去的 12 个月中,Python在使用的编程语言列表中已经超过了Java,它也是被研究最多的语言。报告称,在过去的 12 个月里,30%的受访者开始或继续学习Python,甚至比去年还要多。

  • 风变编程:两会丁磊提议将编程纳入考试,编程学习是否已是大势所趋?

    最近,关于编程教育是否纳入教学的讨论再次在网络上发酵,引发了全民大讨论。在5月21日举行的第十三届全国人民代表大会第三次会议上,全国政协委员、网易CEO丁磊在《关于稳步推动编程教育纳入我国基础教学体系,着力培养数字化人才的提案》中建议:加快区域试点,形成从高中向小学、从东部向全国的推广格局;创新教学模式,形成中国特色的少儿编程课程体系;教企共建少儿编程学习资源库,提供实践平台;将少儿编程纳入学业水平考试

  • Java已被超越?Python当道,风变编程带你化身编程高手

    在程序员中,一直流传着“Python除了不会生孩子,什么都会”的传说。作为人工智能时代最重要的脚本语言之一,Python现在已经逐步占领统计学、机器学习、爬虫、图形处理、软件和游戏开发、人工智能等多个领域,且都有突出表现。可以说,在众多编程语言中,python如今已经杀出重围,从容超越Java和Javascript,化身程序员必备的编程利器之一。目前,国内外许多公司都已使用Python,如:YouTube、豆瓣、知乎、Google、百度、腾讯、美?

  • 百度MIP功能下线 MIP核心、组件等前端静态资源仍可使用

    6 月 4 日,百度搜索资源平台发布《MIP入口下线通知》称,因业务调整,搜索资源平台的“资源提交-MIP”入口即日起下线。MIP核心、组件等前端静态资源仍正常维护与使用,不影响已改造为MIP标准的站点的正常访问、收录、排序。

  • 录屏软件怎么用?好用的录屏软件有哪些

    录屏软件怎么用?日常工作以及生活当中,录屏的需求是非常多的!比方说录屏游戏集锦、录屏在线直播、录屏课程课件、录屏会议纪要等等。所以,对于有这些需求的小伙伴来说,能够有一款操作简单的录屏软件实在是太重要了。那么,录屏软件怎么用呢?好用的录屏软件又有哪些呢?其实您无需担心,接下来将为大家分享两款以及用法,一起来看下吧。分享一:专业录屏软件以及用法这里为大家分享的第一款是专业录屏软件以及用法,即使用“嗨

  • 什么录屏软件好用?找对录屏软件是关键

    什么录屏软件好用?录屏软件有很多,但是不同的录屏软件在使用上有很大的差异。对于很多需要录制电脑视频的小伙伴来说,找到一个实用的软件很重要。如果你也在寻找一个合适的录屏软件,不如看看下面分享的录屏方法~方法一:系统录制视频软件分享一个适用于Windows系统的软件,可以使用“Xbox录屏”来实现。首先,在电脑的开始菜单中打开Xbox应用。还可以使用快捷键“Windows+G”打开软件。然后打开需要录屏的内容,点击左上角的“?

  • 包装出来的「国标」等级考试,编程猫们收割了谁?

    ​一位一线儿童编程教育工作者称,细数市场十余种等级标准与考试,鱼龙混杂、质量参差不齐,一些感觉不是在推进青少年编程教育,而是在抢占编程教育市场制高点。

  • 编程语言最新排名:Java最受欢迎、JS用户最多

    IDE工具开发商JetBrains基于2万名开发者,对编程语言的最新情况进行了统计描摹。就受欢迎程度而言,Java高居第一位,但在使用人数上,JavaScript则名列榜首。欢迎程度的统计方法是,让参与的

  • 极客晨星讲解:火爆的少儿编程有着怎样的发展史?

    未来的世界是人工智能的时代,这个已经成为了不争的事实。而国内近几年来对少儿编程的关注也说明了不少家长也希望孩子能够学习少儿编程,从而适应未来的人工智能。那么少儿编程到底是什么发展起来的呢?国内少儿编程培训的现状又是什么样的?下面极客晨星就为您来详细讲解一下。2000 年以色列编程兴起; 2012 年日本改课推广编程; 2013 年奥巴马呼吁全国学编程; 2014 年英国把编程纳入必修课; 2015 年美国政府出资 40 亿强化中小学?

  • Python取代Excel?风变编程带你了解如何更好地学Python!

    当前最简单、最流行的编程语言是什么?是Python。最近,谷歌公布的编程语言流行指数显示,Python目前仍然是全球范围内最受欢迎的技术语言。而得益于简洁、易读、易维护等特点,Python可广泛运用于数据分析、人工智能、爬虫、运维、测试、图像识别、机器学习等领域,在日常数据分析方面,甚至已有“Python取代Excel”的说法。那么,Python是否真的有这么牛?接下来,风变编程就带你了解一波。“Python已经取代了Excel”今年3月,日?

  • 录屏软件哪个好用?详细录屏软件教学

    录屏软件哪个好用?很多在使用电脑的人都在寻找一个好用的电脑录屏软件,其实除了电脑系统自带的方法,还有专业的录屏工具。电脑录屏帮助我们快速记录电脑上的内容,如果你也在寻找一个好用的电脑录屏软件,不如试试下面分享的电脑录屏方法!方法一、使用好友对话框录屏有时候和好友在晚上聊天,想要记录视频聊天的内容,其实可以直接使用电脑中的聊天软件来录屏。像QQ中就有录屏的方法,先打开与QQ好友的聊天对话框。选择截屏中的

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议