DAY10 - 如何挑选自学的教材

前言

今天是铁人赛的第十天，要来开始说说大叔的前端之路
并且说明我都看那些教学文件或影片

我是去年中才开始想重新学习网页前端的部分
之前学Python 有用过Django跟Flask的框架
但只是打打书上的范例，CSS跟JS都不太懂

现在的网页复杂度真的高出大叔那个用PhotoShop切版的年代太多太多了...

现在如果说要学网页前端应该很少会拿Dreamweaver来当编辑软件(另一款FrontPage好像GG了)
应该就回归用编辑器打html标签套上CSS与JavaScript来制作网页

所以现在想要写一个网页要懂得知识要比以前多很多...
(当然也有极端特例...如前几天提过的暗黑2的资料网站易牙居...极简? 但有用 XD)

网页前端的入门砖:

Amos大大在2019 iT 邦帮忙铁人赛的金鱼都能懂的网页设计入门
是我重新学习网页前端的入门砖
以下是我学习的顺序:

2019 iT 邦帮忙铁人赛
金鱼都能懂的网页设计入门 - 金鱼都能懂了你还怕学不会吗

第 11 届 iT 邦帮忙铁人赛
金鱼都能懂的这个网页画面怎麽切 - 金鱼都能懂了你还怕学不会吗

第 12 届 iT 邦帮忙铁人赛
金鱼都能懂的Bootstrap5网页框架开发

Amos的教学影片不只上面所列的3个系列，其他的可以参考 Amos大大历届铁人赛的连结
这3个系列看下来，真是获益良多，内容主要是偏向CSS切版的部分，当年学不会的CSS...终於有了开端
如果Amos的金鱼系列...还是看不懂的话...那应该考虑学别的...

有关JS的部分

网页三要素:HTML、CSS、JavaScript
Amos的金鱼系列已经帮我解决了前两个HTML、CSS
剩下的JavaScript 是Google的演算法推荐给我
在YT上看金鱼系列，有天YT的推荐频道有一个叫 Alex 宅干嘛
才发现居然有人开写程序的直播!!!
从此我就开始看Alex 大大的之前旧的直播存档学JS跟Vue

免费的教学影片@YouTube

大叔自从2010年去了菲律宾跟澳洲一直到2016年末回到台湾
由於长时间处在没有网路吃到饱的国家(菲律宾跟澳洲都是)
有网路大部分都是用来看脸书或PTT
需要高流量的YouTube几乎都没在用，就算回到台湾的前两年也是这样
所以YouTube上面的生态很陌生...亏我是资深的网路乡民 XD

自从我开始看了Amos跟Alex在YT上面的教学影片後
YouTube的演算法开始推荐一些跟程序教学有关的影片
这时才发觉...现在学程序也太幸福了吧!!!

如何挑选YT上面的程序教学影片

YouTube上面有关程序教学满山满谷(绝大部分是英文)
这边我就不推荐看那部，而是说一下如何挑选教学影片避免踩到坑

1. 在YouTube 挑选你想要看的主题

这边举例，我要看网页切版的教学
这个版型蛮喜欢的，就点进去看影片

2. 先别急着看影片，先看看影片的注解内容

影片有没有提供完整的程序码最重要!!!

如果影片有做时间轴 (Timestamps) 是加分项目 !

YouTube的教学影片，一开始我就踩了不少坑
有碰过看完影片，影片中的范例做不出来，问频道主能不能提供source code?

结果source code要花钱买
後来才知道有些影片只是要来卖课程(code)的，当时太菜不知道有这招
所以之後我看YouTube的教学影片，除非不用看原始码，也可以自己完成的
不然不附source code的，画面做得再漂亮我都不会点来看

线上教学文件

• 历届的铁人赛，你总是可以找到你感兴趣的主题

付费的线上课程

这部分如果有人敲碗...再做补充

接下来的铁人赛，都会用1-2天来讲一个小范例 :)

以上就是铁人赛第10天的内容 :)