碎碎念
網頁開發練習
13
免費公開
房間資訊
跟網頁相關的課程、 coding 練習的經驗回顧。
全部
自己的網頁自己做
JS 筆記
Frontend Mentor 挑戰
ALPHACamp 課程
全部
自己的網頁自己做
JS 筆記
Frontend Mentor 挑戰
ALPHACamp 課程
全部類型
免費與付費
最新發佈
最新發佈
YAL
2024/07/11
〖網頁挑戰〗 What's the country
又是 Frontend Mentor 的挑戰! 這次要寫一個網站,讓使用者可以查詢國家,並且顯示國旗、人口、首都、語言、幣別等資料。原始檔案提供了 JSON 檔,或是可以去串接 REST Countries API,動態取得並呈現各國的資料,基本上看我們要怎麼寫都可以。
#
網頁挑戰
#
frontendmentor
7
YAL
2024/07/11
〖網頁挑戰〗 What's the country
又是 Frontend Mentor 的挑戰! 這次要寫一個網站,讓使用者可以查詢國家,並且顯示國旗、人口、首都、語言、幣別等資料。原始檔案提供了 JSON 檔,或是可以去串接 REST Countries API,動態取得並呈現各國的資料,基本上看我們要怎麼寫都可以。
#
網頁挑戰
#
frontendmentor
7
YAL
2024/07/04
〖網頁挑戰〗 Space Tourism
這次寫的是 Frontend Mentor 挑戰的太空旅遊介紹的網站,當初作了一個星期,首頁都沒辦法完成,那時候對 flexbox、grid 的樣式寫法超不熟,用 position 也是作的很落漆。直到最近才又重新嘗試寫了一次...
#
網頁挑戰
#
frontendmentor
6
YAL
2024/07/04
〖網頁挑戰〗 Space Tourism
這次寫的是 Frontend Mentor 挑戰的太空旅遊介紹的網站,當初作了一個星期,首頁都沒辦法完成,那時候對 flexbox、grid 的樣式寫法超不熟,用 position 也是作的很落漆。直到最近才又重新嘗試寫了一次...
#
網頁挑戰
#
frontendmentor
6
YAL
2024/06/22
從 1 開始的多頁式網站
從上次作完喵喵健身教練網頁後,覺得自己以前作的個人簡歷網站實在是太醜了,而且當初為了搶快,直接套用 Bootstrap 版型,根本不用寫 JavaScript(燦笑) 所以這次決定把網站重寫,就算是從 1 開始吧,1-10 分作到 8 分就好,不然完美主義真的會搞死自己,那道光很快就來了(?)
#
自己的網頁自己做
#
網頁作品
#
網頁開發
3
YAL
2024/06/22
從 1 開始的多頁式網站
從上次作完喵喵健身教練網頁後,覺得自己以前作的個人簡歷網站實在是太醜了,而且當初為了搶快,直接套用 Bootstrap 版型,根本不用寫 JavaScript(燦笑) 所以這次決定把網站重寫,就算是從 1 開始吧,1-10 分作到 8 分就好,不然完美主義真的會搞死自己,那道光很快就來了(?)
#
自己的網頁自己做
#
網頁作品
#
網頁開發
3
YAL
2024/06/09
從 0 開始的一頁式網站
一切都從思考作品集要怎麼準備開始,所謂的 one 是起頭難(?),在動手寫 code 之前,總覺得自己做不到,一直在自己煩惱,直到前輩們說:開始做看看吧,一頁式網站也好,不開始做永遠不知道自己哪些知識需要補強。 於是決定先幫我的繆思女神做一個網站,讓她可以介紹自己的工作,再放社群連結
#
自己的網頁自己做
#
網頁作品
#
網頁開發
7
YAL
2024/06/09
從 0 開始的一頁式網站
一切都從思考作品集要怎麼準備開始,所謂的 one 是起頭難(?),在動手寫 code 之前,總覺得自己做不到,一直在自己煩惱,直到前輩們說:開始做看看吧,一頁式網站也好,不開始做永遠不知道自己哪些知識需要補強。 於是決定先幫我的繆思女神做一個網站,讓她可以介紹自己的工作,再放社群連結
#
自己的網頁自己做
#
網頁作品
#
網頁開發
7
YAL
2024/04/25
[ JavaScript 筆記] 變數 Variable & 值 Value 與他們的命名方式
前言: 雖然前面有些定義還沒有完整的解釋,但還是後面再說吧, 誰想一直看理論啊(摔本子)
#
JavaScript筆記
#
變數Variable
#
值Value
3
YAL
2024/04/25
[ JavaScript 筆記] 變數 Variable & 值 Value 與他們的命名方式
前言: 雖然前面有些定義還沒有完整的解釋,但還是後面再說吧, 誰想一直看理論啊(摔本子)
#
JavaScript筆記
#
變數Variable
#
值Value
3
YAL
2024/04/24
[ JavaScript 筆記] JavaScript 能做什麼
前言: 前一篇講了 JS 的定義,這裡來談談能用它來做什麼, 希望能限制在 500 字以內(這是我看文章的極限,超過字數就會開始分心(?))
#
JavaScript筆記
#
JavaScript定義
5
YAL
2024/04/24
[ JavaScript 筆記] JavaScript 能做什麼
前言: 前一篇講了 JS 的定義,這裡來談談能用它來做什麼, 希望能限制在 500 字以內(這是我看文章的極限,超過字數就會開始分心(?))
#
JavaScript筆記
#
JavaScript定義
5
YAL
2024/04/23
[ JavaScript 筆記] JavaScript 定義
前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
#
JavaScript筆記
#
JavaScript定義
6
YAL
2024/04/23
[ JavaScript 筆記] JavaScript 定義
前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
#
JavaScript筆記
#
JavaScript定義
6
YAL
2024/03/06
React 練習 - 便條紙
使用 React 做出一個便條紙的頁面,可以紀錄自己的想法後丟上去。並且讓使用者即使重新整理頁面,也不會遺失資料。
#
網頁
#
React練習
3
YAL
2024/03/06
React 練習 - 便條紙
使用 React 做出一個便條紙的頁面,可以紀錄自己的想法後丟上去。並且讓使用者即使重新整理頁面,也不會遺失資料。
#
網頁
#
React練習
3
YAL
2023/11/29
AC - Dev C2 前端開發實作 經驗回顧
C2 開始終於使用到 visual studio code, 這個階段學到 JavaScript 核心概念、DOM 操作、API 串接、MVC 架構, 每天都在 coding,每週都在追進度, 用壓縮到極致的時間寫完作業, 但跟著課程內容寫程式碼,真的有學到嗎? 有,吧。 畢竟在寫最後的電影清單
#
網頁
#
學習
#
ALPHACamp
4
YAL
2023/11/29
AC - Dev C2 前端開發實作 經驗回顧
C2 開始終於使用到 visual studio code, 這個階段學到 JavaScript 核心概念、DOM 操作、API 串接、MVC 架構, 每天都在 coding,每週都在追進度, 用壓縮到極致的時間寫完作業, 但跟著課程內容寫程式碼,真的有學到嗎? 有,吧。 畢竟在寫最後的電影清單
#
網頁
#
學習
#
ALPHACamp
4
YAL
2023/10/16
〖網頁挑戰〗 Intro component with sign up form page
這次的 Frontend Mentor challenge 是新手村最後一個挑戰 ▶ Intro component with sign up form 網頁,使用 jQuery validation plugin。
#
網頁挑戰
#
frontendmentor
3
YAL
2023/10/16
〖網頁挑戰〗 Intro component with sign up form page
這次的 Frontend Mentor challenge 是新手村最後一個挑戰 ▶ Intro component with sign up form 網頁,使用 jQuery validation plugin。
#
網頁挑戰
#
frontendmentor
3
YAL
2023/10/05
〖網頁挑戰〗 Ping coming soon page
開始接觸網頁開發後,發現自己缺乏實作經驗, 於是老師推了 Frontend Mentor challenge , 免費的通常是獨立頁面,花錢則是可以挑戰多頁式網站, 初學還沒學到 javascript 或 API 也沒關係, 新手也有提供 HTML/CSS 的練習。 很適合用來增加自己寫網頁的經驗,
#
網頁挑戰
#
frontendmentor
4
YAL
2023/10/05
〖網頁挑戰〗 Ping coming soon page
開始接觸網頁開發後,發現自己缺乏實作經驗, 於是老師推了 Frontend Mentor challenge , 免費的通常是獨立頁面,花錢則是可以挑戰多頁式網站, 初學還沒學到 javascript 或 API 也沒關係, 新手也有提供 HTML/CSS 的練習。 很適合用來增加自己寫網頁的經驗,
#
網頁挑戰
#
frontendmentor
4
YAL
2023/09/28
AC - Dev C1 網頁開發入門 經驗回顧
理解問題,然後拆解,最後解決它。 通常網頁開發的課程流是 HTML - CSS - JavaScript , 但在 AC 一開始就先淺談 JavaScript , 就是要先建立運算思維:
#
網頁
#
學習
#
ALPHACamp
3
YAL
2023/09/28
AC - Dev C1 網頁開發入門 經驗回顧
理解問題,然後拆解,最後解決它。 通常網頁開發的課程流是 HTML - CSS - JavaScript , 但在 AC 一開始就先淺談 JavaScript , 就是要先建立運算思維:
#
網頁
#
學習
#
ALPHACamp
3
YAL
2023/09/27
因為迷惘而步上的自學之路
孔子說三十而立,我卻三十而迷失了自己, 這個世界給得價值觀太過沈重, 原本不在意的,在褪去青春之後,都成為了後悔的來源; 後悔沒有選OO系、沒有攻讀研究所、沒有超前部署自己的人生, 最後遺失了勇氣,想要往前邁進得步伐依舊跨不出舒適圈, 於是季節繼續更迭、身邊的夥伴來來去去, 好像只有我被自己困住了。
#
學習
#
網頁
#
ALPHACamp
5
YAL
2023/09/27
因為迷惘而步上的自學之路
孔子說三十而立,我卻三十而迷失了自己, 這個世界給得價值觀太過沈重, 原本不在意的,在褪去青春之後,都成為了後悔的來源; 後悔沒有選OO系、沒有攻讀研究所、沒有超前部署自己的人生, 最後遺失了勇氣,想要往前邁進得步伐依舊跨不出舒適圈, 於是季節繼續更迭、身邊的夥伴來來去去, 好像只有我被自己困住了。
#
學習
#
網頁
#
ALPHACamp
5
加入
全部
自己的網頁自己做
JS 筆記
Frontend Mentor 挑戰
ALPHACamp 課程
全部
自己的網頁自己做
JS 筆記
Frontend Mentor 挑戰
ALPHACamp 課程
全部類型
免費與付費
最新發佈
最新發佈
YAL
2024/07/11
〖網頁挑戰〗 What's the country
又是 Frontend Mentor 的挑戰! 這次要寫一個網站,讓使用者可以查詢國家,並且顯示國旗、人口、首都、語言、幣別等資料。原始檔案提供了 JSON 檔,或是可以去串接 REST Countries API,動態取得並呈現各國的資料,基本上看我們要怎麼寫都可以。
#
網頁挑戰
#
frontendmentor
7
YAL
2024/07/11
〖網頁挑戰〗 What's the country
又是 Frontend Mentor 的挑戰! 這次要寫一個網站,讓使用者可以查詢國家,並且顯示國旗、人口、首都、語言、幣別等資料。原始檔案提供了 JSON 檔,或是可以去串接 REST Countries API,動態取得並呈現各國的資料,基本上看我們要怎麼寫都可以。
#
網頁挑戰
#
frontendmentor
7
YAL
2024/07/04
〖網頁挑戰〗 Space Tourism
這次寫的是 Frontend Mentor 挑戰的太空旅遊介紹的網站,當初作了一個星期,首頁都沒辦法完成,那時候對 flexbox、grid 的樣式寫法超不熟,用 position 也是作的很落漆。直到最近才又重新嘗試寫了一次...
#
網頁挑戰
#
frontendmentor
6
YAL
2024/07/04
〖網頁挑戰〗 Space Tourism
這次寫的是 Frontend Mentor 挑戰的太空旅遊介紹的網站,當初作了一個星期,首頁都沒辦法完成,那時候對 flexbox、grid 的樣式寫法超不熟,用 position 也是作的很落漆。直到最近才又重新嘗試寫了一次...
#
網頁挑戰
#
frontendmentor
6
YAL
2024/06/22
從 1 開始的多頁式網站
從上次作完喵喵健身教練網頁後,覺得自己以前作的個人簡歷網站實在是太醜了,而且當初為了搶快,直接套用 Bootstrap 版型,根本不用寫 JavaScript(燦笑) 所以這次決定把網站重寫,就算是從 1 開始吧,1-10 分作到 8 分就好,不然完美主義真的會搞死自己,那道光很快就來了(?)
#
自己的網頁自己做
#
網頁作品
#
網頁開發
3
YAL
2024/06/22
從 1 開始的多頁式網站
從上次作完喵喵健身教練網頁後,覺得自己以前作的個人簡歷網站實在是太醜了,而且當初為了搶快,直接套用 Bootstrap 版型,根本不用寫 JavaScript(燦笑) 所以這次決定把網站重寫,就算是從 1 開始吧,1-10 分作到 8 分就好,不然完美主義真的會搞死自己,那道光很快就來了(?)
#
自己的網頁自己做
#
網頁作品
#
網頁開發
3
YAL
2024/06/09
從 0 開始的一頁式網站
一切都從思考作品集要怎麼準備開始,所謂的 one 是起頭難(?),在動手寫 code 之前,總覺得自己做不到,一直在自己煩惱,直到前輩們說:開始做看看吧,一頁式網站也好,不開始做永遠不知道自己哪些知識需要補強。 於是決定先幫我的繆思女神做一個網站,讓她可以介紹自己的工作,再放社群連結
#
自己的網頁自己做
#
網頁作品
#
網頁開發
7
YAL
2024/06/09
從 0 開始的一頁式網站
一切都從思考作品集要怎麼準備開始,所謂的 one 是起頭難(?),在動手寫 code 之前,總覺得自己做不到,一直在自己煩惱,直到前輩們說:開始做看看吧,一頁式網站也好,不開始做永遠不知道自己哪些知識需要補強。 於是決定先幫我的繆思女神做一個網站,讓她可以介紹自己的工作,再放社群連結
#
自己的網頁自己做
#
網頁作品
#
網頁開發
7
YAL
2024/04/25
[ JavaScript 筆記] 變數 Variable & 值 Value 與他們的命名方式
前言: 雖然前面有些定義還沒有完整的解釋,但還是後面再說吧, 誰想一直看理論啊(摔本子)
#
JavaScript筆記
#
變數Variable
#
值Value
3
YAL
2024/04/25
[ JavaScript 筆記] 變數 Variable & 值 Value 與他們的命名方式
前言: 雖然前面有些定義還沒有完整的解釋,但還是後面再說吧, 誰想一直看理論啊(摔本子)
#
JavaScript筆記
#
變數Variable
#
值Value
3
YAL
2024/04/24
[ JavaScript 筆記] JavaScript 能做什麼
前言: 前一篇講了 JS 的定義,這裡來談談能用它來做什麼, 希望能限制在 500 字以內(這是我看文章的極限,超過字數就會開始分心(?))
#
JavaScript筆記
#
JavaScript定義
5
YAL
2024/04/24
[ JavaScript 筆記] JavaScript 能做什麼
前言: 前一篇講了 JS 的定義,這裡來談談能用它來做什麼, 希望能限制在 500 字以內(這是我看文章的極限,超過字數就會開始分心(?))
#
JavaScript筆記
#
JavaScript定義
5
YAL
2024/04/23
[ JavaScript 筆記] JavaScript 定義
前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
#
JavaScript筆記
#
JavaScript定義
6
YAL
2024/04/23
[ JavaScript 筆記] JavaScript 定義
前言: 一直想要把自己的學習筆記整理整理,至少在寫下筆記的時候,也能釐清觀念。 結果拖延到現在,終於要提筆了,不知道能堅持多久(???)。
#
JavaScript筆記
#
JavaScript定義
6
YAL
2024/03/06
React 練習 - 便條紙
使用 React 做出一個便條紙的頁面,可以紀錄自己的想法後丟上去。並且讓使用者即使重新整理頁面,也不會遺失資料。
#
網頁
#
React練習
3
YAL
2024/03/06
React 練習 - 便條紙
使用 React 做出一個便條紙的頁面,可以紀錄自己的想法後丟上去。並且讓使用者即使重新整理頁面,也不會遺失資料。
#
網頁
#
React練習
3
YAL
2023/11/29
AC - Dev C2 前端開發實作 經驗回顧
C2 開始終於使用到 visual studio code, 這個階段學到 JavaScript 核心概念、DOM 操作、API 串接、MVC 架構, 每天都在 coding,每週都在追進度, 用壓縮到極致的時間寫完作業, 但跟著課程內容寫程式碼,真的有學到嗎? 有,吧。 畢竟在寫最後的電影清單
#
網頁
#
學習
#
ALPHACamp
4
YAL
2023/11/29
AC - Dev C2 前端開發實作 經驗回顧
C2 開始終於使用到 visual studio code, 這個階段學到 JavaScript 核心概念、DOM 操作、API 串接、MVC 架構, 每天都在 coding,每週都在追進度, 用壓縮到極致的時間寫完作業, 但跟著課程內容寫程式碼,真的有學到嗎? 有,吧。 畢竟在寫最後的電影清單
#
網頁
#
學習
#
ALPHACamp
4
YAL
2023/10/16
〖網頁挑戰〗 Intro component with sign up form page
這次的 Frontend Mentor challenge 是新手村最後一個挑戰 ▶ Intro component with sign up form 網頁,使用 jQuery validation plugin。
#
網頁挑戰
#
frontendmentor
3
YAL
2023/10/16
〖網頁挑戰〗 Intro component with sign up form page
這次的 Frontend Mentor challenge 是新手村最後一個挑戰 ▶ Intro component with sign up form 網頁,使用 jQuery validation plugin。
#
網頁挑戰
#
frontendmentor
3
YAL
2023/10/05
〖網頁挑戰〗 Ping coming soon page
開始接觸網頁開發後,發現自己缺乏實作經驗, 於是老師推了 Frontend Mentor challenge , 免費的通常是獨立頁面,花錢則是可以挑戰多頁式網站, 初學還沒學到 javascript 或 API 也沒關係, 新手也有提供 HTML/CSS 的練習。 很適合用來增加自己寫網頁的經驗,
#
網頁挑戰
#
frontendmentor
4
YAL
2023/10/05
〖網頁挑戰〗 Ping coming soon page
開始接觸網頁開發後,發現自己缺乏實作經驗, 於是老師推了 Frontend Mentor challenge , 免費的通常是獨立頁面,花錢則是可以挑戰多頁式網站, 初學還沒學到 javascript 或 API 也沒關係, 新手也有提供 HTML/CSS 的練習。 很適合用來增加自己寫網頁的經驗,
#
網頁挑戰
#
frontendmentor
4
YAL
2023/09/28
AC - Dev C1 網頁開發入門 經驗回顧
理解問題,然後拆解,最後解決它。 通常網頁開發的課程流是 HTML - CSS - JavaScript , 但在 AC 一開始就先淺談 JavaScript , 就是要先建立運算思維:
#
網頁
#
學習
#
ALPHACamp
3
YAL
2023/09/28
AC - Dev C1 網頁開發入門 經驗回顧
理解問題,然後拆解,最後解決它。 通常網頁開發的課程流是 HTML - CSS - JavaScript , 但在 AC 一開始就先淺談 JavaScript , 就是要先建立運算思維:
#
網頁
#
學習
#
ALPHACamp
3
YAL
2023/09/27
因為迷惘而步上的自學之路
孔子說三十而立,我卻三十而迷失了自己, 這個世界給得價值觀太過沈重, 原本不在意的,在褪去青春之後,都成為了後悔的來源; 後悔沒有選OO系、沒有攻讀研究所、沒有超前部署自己的人生, 最後遺失了勇氣,想要往前邁進得步伐依舊跨不出舒適圈, 於是季節繼續更迭、身邊的夥伴來來去去, 好像只有我被自己困住了。
#
學習
#
網頁
#
ALPHACamp
5
YAL
2023/09/27
因為迷惘而步上的自學之路
孔子說三十而立,我卻三十而迷失了自己, 這個世界給得價值觀太過沈重, 原本不在意的,在褪去青春之後,都成為了後悔的來源; 後悔沒有選OO系、沒有攻讀研究所、沒有超前部署自己的人生, 最後遺失了勇氣,想要往前邁進得步伐依舊跨不出舒適圈, 於是季節繼續更迭、身邊的夥伴來來去去, 好像只有我被自己困住了。
#
學習
#
網頁
#
ALPHACamp
5