弗兰肯代码,直到你成功。
“哎呀,”
...当您阅读标题时,它在您的脑海里回响。
让我用这个小故事作为本文的开场白:
像 90 年代末到 21 世纪初的许多年轻、崭露头角的设计师和开发人员一样,我拥有一个 Myspace 个人资料、一个 Livejournal,甚至基于 Geocities 的域名。
当时,基于 Javascript 的尾随光标闪烁、基于 Perl 的留言簿和 HTML iframe 主导着独立“网站管理员”领域。
我侵入并修改了其他人的网站,以使我自己的网站在网络上看起来更吸引人。
Right-click -> "Page source" || "Inspect"
过去是——现在仍然是——我的朋友。
我最近访问了didthanoskill.me,很好奇它是如何决定你的命运的。
它用 Javascript 编写得非常简单。我打破了那些不懂技术的朋友的幻想。
(他们不在乎。)
这让我回想起那些日子:我在某人的 Myspace 个人资料或博客上看到我喜欢的东西,然后搜索他们的源代码并将其窃取为自己所有。
我从你的个人资料中剪切、粘贴并组合了一些 CSS 代码片段。我追踪了访客计数器和重定向 URL 的标签,以统计我自己的访客数量。我看到你有一个十字准线光标和尾随的闪光。我找到了cursor: crosshair
,以及你用于这些闪光的脚本。
它成功了。
“你。竟。敢。”
不可否认,有几次我被抓住了,但那只是在我根本没有改变太多代码的情况下。
从那时起我们已经吸取了很多教训。
了解了 HTML 和 CSS 如何组合在一起后,我可以随心所欲地调整和融合 UI。
通过(现场和公开的)反复试验,我学会了辨别我需要操作哪些 div 类。
通过我的犯罪经历,我了解了 UI 设计和开发的重要性和技术方面。
回忆这个过程特别有助于我获得网络开发学位。
今天回想起这个过程让我在工作中处于优势:我知道需要找到什么才能完成工作。
我并不是说要窃取代码,只通过更改作者的名字就将别人的应用程序变成自己的。
我是说你应该窃取代码并 找出它是如何工作的。
通过剖析他人的源代码,您可以了解应用程序的某些部分的含义以及经验丰富的开发人员如何编写代码。
您可以从他们的产品中获得启发。
您可以更好地了解标准化。
就像一个块魂球
(TL;DR:通过碾过随机物体而产生和成长的球)一样,
您会不断收集这些信息,最终回忆起所有信息并将其应用到您自己的经验中。
弗兰肯编码奇怪地提高了你的侦探技能
我仍然为此感到内疚。我尝试用 Franken-coding 来编写我的第一个 Bootstrap 布局。
这很糟糕,但最终对我有利。
我能够找到我需要的部分来学习如何创建更好的布局,因为我查看了我直接从文档中窃取的代码。
文档和 Stackoverflow 搜索对于成为更好的开发人员至关重要。
(即使社区里充满了自以为是的家伙。)
在寻找的过程中,我记住了非常重要的关键词和标签:
<style type="text/css">
例如,我需要更改整个页面的字体。我必须在相应部分中查找标签。然后,我会在 CSS 中<head>
搜索body {
元素和font:
或选择器。font-family:
(那时候,CSS 通常与内容位于同一页面上。哎呀,又来了。)
当我在didthanoskill.me上时,我通过搜索标签找到了决定你命运的逻辑的源代码<script>
。
不要害怕这样做,新手开发人员。
为了学习而复制粘贴没有什么可耻的!
以下是一种方法:
1) 设置您的本地主机环境或注册一个 CodePen 帐户。2
) 启动 SublimeText 或您最喜欢的文本编辑器(我曾经使用过 Notepad!)
3) 从小处着手:在 GitHub 上查找并 fork 一个合理大小的项目,或直接在 CodePen 上使用它(只是不要提交到 master,你这个混蛋)。
最终,通过这次经验,您可以为开源代码项目做出贡献!
...或者跳过我刚才列出的所有内容并做出贡献!
祝新手们弗兰肯编码愉快!
大家的问题:
你是如何开启开发者之旅的?
是什么让你成为了更好的开发者?