JavaScript 系列一:第1課 ── 基本的函數操作、onclick 事件: https://jsfiddle.net/applelily/89kgaq13/15/ --- JavaScript 系列一:第2課 ── 基本的變數操作、從 html 取得內容: https://jsfiddle.net/applelily/1at2Lfyx/2/ --- JavaScript 系列一:第3課 ── 修改 html 的內容: https://jsfiddle.net/applelily/yrungtjv/1/ --- JavaScript 系列一:第4課 ── 基本的陣列操作: https://jsfiddle.net/applelily/5zq9s0ft/13/ --- JavaScript 系列一:第5課 ── 基本的 if/else 條件流程控制: https://jsfiddle.net/applelily/v9r7sey8/1/ --- JavaScript 系列一:第6課 ── 認識資料型態與轉換: https://jsfiddle.net/applelily/j4arzdbs/3/ --- JavaScript 系列一:第7課 ── 認識巢狀結構: https://jsfiddle.net/applelily/1q6f95kz/9/ ---
* [第1課 ── 認識 callback hell](https://jsfiddle.net/birdie2019/6dm07yo8/20/) * [第2課 ── 認識 promise chain 鏈接](https://jsfiddle.net/birdie2019/p8uL3r1e/28/) * [第3課 ── 認識 async/await 語法](https://jsfiddle.net/birdie2019/ydzsu43c/24/) 終於有比較清楚了!
轉職前端系列,我發現完成系列一~九就差不多了,後面非必要 為避免誤解,我乾脆把原本的十、十一移到現役前端系列 並且改名為 `後端 JS 訓練(一)` 與 `後端 JS 訓練(二)` 另外,因為現役前端系列,目前內容不多 我就先把現役前端系列的內容,都先設為免費 以上更新,簡單公告~
工作了很多年,還是搞不太懂 promise、async/await 是什麼嗎?用這份作業包一次搞定觀念! https://codelove.tw/@howtomakeaturn/course/Pam6qL @hung @birdie2019 @superyngo 找時間來寫寫看~
## 前情提要 本文跟六角學院沒有任何關係XD ## 文章開始 今天要討論自學,關於線上課程,我認為買一些課是好的,但別傻傻看了促銷就買。 誰跟你說學程式一定要花錢? 告訴我,誰跟你講的?就是賣你課的人啊傻子。 . . . 我今天這篇文章要教你怎麼免錢學程式,而且是有系統的學,不是自己在那邊維基百科或谷歌一百年那種。 答案是:爬文。 . . 好啦我知道你們這些伸手牌就是懶得爬文所以才會想要花錢了事,今天我爬完了。 ## 好料放送(一) 把免費資源直接丟給你吧。 [「Python 網路爬蟲與資料分析入門實戰」範例程式碼](https://github.com/jwlin/py-scraping-analysis-book) ![](https://i.imgur.com/8tT3GaY.png) 裡面包含 ``` 網頁爬蟲範例實戰 3-1 PTT 八卦板今日熱門文章 3-2 Yahoo 奇摩電影本週新片 3-3 兩大報當日焦點新聞 3-4 Google 搜尋股價資訊 3-5 Dcard 今日熱門文章 ``` 所有書本裡面的程式碼作者都直接公開了,我也不知道為什麼,反正就是免費給你。 現在你也不用自己google研究,直接複製丟到GPT那邊寫一個教學文章給你, 你就等於能夠免費讀到這本書。而且不用手打程式,你最愛的那種。 ## 好料放送(二) ![](https://i.imgur.com/MTppdAD.png) [hahow 線上課程: Python 網頁爬蟲入門實戰](https://github.com/jwlin/web-crawler-tutorial/tree/master) . 同一個作者丟出來的,總之既然人家想放github那就看啊! 用法也是一樣,人家有個lecture可以看看課綱與大致上的說明自己去配上GPT以及谷歌, 然後不需要自己打扣,直接有現成範例可以拿去跑看看,年代問題導致的錯誤還可以當作功課自己改。 . . . ## 總結 還在靠北沒資源或是一直問要怎麼自學?現在告訴你了, 這樣的教材原本他起碼都賣幾千塊,你可以免費學幹嘛不學? 別問我怎麼知道的,我也是爬文爬到的,只是我人很好分享給你們知道而已。 . . 謝謝,別那麼感動。 . . 我也只是一個很愛免費白嫖的爬文仔而已。
第1課 ── 基本的函數操作、onclick 事件 https://jsfiddle.net/s1k6z280/57/ 第2課 ── 基本的變數操作、從 html 取得內容 https://jsfiddle.net/d6r4gbfp/1/ 第3課 ── 修改 html 的內容 https://jsfiddle.net/68eytsu5/5/ 第4課 ── 基本的陣列操作 https://jsfiddle.net/6mczqLeu/3/ 第5課 ── 基本的 if/else 條件流程控制 https://jsfiddle.net/n9h2mcuv/1/ 第6課 ── 認識資料型態與轉換 https://jsfiddle.net/hnxus0ym/5/ 第7課 ── 認識巢狀結構 https://jsfiddle.net/2m4g0v9t/3/
[第1課 ── 基本的函數操作、onclick 事件](https://codelove.tw/@howtomakeaturn/post/ga9V5q) [my code](https://jsfiddle.net/yjr0otca/1/) --- [第2課 ── 基本的變數操作、從 html 取得內容](https://codelove.tw/@howtomakeaturn/post/X3KPBa) [my code](https://jsfiddle.net/1nq8pb24/2/) --- [第3課 ── 修改 html 的內容](https://codelove.tw/@howtomakeaturn/post/63r1lx) [my code](https://jsfiddle.net/n5xtuscL/43/) --- [第4課 ── 基本的陣列操作](https://codelove.tw/@howtomakeaturn/post/k318zx) [my code](https://jsfiddle.net/n5xtuscL/105/) --- [第5課 ── 基本的 if/else 條件流程控制](https://codelove.tw/@howtomakeaturn/post/waYMDa) [my code](https://jsfiddle.net/n5xtuscL/108/) --- [第6課 ── 認識資料型態與轉換](https://codelove.tw/@howtomakeaturn/post/13k2rx) [my code](https://jsfiddle.net/n5xtuscL/125/) --- [第7課 ── 認識巢狀結構](https://codelove.tw/@howtomakeaturn/post/9aW1Nx) [my code](https://jsfiddle.net/k2ypw18z/26/)
第1課 課程目標 學會 h1, h2. p, br 等等HTML元素的用法 嘗試用了站長的教學試寫一段新聞稿 參考鏈結:https://codelove.tw/@howtomakeaturn/post/Ja6JJa 練習網址:https://jsfiddle.net/0rxs8edh/ 參考網址:https://news.ebc.net.tw/news/living/354608
### 第1課 ── 基本的函數操作、onclick 事件 https://jsfiddle.net/j80d9gao/17/ --- ### 第2課 ── 基本的變數操作、從 html 取得內容 https://jsfiddle.net/09v5oadu/23/ --- ### 第3課 ── 修改 html 的內容 https://jsfiddle.net/2gnuj6wf/47/ --- ### 第4課 ── 基本的陣列操作 https://jsfiddle.net/49qzdj2c/140/ --- ### 第5課 ── 基本的 if/else 條件流程控制 https://jsfiddle.net/8gn7co2v/2/ --- ### 第6課 ── 認識資料型態與轉換 https://jsfiddle.net/Lqjstd6a/ --- ### 第7課 ── 認識巢狀結構 https://jsfiddle.net/cz07a8nu/13/ ---
本課程為 JavaScript 基礎課程的第三部份 在前兩部份的課程中,已經學會程式設計的基本觀念,以及 DOM 操作的基本方法 在這次的課程,我們將練習製作實務上常用的 UI 元件 藉由這次練習,強化在前兩部份課程學到的知識 --- 身為工程師,常常要做一些沒做過的功能 這時,就需要足夠的自學、研究能力,以及敢於面對未知的信心 也就是雖然功能看起來沒做過,但你有把握稍微研究之後,就能做得出來 所以這次的課程,我只會提供簡單介紹&關鍵字 接著就直接提出作業規格,你需要自行研究如何完成作業 --- 在開始之前,您需要先具備基本的 HTML、CSS、JavaScript 知識 還不會的朋友,請先完成: - [自學網頁の嬰兒教材:HTML與CSS](https://codelove.tw/@howtomakeaturn/course/Ja6JaO) - [自學網頁の嬰兒教材:JavaScript(一)—— 幫衣服工廠做個好用表單](https://codelove.tw/@howtomakeaturn/course/l3j5xk) - [自學網頁の嬰兒教材:JavaScript(二)—— 親手做個待辦事項小工具](https://codelove.tw/@howtomakeaturn/course/vx8gqZ) 準備好的話,讓我們馬上開始吧!
本課程為 JavaScript 基礎課程的第二部份 第一部份的專案練習,已經學習到程式設計的基本觀念 第二部份,將藉由另一個專案,接著學習更多程式設計觀念 在開始之前,您需要先具備基本的 HTML、CSS、JavaScript 知識。 還不會的朋友,請先完成: - [自學網頁の嬰兒教材:HTML與CSS](https://codelove.tw/@howtomakeaturn/course/Ja6JaO) - [自學網頁の嬰兒教材:JavaScript(一)—— 幫衣服工廠做個好用表單](https://codelove.tw/@howtomakeaturn/course/l3j5xk) 準備好的話,讓我們馬上開始吧!
你的轉職路上,還缺少一份自學作業包!寫完這幾包,直接拿作品去面試上班!
本論壇另有附設一個 LINE 新手發問&交流群組!歡迎加入討論!