Contents
學習實戰的網頁開發和設計技能，從 7 個難以置信的創意專案從頭開始建立一個網站！
從這 6 小時的課程，你會學到
- 實戰的技能，以建立驚人的專案：從 sticky header 和響應的選單到 galleries+sliders 等等！
- 建立一個完整的響應式網站，課程將帶你從頭開始做 7 個專案
- 學習如何使用著名的 JavaScript 程式庫來建立引人注目、優雅的網站功能
- 將實戰的網站開發技能與你的創意結合，創建出色的網站和網站組件
- 介紹現代、乾淨的網頁設計趨勢，並將其應用到你的專案中
- 學習創造美麗的互動動畫、響應式滑塊/畫廊和驚人的視差效果
- 訪問這個廣泛的 Web 開發工作坊，充滿實用、有用且市場需要的內容
- 利用從課程中學到的技能，在課程中的 7 個專案實做中，開發出自己全新的網站
- 終身訪問：6個小時的高解析視訊資料分為 13 個部分的 50 +講座
- 彈性盡責的講師（24/7）儘快回答你所有的問題
- 參與我們討論網站開發和設計主題的私密 Facebook 小組和學生聊天室，我們於此幫助每個提問的學生解決任何問題！
- 完全免費獲得我的電子書 “75+ Must-Use Resources for Web Developers & Designers” ！
要求
- 對於 HTML 和 CSS（divs，classes和tags）非常基本的理解將有所幫助，但不是必需的！
- 對 JavaScript（語法、變數和函數）非常基本的理解將有所幫助，但不是必需的！
- Web 瀏覽器和文本編輯器。 我們在課程帶你設置這些！
- 你最喜歡的飲料和學習的渴望！
課程說明
你好，非常感謝你對我的課程有興趣。 以下是你在本課程中將學習的完整細目。 讓我們開始這旅程。
☑️ 總體概述：
本課程深入探討了 HTML5、CSS3、JavaScript 和 jQuery 等技術。 此將釋放你的創造力，建立一個簡約的網站，同時學習並遵循現代網路發展趨勢，供你應用於未來的專案。
如果你是一個新手，或渴望成為 Web 開發人員/設計師，或者你只是個熱愛網站開發，這門課將讓你親手實踐可於現實運作的專案，從頭開始。
如果你想從零開始建立一個響應式網站，包含現代組件和包含視差效果、黏性頁眉、現代響應式選單、滑塊、網路系統、CSS動畫等等的網站，你來到正確的地方。 請往下讀，找出為什麼這個課程很可能是很適合你的完美課程！
☑️ 基於專案的課程！
這是你在 Udemy 上難得遇到超豐富基於專案的課程。 總共包含 7 個創意專案 – 每個專案都是從頭開始建構，我將展示開發的完整過程，包含最小細節。 我會帶著你，逐步建立一切。 一行行說明，你將跟著課程中完成所有的專案。
☑️ 7個專案：
讓我介紹一下這 7 個充滿創意的專案：
- 互動式動畫黏性頁眉：使用簡單純粹的 CSS3 和 jQuery，你將學習如何建構粘性動畫頁眉，你可以在任何即將推出的網站使用它。
- 跟蹤鼠標移動的視差首頁：在本節中，我們從網站創建過程開始，將要開發的第一部分是一個視差首頁，它將跟蹤你的鼠標移動進行相應的動畫處理！
- 響應式網格佈局（藝廊）：使用 Masonry.Js，你將建構我們網站的第二部分，這是一個完全響應式網格系統，用於展示作品集或攝影拼貼畫！
- 跳動的心臟動畫：使用純粹的 CSS3 和關鍵影格 ( keyframes )，我將告訴你如何在10分鐘內完成一個驚人的跳動心臟動畫！
- 響應式滑塊與導航：使用滑動滑塊，我們將建立一個完全導航，響應式滑塊。 我們還將探索程式庫的自訂限制以及如何創建完美的滑塊。
- 隱藏的視差頁腳：用這個純粹的 CSS3 頁腳添加到我們的網站畫龍點睛，隱藏在網站深處！
- 乾淨、現代、響應式選單：我們繼續網站製作，使黏性頁眉充分與一個真正漂亮有型的響應式選單做完全地響應！
☑️ 從 7 個專案到一個功能完備的網站
我們將把這 7 個專案組合成一個功能齊全、反應靈敏的現代化網站，可以用作您的履歷投資組合或產品展示網站。 我們還在編寫自定義的 CSS 媒體查詢 (media queries ) 讓網站響應化。 此外，我們正在遵循設計趨勢，以使我們的網站看起來現代、乾淨和簡約。
☑️ 作業
這7個專案分為7個部分。 完成每個部分（或一個專案）後，你將看到一份你應該完成的任務，然後繼續。 這是非常重要的，因為你會看到你學到了多少東西，你會檢查你目前的知識，看看你是否可以將這些技能應用到真實世界的專案中。
你的任務將是用部分/專案中學到的技能創造一些新作。 同樣，每個作業都會包含小考/問題/測試來複習你學到的內容。
☑️ 運用這 7 個專案建立你的網站
完成作業意味著你擁有自己開發的專案。 一旦你完成課程，你將有 7 個自己完成的專案。 這意味著，除了我們將一起創建的網站之外，如果將這創建的 7 個專案組合起來，你將擁有自己開發的網站。
☑️ 將網站託管於線上並檢查瀏覽器的兼容性
我們也將把網站託管於伺服器，讓作品上網，然後用幾種網頁瀏覽器打開它，以確保其兼容性。 我們也會在大量的 Apple 和 Android 設備上打開它，以確保一切正常順利。
☑️ 你將獲得 5 個加入課程後的紅利加值：
- 免費獲取我的電子書：”75+ Must Use Resources for Web Developers & Designers” 是我為學生寫的一本書。 它應該是你的終極指南，當涉及到尋找網站資源，如庫存的照片和影片、樣品、PSD模板、圖標 ( icon ) 包、字體、排版、設計靈感和更多！
- 訪問 Facebook 小組和學生專用聊天室：我的學生可以訪問完全私密的 Facebook 小組和學生聊天室，在那裡我們討論網頁設計和開發主題，分享知識，幫助彼此解決錯誤和問題。 你也可以親自與我聯絡。
- 我對個人網站的親自反饋：一旦你完成課程，並且將開發的網站就緒，我將很高興看到它，給你一些反饋和想法。 請不用拘束在學生聊天室中給我留言，我們將詳細討論你的網站！
- 完整的支持瑕疵/事項：我將對你提供24/7 相關本課程的問題和疑問。 如果你遇到困難 、問題或在程式碼中存在錯誤，我會很樂意親自檢查你的代碼並及時修復錯誤。 只要在 Q&A 那裡發表討論，我會在那為你解答！
- 30天全額退款保證：如果課程不符合你的期望，我會提供完整的30天退款保證，不問任何問題。 不過，如果你向我反饋您希望改進的內容，我會很感激，如此我可以提升未來的課程！
你還在等什麼？ 現在就加入這課程，期待在裡面見到你 !
目標受眾
- 完全初學者 : 對HTML、CSS 和 JavaScript 知識有限，想要開始建立網站
- 初學的網路開發人員 : 想擴大創意思維和建立網站與網站組件/專案
- 渴望成為開發人員 : 想學習實戰的技能和建立市場需要的網站功能
- 設計師和開發人員 : 為下一個專案尋找知識和靈感
- 喜歡基於專案的課程的學生 : 這個課程會讓你的手弄髒！
講師簡介
Filip Kordanovski CodeCrack CEO 、前端開發人員、高評價講師
Filip Kordanovski 是馬其頓斯科普里自學成才的前端網頁開發人員。
他對自己的工作充滿熱情，每天都喜歡學習新東西。
Filip 在網站開發和設計領域擁有5年以上的經驗，最近開始線上教學和發佈課程，與世界分享他的知識。
他是 CodeCrack 的創始人，CodeCrack 是一家提供數位解決方案、課程和電子書籍出版的網路開發/設計機構。
他還擅長於資料庫和資料庫管理系統、平面設計、視訊和音訊編輯、遊戲設計和開發以及3D建模和數位雕刻等各個領域。
一個對教學有著高度熱情與真正敬業的人，始終會致力於以合理的價格提供高品質的教育和內容。
他擁有超過7000名學生和800多個評價，評級為4.7，是該平台上評分最高的教練之一。 另外，他的一門課程是也是 Udemy 上的暢銷課程。
今天就開始學習，對你的職業生涯發揮重大影響。
英文字幕：有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
報名參加課程｜ 更新 coupon code
也許你會有興趣
- 學過人都推薦的 Wes Bos 的 JavaScript 課程 (包含免費課程)
- 更多相關 HTML / CSS 線上課程
- ★想要加強英文能力嗎？– 練好英文是最大的學習槓桿
★ 歡迎使用 App / Email | Telegram 訂閱 網站更新★