掌握前端开发人员的核心技能
Вся терминология osu! в одном видео
目录:
他们在前端开发人员中寻找的职位发布方式各不相同。一些公司希望申请人知道像Ruby,Git,设计工具,视频编辑这样的东西,而且名单还在继续。
但是,任何前端开发工作都需要一些技能 - “核心”技能 - 以及其他一些您应该认真考虑添加到您的保留曲目中的技能。
你需要知道什么
在线浏览工作列表,寻找前端开发人员了解和理解的关键因素;有三个关键的事情。不可转让。
它们是:
- HTML
- CSS
- JavaScript(jQuery)
这些是基本面。幸运的是,有很多免费或负担得起的在线学习平台,如果你不熟悉它们,你可以学习这些技能。
HTML
超文本标记语言(HTML)是Internet上所有网站的关键结构组件。正如Jennifer Kyrnin所说,
“这是网页的语言 - 浏览器为了呈现网页而阅读的标记语言。”
没有HTML,网页就不可能存在。
CSS
CSS和HTML协同工作:CSS为HTML添加了样式。我喜欢使用HTML就像一张脸的类比,而CSS就像化妆一样。
虽然没有必要使用CSS来获取网站,但基本上每个网站都使用某种样式。
否则,它会很无聊。使用最新版本的CSS,您可以执行动画和更高级样式之类的操作,这些内容过去只能使用JavaScript或Flash。
JavaScript的
多年来,JavaScript或JS一直在迅速发展。它现在有很多用途,可以在前端或后端使用。
关于前端开发,JS非常重要,因为它有助于使网页具有交互性。你可以做很棒的事情,比如创建民意调查,测验或表单提交。如今,网上有许多JS库可以帮助您将网页提升到新的水平。
但是,要成为一名前端开发人员,您只需要了解基本的JavaScript以及最流行的JS库--jQuery。
很棒的技能
在掌握了基础知识之后,这些是很好的其他技能。 (许多前端开发工作都在寻找它们。)
MV * JavaScript框架
JavaScript框架可帮助您组织和压缩代码。
至于MV *(或MVC)选项,有三十个:最受欢迎的两个是backbone.js和angular.js。
毫无疑问,学习JS框架是成为真正的前端开发人员最棘手的部分,但这是将您的技能提升到新水平的最佳方式。
CSS工具
与上面的JavaScript框架相比,下面的CSS工具相对容易学习。有三种寻找方式:
- 预编译: 使用预编译器(或预处理器)具有很多优势,从使代码清理到维护组织。这是编写CSS并简化DRY(不要重复自己)原则的简单方法。流行的CSS预编译器是Sass,Less和Stylus。如果你刚刚开始,坚持学习一个。
- CSS框架: CSS框架通过内置网格和其他CSS组件帮助优化您的工作流程。两个流行的例子是Bootstrap和Foundation。
- 响应式设计: 如今,您的网站应该能够适应所有这些设备的种类繁多。响应式设计可帮助您构建适用于所有屏幕尺寸的网站 - 台式机,平板电脑和智能手机。像Bootstrap和Foundation这样的框架内置了响应式设计,所以如果你学习其中的一个,你就会被设置。
前端构建工具
作为开发人员,您应该能够管理文件大小优化和工作流程效率。这些工具可以提供帮助
- 包裹管理: 组织所有库,资产等可能很困难,尤其是对于大型项目或与团队合作的项目。使用像Bower这样的包管理器来整理所有内容并记录您的更新。
- Yeoman.io: 如果您有时无法启动项目,请使用Yeoman快速开始项目并保持工作效率。它在命令行上运行。
- 任务跑步者: 使用也在命令行上运行的Grunt或Gulp来压缩文件和优化工作流程。它们可以充当Sass或Less预处理器的编译器,并且还具有各种具有其他功能的插件。
结论
尽管有很多东西可能看起来很多,但将它们视为随着时间推移应该添加的技能。您需要知道的核心内容是HTML,CSS和JavaScript。
如果您有任何其他网络技能,即使它们不是前端相关的,请将它们带到桌面,如设计,视频编辑,SEO等。