30 天內透過 30 個專案掌握 JavaScript、HTML 和 CSS

學習 JavaScript 30 個專案、HTML 和 CSS 初學者在 30 天內完成 30 個專案 30 天內完成 30 個專案

從這 18.5 小時的課程，你會學到

透過專案創建掌握 HTML、CSS 和 JavaScript。
建構實用的、真實的網路專案。
增強解決問題的能力。
了解響應式設計。
利用瀏覽器開發人員工具。
實施表單驗證技術。
開發自訂計算器和生成器。
建立互動式小部件和應用程式。
獲得動畫和效果的實務經驗。

要求

對 HTML、CSS 和 JavaScript 有基本了解。
安裝了 VS Code 軟體。
安裝了Chrome瀏覽器。
一台可以上網的電腦。
願意學習和嘗試程式碼。
每天至少投入一小時的時間。
對建構網路專案的熱情。
無需具備高階 Web 開發經驗。

課程說明

30 天 JavaScript 30 個專案初學者課程

踏上為期 30 天的學習之旅，透過 30 個使用 JavaScript、CSS 和 HTML 的實際範例。提升你的技能！

你是否渴望掌握 HTML、CSS 和 JavaScript 的 Web 開發基礎知識？我們的綜合課程「30 天 JavaScript 30 個專案 – HTML、CSS 和 JavaScript」就是你的最佳選擇。這門實作課程將提供你建立迷人的互動式網路專案的實用技能。

在 30 天的時間裡，你將深入沉浸式學習體驗，創建 30 個獨特的專案來磨練 Web 開發的特定方面。從一開始，你將應對有趣的挑戰，熟練 HTML、CSS 和 JavaScript。課程結束時，你將擁有強大的技能和令人印象深刻的專案組合，可以向潛在的雇主和客戶展示。

你將學到什麼

每天，你都會遇到一個解決現實場景的新專案，讓你能夠實際應用新發現的知識。以下是你將完成的專案：

第 1 天 : Invalid Input Shake: 為無效的輸入欄位新增晃動動畫。

第 2 天 : Box Shadow Generator: 為元素建立可自訂的框陰影。

第 3 天 : Notes Application: 開發一個簡單的筆記應用程式。

第 4 天 FD Calculator: 建立一個定期存款利息計算器。

第 5 天 : Gradient Generator: 設計並產生 CSS 漸層。

第 6 天 : BMI Calculator: 實施體重指數計算器。

第 7 天 : Tip Calculator: 建立一個計算器來計算提示。

第 8 天 : Blob Maker: 產生和自訂斑點形狀以進行設計。

第 9 天 : Basic Image Editor: 開發一個簡單的影像編輯工具。

第 10 天 : Input Character Counter: 計算輸入欄位中的字元數。

第 11 天 : Image Slider: 建立互動式圖像滑桿。

第 12 天 : Day of the Week: 顯示目前星期幾。

第 13 天 : Live Word Counter: 在你鍵入時即時計算字數。

第 14 天 : Video Slider: 建立一個滑桿來導航影片縮圖。

第 15 天 : Get Unicode Value: 檢索字元的 Unicode 值。

第 16 天 : Dictionary Application: 建立一個簡單的字典查找工具。

第 17 天 : Paragraph Generator: 產生隨機的文字段落。

第 18 天 : CSS Changer Application: 動態變更 CSS 樣式。

第 19 天 : Robot Joke Generator Application: 生成隨機的機器人笑話。

第 20 天 : Star Rating Project: 實行星級評定制度。

第 21 天: Generate Random Password: 建立隨機密碼產生器。

第 22 天: Random Number Generator: 產生隨機數。

第 23 天: Prime and Non-Prime Number: 識別質數和非質數。

第 24 天: Counter Application: 開發一個具有遞增和遞減功能的計數器。

第 25 天: Age Calculator: 根據輸入的出生日期計算年齡。

第 26 天: Date and Time Widget: 顯示目前日期和時間。

第 27 天: Advanced Image Carousel Application: 建構複雜的圖像輪播。

第 28 天: Code Editor: 建立一個簡單的線上程式碼編輯器。

第 29 天: Poll System: 開發互動式投票系統。

第 30 天: Cash Calculator: 計算給定金額的現金面額。

課程要求

為了充分利用本課程，請確保你安裝了以下軟體：

VS 程式碼軟體
Chrome 瀏覽器

釋放你的全部潛力

在「30 天的 JavaScript 30 個專案 – HTML、CSS 和 JavaScript」結束時，你將磨練 Web 開發技能，獲得對 HTML、CSS 和 JavaScript 的信心，並獲得出色的互動式 Web 專案組合。無論你是初學者還是希望提高 Web 開發能力，本課程都是你通往 Web 開發世界中令人興奮且有益的旅程的入口。

立即註冊並釋放你創建迷人 Web 應用程式的全部潛力！