自學網頁前端 Todo List Project

閱讀時間約 1 分鐘
從身邊最小的事物開始吧!
這是我學習完基礎JavaScript後第一個做成的Project,應該是每個前端都一定會做過的project,但對於自學的我非常有挑戰性,我需要訓練自己在短時間內熟悉JS event並且運用他做出我的第一個搭配大量JS程式碼的網頁作品。
可能沒有資工背景的我在這條路上不好走,前端工程師的門對我來說又窄又小,目前還沒有辦法順利通過,但我跨校修必備課程如:計算機程式設計、演算法、作業系統、資料結構,這些對本科系學生再日常不過的科目,我從來沒有接觸過,但在2022的開始到結束,我會熟識這一切,讓自己勇往直前,成為一位合格的前端工程師。
以下為我的Todo List Project : https://leonsheeptodolist.netlify.app/
挑戰一學習新知識就更新部落格的日常死搭抖!
0會員
5內容數
留言0
查看全部
發表第一個留言支持創作者!
黎羊Leon的沙龍 的其他內容
座號是每一個學生擁有過的一個數字,但你有想過座號是怎麼排序的嗎? 座號的第一位通常都是姓氏筆畫最少的人如:丁、王等,那如果今天有兩個人都姓王的時候,會怎麼排序呢,當然最簡單的方式就是再比第二個字,那如果今天剛好三個字都一樣的話就會講求到資料的穩定性。 比較:
教到了JS event,非常實用的一堂課程,開始進入監聽階段,可以跟使用者互動,也慢慢建立UX的概念,讓我可以開始自行設計動態網頁,並且優化了第二個靜態網頁,加入了滾動變化的效果。
今天是一位非資工系背景商科大學生的第一堂正式演算法課程,老師上課時先讓大家玩了猜數字的遊戲,我用了自己的運氣去猜測數字,才發現自己其實運氣真的不好。 接著我們透過自己所學過的程式語言,寫出了二分搜尋法以及猜數字的遊戲。 我分別用了JS以及Python寫出。
座號是每一個學生擁有過的一個數字,但你有想過座號是怎麼排序的嗎? 座號的第一位通常都是姓氏筆畫最少的人如:丁、王等,那如果今天有兩個人都姓王的時候,會怎麼排序呢,當然最簡單的方式就是再比第二個字,那如果今天剛好三個字都一樣的話就會講求到資料的穩定性。 比較:
教到了JS event,非常實用的一堂課程,開始進入監聽階段,可以跟使用者互動,也慢慢建立UX的概念,讓我可以開始自行設計動態網頁,並且優化了第二個靜態網頁,加入了滾動變化的效果。
今天是一位非資工系背景商科大學生的第一堂正式演算法課程,老師上課時先讓大家玩了猜數字的遊戲,我用了自己的運氣去猜測數字,才發現自己其實運氣真的不好。 接著我們透過自己所學過的程式語言,寫出了二分搜尋法以及猜數字的遊戲。 我分別用了JS以及Python寫出。
你可能也想看
Google News 追蹤
Thumbnail
本專欄將提供給您最新的市場資訊、產業研究、交易心法、精選公司介紹,以上內容並非個股分析,還請各位依據自身狀況作出交易決策。歡迎訂閱支持我,獲得相關內容,也祝您的投資之路順遂! 每年 $990 訂閱方案👉 https://reurl.cc/VNYVxZ 每月 $99 訂閱方案👉https://re
Thumbnail
想要自學 HTML 嗎?HTML 是一個相對簡單的標記語言,適合初學者。透過免費資源和互動平臺,你可以輕鬆地學習 HTML,並逐步提高技能。除了 HTML,你還可以瞭解免費網頁設計軟體,如 VS Code 和 Sublime Text。加油吧!
Thumbnail
學習日文常見的難題,你也有遇到嗎? ・學完基礎日文後,如何繼續進步? ・沒有機會用日文,怎麼維持水平? ・追日劇專注劇情,學到日文有限? 如何學好一門語言:『理解』+『重複』
Thumbnail
本文介紹了 Google Analytics 4(GA4)示範帳戶的取得方式,並提供了幾種 GA4 分析小練習,讓新手能夠實際練習和學習。文章包含了關於 GA4 示範帳戶的資源、如何移除帳戶存取權以及各種分析練習,旨在幫助讀者更熟悉 GA4 這個工具。
Thumbnail
塔羅牌可以自學嗎?當然可以囉!對我來說,塔羅牌就是一個 “工具”,像是連接你的直覺、集體潛意識一樣,並透過牌卡上的圖像、你看到它的感受,給予對應的指引…我個人是覺得,塔羅牌不一定非要找 “名師學習”,塔羅牌是個人人都能上手,而且靠著一步步的練習,就能解讀潛意識的工具。
Thumbnail
你在公司需要用到職場英文,卻常常遇到以下情景? 工作常常需要與國外客戶商業英文書信來回,卻害怕自己商業英文寫作能力差而導致對方一臉矇? 背了無數商英單字,想到會議還是只會說 “meeting”? 在職場上想要跟客戶交談時,只說得出 “I think” 嗎? 你的困擾YES編編都懂! 如果你想要讓自己
Thumbnail
相信大家在一開始接觸 CSS 時,一定會很疑惑為什麼除了 width 外,還會有 max-width 及 min-width 語法呢? 當要開發響應式網頁時,到底要使用什麼語法來控制「斷點」?
Thumbnail
在一個網頁上,會需要使用到圖片的地方有非常多處,像是品牌主視覺、橫幅廣告、側邊廣告、主要內容的預覽圖片、縮圖、背景圖片等。
Thumbnail
在初學網頁排版的時候,文字、段落、列表的排版可以說是比較好上手的,只要稍微透過margin、padding、border及文字顏色上調整,就可以輕易獲得一段美美的文字。 然而要去調整圖片的大小及其他相關效果,就不是那麼容易的一件事了,往往在開發時,都會出現圖片效果不如自己預期的狀況。
Thumbnail
一開始接觸網頁開發的時候,可能會常常在切版時遇到一些奇奇怪怪的問題:版面總是無法貼齊,左右參差不齊;圖片或是版型變形,但都找不到問題,又或者是技術跟不上設計稿,怎麼切怎麼亂。 會有這樣的狀況主要是⋯⋯
Thumbnail
本專欄將提供給您最新的市場資訊、產業研究、交易心法、精選公司介紹,以上內容並非個股分析,還請各位依據自身狀況作出交易決策。歡迎訂閱支持我,獲得相關內容,也祝您的投資之路順遂! 每年 $990 訂閱方案👉 https://reurl.cc/VNYVxZ 每月 $99 訂閱方案👉https://re
Thumbnail
想要自學 HTML 嗎?HTML 是一個相對簡單的標記語言,適合初學者。透過免費資源和互動平臺,你可以輕鬆地學習 HTML,並逐步提高技能。除了 HTML,你還可以瞭解免費網頁設計軟體,如 VS Code 和 Sublime Text。加油吧!
Thumbnail
學習日文常見的難題,你也有遇到嗎? ・學完基礎日文後,如何繼續進步? ・沒有機會用日文,怎麼維持水平? ・追日劇專注劇情,學到日文有限? 如何學好一門語言:『理解』+『重複』
Thumbnail
本文介紹了 Google Analytics 4(GA4)示範帳戶的取得方式,並提供了幾種 GA4 分析小練習,讓新手能夠實際練習和學習。文章包含了關於 GA4 示範帳戶的資源、如何移除帳戶存取權以及各種分析練習,旨在幫助讀者更熟悉 GA4 這個工具。
Thumbnail
塔羅牌可以自學嗎?當然可以囉!對我來說,塔羅牌就是一個 “工具”,像是連接你的直覺、集體潛意識一樣,並透過牌卡上的圖像、你看到它的感受,給予對應的指引…我個人是覺得,塔羅牌不一定非要找 “名師學習”,塔羅牌是個人人都能上手,而且靠著一步步的練習,就能解讀潛意識的工具。
Thumbnail
你在公司需要用到職場英文,卻常常遇到以下情景? 工作常常需要與國外客戶商業英文書信來回,卻害怕自己商業英文寫作能力差而導致對方一臉矇? 背了無數商英單字,想到會議還是只會說 “meeting”? 在職場上想要跟客戶交談時,只說得出 “I think” 嗎? 你的困擾YES編編都懂! 如果你想要讓自己
Thumbnail
相信大家在一開始接觸 CSS 時,一定會很疑惑為什麼除了 width 外,還會有 max-width 及 min-width 語法呢? 當要開發響應式網頁時,到底要使用什麼語法來控制「斷點」?
Thumbnail
在一個網頁上,會需要使用到圖片的地方有非常多處,像是品牌主視覺、橫幅廣告、側邊廣告、主要內容的預覽圖片、縮圖、背景圖片等。
Thumbnail
在初學網頁排版的時候,文字、段落、列表的排版可以說是比較好上手的,只要稍微透過margin、padding、border及文字顏色上調整,就可以輕易獲得一段美美的文字。 然而要去調整圖片的大小及其他相關效果,就不是那麼容易的一件事了,往往在開發時,都會出現圖片效果不如自己預期的狀況。
Thumbnail
一開始接觸網頁開發的時候,可能會常常在切版時遇到一些奇奇怪怪的問題:版面總是無法貼齊,左右參差不齊;圖片或是版型變形,但都找不到問題,又或者是技術跟不上設計稿,怎麼切怎麼亂。 會有這樣的狀況主要是⋯⋯