主页 > 改变生命 >从兴致勃勃到卡关连连,为什幺学写网页比你想像的困难?

从兴致勃勃到卡关连连,为什幺学写网页比你想像的困难?

归属:改变生命 日期: 2020-06-17 作者: 热度: 828℃ 555喜欢
从兴致勃勃到卡关连连,为什幺学写网页比你想像的困难?
前言

算一算大概是第十个身边朋友告诉我想学习网页,但仍没有成功自己写出什幺。这件事情进入一个需要静下来思考怎幺回事的状况,而我下了一个从我自身经验上得到的结论:「大家把写网页想的太简单了」。

学写网页的现况

很多人都会有学习写网页的这个想法,与想法后续的实现是如何的呢?

想写网页的原因

网页是现代人每天都在用东西,甚至超过一天超过数个小时,而偶尔我们会点到一些设计非常动人的网页、看到朋友分享自己弄的网页、又或是看到某机构或教材宣传着学写网页有多容易,上述这些时候都可能让一个人开始想学网页。

开始想方法

接着可能出现以下几种方式

这时,若有不错的写程式背景的人,或本来就善于学习各种新知识的人,任何方法都能带领着他最终写出一些成品。然而,对于这块陌生的人,其中「网路上找资料」其实是把事情搞的很複杂的开始,因为有太多相关资料,如 Google 回覆我的第一个连结是 Mobile01 的讨论串,虽说资讯丰富,但反而像是资料爆炸的受害者。

然后,卡住

一样,那些自学能力超强的人可能这时已经写出几个成品。而有心却不得其门而入的人,可能还在选择要看哪本书、要用哪个工具、在研究朋友讲的到底是什幺意思。时间渐渐过去之后,「最近比较忙」、「我有看一点前面的东西,后来没时间」之类的话就跑出来了,同时也代表学网页这件事情并没有像想像那样。

我经历的情况

2011 年夏天,在 Stanford 我修了「Client-Side Internet Technologies」这一门课,也是我开始写网页的起点,两个月的时间,从基本的版面设计、客户端程式设计到远端资料呼叫等都学得颇扎实。2015 年春天,在 CMU 我修了 Web Application 跟 Advanced Web Design 两门与网页相关的课,做出来的成品有 Bug Killer 跟 Tmate。至今我架设过的网页应当超过 30 个。

于是,很多朋友会跟我说他们想学网页,因为网页在多数人的认知中是比较简单的,我也尽我所能的提供我能帮助的地方,包含:

上 Google 或 Product Hunt 找好的网页教学平台分享

若想自己写 Code 的人,我则会分享 W3CSchool 的连结配合上 Bootstrap 的範例;而不想的人我则分享 WordPress 或甚至 Blogger 跟 Tumblr。在我自己的经验上,除非有特殊的版面或功能要求,不然既有的工具如 WordPress 等是最好的选择。

自己写学习纲要,包含学习内容、相关连结、範例等

对,我针对朋友愿意花的时间,会列出一些步骤,如认识第一週 HTML 的标籤、第二週了解 DOM 架构等。然而我发现,若是有心的人其实不需要这样的帮助,而这样的帮助对于兴趣不够大但觉得网页是简单的人,也是没有帮助的,因为最终仍是很难一步步走完。

在社团教写网页

2015 年夏天,我在高中社团教学弟妹写网页,当时的教材在这个 连结 里,因为是连续五天的 Workshop,原本的 Syllabus 里想要介绍到后端 Node.js,然而实际上就只有教了 HTML/CSS + JS,其中细节也被我略过很多。可见我也低估了学习网页的难度。

困难点

说了这幺多,所以困难点到底是什幺?我觉得是以下几点:

低估写一个网页需要的能力

「写网页很简单啦,按一按就好」这句话不知道是否各位也常常听到,我认为半对半错。透过既有工具,确实按几下就是一个网页,而我会定义这是第一级的层次,其实就如同部落格,或你现在在阅读的这个网页。第二层次则是可以套用既有模板而做变化的人,如使用 Bootstrap 或 Semantic UI 等。第三层是可以全部自行设计的人。而针对需求会採用或混搭不同层次的做法。

如第一层次的东西来说,到 WordPress.com 上建立一个网页、选自己喜欢的模板并不难。但是要开始套用套件,或是想要有修改设计时变是卡关的开始。

低估写一个网页需要的成本

要做一个有个人设计的网页并运行他其实是有成本的,然而在很多数的人认知中似乎自动忽略这件事情。假设是一个静态网页,可用 Github Pages,但是使用者需要如何使用 Git,变回到「低估写一个网页需要的能力」的问题;如若是用学校空间、透过 FTP 上传,那表示是学校在付营运成本;又或是线上各种架站服务,免费的其实都有各种问题与限制,使用者想像中想要架设的网站往往不是免费的。总而言之,要维持一个网页持续运作是需要花钱的。

高估自己的动力

「想学一个东西」与「必须把一个东西学好」之间的分别对于包含我在内的很多人都常常会遇到分辨上的困难,如同前文描述的,开始学写网页时候,会有过量的资料出现在面前,不知道怎幺取捨。同时,也不知道自己要做的东西确实是长哪样的,出现有点鸡生蛋、蛋生鸡的问题。

所以,我很常建议想学网页的朋友先画一张草图,然后删减上面的东西后,我帮忙选可以使用的工具。然后再一起评估需要花的时间后订下学习过程中的 milestone。

结语

从最早观察到这个问题至现在,我持续想要解决或改善这个问题,然后让大家最终都可以如愿以偿的学习到想学的技能,同时我更相信越多人的加入,可以让网页开发这件事情变得更丰富有趣。

最重要的部分是,上述的困难点都源自于学习者的「高估」或「低估」,于是藉由这个文章让人更认识到一些现实层面会遇到的困难,同时我相信这也是解决问题的开端。此外整篇文章主要针对想学网站但不得其门而入的人,若本就是善于学习这种技能的人也许就不适用了。

对了,曾经我听过一句话,要完成一件事情:我们需要一个计划 ,还有永远不够用的时间限制 ,共勉。

 欢迎加入「Inside」Line 官方帐号,关注最新创业、科技、网路、工作讯息
从兴致勃勃到卡关连连,为什幺学写网页比你想像的困难?
从兴致勃勃到卡关连连,为什幺学写网页比你想像的困难?