视频: 50 个 Chrome Developer Tools 必备技巧 #044 - Cache 的原理与查看 2024
招聘信息在前端开发人员所寻求的内容上有所不同。一些公司希望申请人知道Ruby,Git,设计工具,视频编辑等方面的知识,列表还在继续。
然而,任何前端开发工作都需要一些技能 - “核心”技能,还有一些您应该认真考虑添加到您的曲目中的技能。
你需要知道的东西
浏览在线职位列表,寻找前端开发人员了解和理解的关键;有三个关键的事情。
不可转让。
它们是:
- HTML
- CSS
- JavaScript(jQuery)
这些是基础知识。幸运的是,有很多免费或经济实惠的在线学习平台,您可以在不熟悉这些技能的情况下学习这些技能。
HTML
超文本标记语言(HTML)是互联网上所有网站的关键结构组件。正如Jennifer Kyrnin所说:
“这是网页的语言 - 浏览器读取网页的标记语言。 “
如果没有HTML,网页就不可能存在。
CSS
CSS和HTML一起工作:CSS将样式添加到HTML。我喜欢用类似于HTML的比喻,而CSS就像化妆。
虽然CSS不需要网站上网,但基本上每个网站的网站都使用某种样式。
否则,会很无聊。使用最新版本的CSS,您可以执行动画和更高级的样式,只能在过去的JavaScript或Flash中使用。
JavaScript
JavaScript或JS,多年来一直在迅速发展。它现在有很多用途,可以在前端或后端使用。
关于前端开发,JS很重要,因为它有助于使网页互动。您可以做出令人敬畏的事情,如创建民意测验,测验或表单提交。
如今,有许多在线图书馆帮助您将您的网页提升到一个新的水平。
但是,要成为前端开发人员,您只需要了解基本的JavaScript以及最流行的JS库 - jQuery。
Nice to Haves
在下了基础之后,这些是很好的其他技能。 (和许多前端开发工作找到他们。)
MV * JavaScript框架
JavaScript框架可帮助您组织和压缩您的代码。
就MV *(或MVC)选项而言,有三十个:最受欢迎的两个是骨干。 js和有角度。 JS。
毫无疑问,学习JS框架是成为真正的前端开发人员的最困难的部分,但它是把你的技能提升到一个新的水平的最好方法。
CSS工具
与上述JavaScript框架相比,下面的CSS工具相对容易学习。有三种可供查找:
预编译器: 使用预编译器(或预处理器)有很多优点,从使代码更清洁到维护组织。编写CSS并促进DRY(Do not Repeat Yourself)原则是一种简单的方法。流行的CSS预编译器是Sass,Less和Stylus。如果你刚刚开始,坚持学习一个。
CSS框架: CSS框架通过内置网格和其他CSS组件来帮助优化您的工作流。两个流行的例子是Bootstrap和Foundation。
响应设计: 这些天,您的网站应该能够适应所有这些设备,有很多不同种类的设备。响应式设计可帮助您构建适用于所有屏幕尺寸的网站 - 桌面,平板电脑和智能手机。 Bootstrap和Foundation等框架内置了响应式设计,所以如果你学习了其中的一个,那么你就设置好了。
前端构建工具
作为开发人员,您应该能够管理文件大小优化和工作流效率。这些工具可以帮助。
套餐管理: 组织所有图书馆,资产等都是很困难的,特别是大型项目或与团队合作的大型项目。
使用封装管理器(如Bower),将所有内容整理出来,并保存更新日志。
约曼。 io: 如果您有时候无法将项目从地面上取下来,请使用Yeoman快速开始项目并保持高效。它在命令行上运行。
任务运行器: 使用Grut或Gulp,它们也在命令行运行,压缩文件并优化工作流程。它们可以作为Sass或Less预处理器的编译器,并且还具有广泛的具有其他功能的插件。
结论
虽然很高兴有可能看起来很多,但他们认为他们是随着时间的推移而增加的技能。您需要知道的核心内容是HTML,CSS和JavaScript。
如果您有任何其他网络技能,即使它们不是前端相关的,请将其带到桌面 - 如设计,视频编辑,SEO等。您永远不知道公司可能会寻找什么。猜999什么?你可能是完美的合适。