網頁開發體驗課

適合給完全不會網頁開發的人,來體驗看看這個職業適不適合你
Rating: 4.2 out of 5 (47 ratings)
875 students
網頁開發體驗課
Rating: 4.2 out of 5 (47 ratings)
875 students
網頁開發
前端網頁開發
HTML, CSS, JS (介紹)

Requirements

  • No
Description


2019.5.29 更新

----------------------------------

增加一個CSS章節(53分鐘),我是從另外一個付費的CSS課程拿一章節來這裡試上的。 如果喜歡可以參考看看。

----------------------------------

這一堂課我希望可以讓新手來看看網頁開發是什麼?然後開發流程是什麼?


一開始先來介紹網頁開發有哪一些區塊(前端,後端,UI/UX)。

我會來解說每一個環節是做什麼的。


再來我會介紹編輯器還有HTML 是什麼。 然後遊覽器是如何看我們的程式碼


接下來 我們會從一張設計圖, 然後透過整體的規劃來看程式碼如何寫。

我們會先用HTML把整個架構寫出來


然後我們開始在每一個區塊用CSS來做美觀的動作, 最後來加一下Javascript ,讓我們的卡片多一點動作。




Who this course is for:
  • 初級CSS開發人員
  • 初級網頁開發人員
Curriculum
2 sections • 19 lectures • 1h 26m total length
  • 1. 網頁開發基本介紹
  • 2. 安裝編輯器
  • 3. 試玩HTML
  • 4. 環境設定
  • 5. 規劃
  • 6. 開始寫程式
  • 7. 其他小功能
  • 8. 總結
  • 9. 下一步 (推薦Udemy課程)
  • 10. 下一步(我的課程)
  • 1. 介紹
  • 2. 工具介紹(Vscode, Chrome)
  • 3. HTML 介紹 & 開發 (head, body)
  • 4. Blog 文章切版 Part I (H1, Chrome Dev Tool)
  • 5. 觀念 Box-sizing
  • 6. Blog 文章切版 Part II (連結, CSS)
  • 7. 觀念 Block vs Inline
  • 8. Blog 文章切版 Part II (其他小修改)
  • 9. 複習

Instructor
前端工程師
Danny Huang
  • 4.4 Instructor Rating
  • 53 Reviews
  • 1,027 Students
  • 2 Courses

大家好,我是Danny,是位熱愛程式的前端工程師。很高興能在udemy這邊開課,我希望把我會的東西,都變成課程交給大家。

自中年轉行網路工程師後已經手多起案件,具有豐富工作與接案經驗。我的主力是Javascript, HTML, CSS, Wordpress, React, 和Vue。

我的課程將透過實際的案例來教導各位如何編寫程式。我也會陸續推出一些前端,後端,UI等等的課程。 如果喜歡看我的youtube影片,一定也會喜歡這邊的內容。