HTML5、CSS3 與 JavaScript 工作坊: 建立 7 個創意專案

學習實戰的網頁開發和設計技能,從 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 個加入課程後的紅利加值:

  1. 免費獲取我的電子書:”75+ Must Use Resources for Web Developers & Designers” 是我為學生寫的一本書。 它應該是你的終極指南,當涉及到尋找網站資源,如庫存的照片和影片、樣品、PSD模板、圖標 ( icon ) 包、字體、排版、設計靈感和更多!
  2. 訪問 Facebook 小組和學生專用聊天室:我的學生可以訪問完全私密的 Facebook 小組和學生聊天室,在那裡我們討論網頁設計和開發主題,分享知識,幫助彼此解決錯誤和問題。 你也可以親自與我聯絡。
  3. 我對個人網站的親自反饋:一旦你完成課程,並且將開發的網站就緒,我將很高興看到它,給你一些反饋和想法。 請不用拘束在學生聊天室中給我留言,我們將詳細討論你的網站!
  4. 完整的支持瑕疵/事項:我將對你提供24/7 相關本課程的問題和疑問。 如果你遇到困難 、問題或在程式碼中存在錯誤,我會很樂意親自檢查你的代碼並及時修復錯誤。 只要在 Q&A 那裡發表討論,我會在那為你解答!
  5. 30天全額退款保證:如果課程不符合你的期望,我會提供完整的30天退款保證,不問任何問題。 不過,如果你向我反饋您希望改進的內容,我會很感激,如此我可以提升未來的課程!

你還在等什麼? 現在就加入這課程,期待在裡面見到你 !

目標受眾

  • 完全初學者 : 對HTML、CSS 和 JavaScript 知識有限,想要開始建立網站
  • 初學的網路開發人員 : 想擴大創意思維和建立網站與網站組件/專案
  • 渴望成為開發人員 : 想學習實戰的技能和建立市場需要的網站功能
  • 設計師和開發人員 : 為下一個專案尋找知識和靈感
  • 喜歡基於專案的課程的學生 : 這個課程會讓你的手弄髒!

講師簡介

Filip Kordanovski   CodeCrack CEO 、前端開發人員、高評價講師

Filip Kordanovski 是馬其頓斯科普里自學成才的前端網頁開發人員。

他對自己的工作充滿熱情,每天都喜歡學習新東西。

Filip 在網站開發和設計領域擁有5年以上的經驗,最近開始線上教學和發佈課程,與世界分享他的知識。

他是 CodeCrack 的創始人,CodeCrack 是一家提供數位解決方案、課程和電子書籍出版的網路開發/設計機構。

他還擅長於資料庫和資料庫管理系統、平面設計、視訊和音訊編輯、遊戲設計和開發以及3D建模和數位雕刻等各個領域。

一個對教學有著高度熱情與真正敬業的人,始終會致力於以合理的價格提供高品質的教育和內容。

他擁有超過7000名學生和800多個評價,評級為4.7,是該平台上評分最高的教練之一。 另外,他的一門課程是也是 Udemy 上的暢銷課程。

今天就開始學習,對你的職業生涯發揮重大影響。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

課程網址 

Sponsored by Udemy

也許你會有興趣

 歡迎使用 App / Email | Telegram 訂閱 網站更新

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: