前台开发人员职业生涯中迈出的第一步

  • 时间:2018-10-31 23:08 作者:爱码农 来源:爱码农 阅读:229
  • 扫一扫,手机访问
摘要:希望让您作为前台开发人员的职业生涯走向何方?也许你有点卡住或者沮丧?那么这篇文章适合你。几个星期前,我的一位朋友联络了我,他刚开始作为前台开发人员的职业生涯。当旅程的开始令人沮丧时,这是非常典型的,并且没有比已经去过那里的人的建议更好的了。我从未仔细考虑过这个问题,但我为他快速制定了少量东西。但后来

希望让您作为前台开发人员的职业生涯走向何方?也许你有点卡住或者沮丧?那么这篇文章适合你。

几个星期前,我的一位朋友联络了我,他刚开始作为前台开发人员的职业生涯。

当旅程的开始令人沮丧时,这是非常典型的,并且没有比已经去过那里的人的建议更好的了。

我从未仔细考虑过这个问题,但我为他快速制定了少量东西。但后来我决定详细说明并与更多观众分享。

前台开发人员职业生涯中迈出的第一步

没有捷径

问题是,没有简单的配方。假如有,我想这听起来像是 “练习,练习,练习”。

你必需花费大量时间在你的手艺上,这不是秘密。我真的很吝啬。

假如你的职业生涯开始并且有幸找到工作,你必需回到家里从事辅助项目。假如您是学生,您必需在放学后回来,参加辅助项目,观看课程和阅读好书。

通过我的职业生涯中,我意识到,这是要我的经验贡献了侧项目最。

这就是你必需要完成的工作。在工作中,您有很多限制 - 现有的代码库,体系结构,一组库和框架,团队规则等。

它并不总是一个教育环境。你必需处理业务目标,而不仅仅是自我教育。这两件事很少同时进行。

因而,在精神上做好充分的准备并在IDE打开的情况下渡过晚上,而不是在Netflix上看你最喜欢的系列或者外出(虽然,这也是非常重要的事情)。

JavaScript基金会

JavaScript是Web 的汇编语言。假如没有正确了解语言,你就无法在前台世界中做任何事情。

好消息是,你不必成为Douglas Crockford成为一名成功的开发者。我会告诉你什么,我已经花了很长时间在这个专业,但语言的细节后来打开了我。假如你不理解语言的深度,这是完全正常的。它会来。

但是,有一个基本的部分,你必需非常舒服:

  • 数据类型。
  • 算术运算。
  • 布尔和条件运算符。
  • 了解OOP范式(原型继承)。
  • 了解功能范式(函子,应用程序,不变性)。

我还建议你开始学习Node.js.

所有前台的现代工具都需要Node.js. 与解决浏览器相比,开发简单的应用程序并从命令行运行它们更方便。

浏览器和DOM

除此之外,您应该能够了解浏览器的工作方式,特别是了解DOM的概念。

  • DOM如何运作以及它的基本组件。
  • 事件,事件传播和解决程序。
  • DOM API,窗口对象。
  • DOM选择器。

在这里,您应该能够通过监听控件和执行简单的DOM操作(例如设置值,类和属性)来编写简单,纯粹的JavaScript应用程序。

UI开发

在我的职业生涯中,我来自后台和桌面应用程序UI背景,乍一看,HTML和CSS似乎很容易。它甚至不是真正的编程语言,只是一组公告,对吧?并不是的。

即便你的目标不是成为一名设计师,你也应该培养出有用的技能和对良好设计的品味。因而,最好的办法就是窃取很酷的想法。

不开玩笑,只要拿起你最喜欢的网站并尝试复制它。记住,着名的家伙说 - “Un artista copia,un gran artista roba”(好艺术家副本,伟大艺术家偷)。

用HTML和CSS弄脏你的手。

精通创立,简单和美观的界面。找到一个将PSD或者Sketch转换为HTML / CSS的自由职业。你将取得非常重要的技能。

用户/服务器通信

浏览器应用程序不是孤立存在的。他们的确与服务器通信以获取数据并推送数据。

不要太疯狂,你将从理解以下事情中获益匪浅:

  • HTTP协议的基础知识。
  • REST的概念(HTTP动词和资源)。
  • 可选:GraphQL的概念以及它与REST的区别。

有很多开放的API,你可以做很酷的东西。选择一个并构建一个简单的应用程序。

我记得我做过的一个项目是alexbeletsky / github-commits-widget。一个简单的应用程序,它连接到GitHub API并为项目创立一个贡献小部件。我玩得很开心。

发展框架

只有在前三个部分(可能需要一年或者更长时间)之后,我建议你看看少量UI开发框架。

JS生态系统以创造“疲劳”而闻名 。 工具很复杂,配置混乱; 不要以React或者Angular开头,由于你听说它们很酷。

可能是当你对JS / HTML / CSS感到满意的时候,这些东西已经死了(前台开发框架有生存3 - 5年的趋势,而后完全被竞争对手超越......不要打扰那场比赛)。

但是,现在,我建议你专注于React.js。生态系统是稳固的,有数百万个教程,开源项目和聚会。你不会想要信息,这是一定的。

您将希望对 任何前台框架充满信心,由于所有这些框架都旨在简化复杂的事情或者使事情更具性能。开发的基础,例如DOM操作和HTML / CSS,或者多或者少会保持不变。

即便框架可以封装任何特定的细节,你也会有足够的信心去了解那里的实际情况。

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】极客时间-数据分析实战45讲【完结】(2021-09-02 16:26)
【系统环境|windows】字节跳动前台面试题解析:盛最多水的容器(2021-03-20 21:27)
【系统环境|windows】DevOps敏捷60问,肯定有你想理解的问题(2021-03-20 21:27)
【系统环境|windows】字节跳动最爱考的前台面试题:JavaScript 基础(2021-03-20 21:27)
【系统环境|windows】JavaScript 的 switch 条件语句(2021-03-20 21:27)
【系统环境|windows】解决 XML 数据应用实践(2021-03-20 21:26)
【系统环境|windows】20个编写现代CSS代码的建议(2021-03-20 21:26)
【系统环境|windows】《vue 3.0探险记》- 运行报错:Error:To install them, you can run: npm install --save core-js/modules/es.arra...(2021-03-20 21:24)
【系统环境|windows】浅谈前台可视化编辑器的实现(2021-03-20 21:24)
【系统环境|windows】产品经理入门迁移学习指南(2021-03-20 21:23)
血鸟云
手机二维码手机访问领取大礼包
返回顶部