【前端动手玩创意】自学之旅从这系列开始 (0)

写文缘由

现在想要自学前端的人非常多，有些人汲汲营营迷失在网路的资讯大海啸里面，
有些人想要牺牲金钱买来贵桑桑的课程，却发现自己没什么成长。
这些都是很可惜的弯路，很多教学文章都太浅了，也没有手作跟实际运用的结合。

这就是前端动手玩创意的来由，名字取自小时候看的「Art Attack」(中文就叫动手玩创意)
每次看到节目中弄出一个很惊人的作品后，就会发现原来一步一步跟着操作，
自己也能完成类似的物件。
其实前端何尝不是如此，打开电脑，跟着键盘敲一敲就可以有很讚的网页效果了。

文章规划

这系列的文章排列应该不会特地排序，也不会先一一说明html与css之类的语法。
未来有可能会写文补充，但顺序绝对会是以手作为主。

适合谁关注

如果你想要玩前端，曾经搞过CSS或JS，但是就是对html CSS JS三项里面的其中一项不熟，
又或者就是不知道怎么搞一个网页，
那么这个系列就是为你而生的。

完全没基础但很喜欢挑战、尝试，那么欢迎直接跟上这个系列，保证收穫满满。

需要準备什么吗

系列文内容开始之后，一定会出现很多新东西，要学会google的精神。
不会就是google就对了！

英文不好什么的都不是藉口，GOOGLE！
chatgpt会帮你翻译(XD)

这系列会持续多久？多少文章呢

不一定唷，我会希望越完整越好，甚至最后讲解很多理论观念。
但我们废话别多说，下次见面就开始手做吧！

目录

【前端动手玩创意】等待的转圈圈效果 (1)

【前端动手玩创意】google五星评分的星星(2)

【前端动手玩创意】CSS-3D卡片翻转效果(3) (今天难度颇高，想挑战再进来！)

【前端动手玩创意】一句CSS做出好看的hero section！(4)

【前端动手玩创意】创造一个Skill bar(5)

【前端动手玩创意】遮蔽广告(D卡未登入)脚本、自定义新增名单(6)

【前端动手玩创意】前端canvas截图的招式！竟然有三招，可存成SVG或PNG (7)

【前端动手玩创意】让你的PDF档案更难被抓取(8)

【前端动手玩创意】哇操！你敢信？花式写todo-list，body里面一行都没有也能搞？(9)

【前端动手玩创意】卡片製作，才不是！是卡片製作器！(10)