網站開發的第一堂課 HTML+CSS+Jquery

2015-04-26 ~ 2015-05-24 [ 週日 14:00-17:00 (5周,共15小時) ]
Mike

自己的網站自己做!

你有了一個好點子卻不知道從何開始嗎? 你看了很多線上的免費課程卻還是對於網頁開發霧煞煞嗎?

為了幫助更多想投身這個領域又不知從何開始的朋友是這堂課開設的主要目的,我們相信有了良好的基礎後,未來自己看網路的資料學習可以更加快速的理解所表達的內容。

適合對象:

  • 想了解前端工程師的想法並與之溝通的UI設計師
  • 心中有個夢想並且畫了Prototype卻不知如何實現的創業家
  • 就是想轉職變成前端工程師的你(妳)

每堂課都會設有助教時間,讓學員回家操作遇到的困難都可以一一解決。

讓Prototype Hacker帶你快速學會網頁開發的基礎技能!

這堂課你會學到

RWD web development

如何藉由Twitter Bootstrap3快速的做出RWD的頁面

HTML,CSS,JQuery基礎觀念

什麼是HTML,CSS,JAVASCRIPT,我所看到的網頁到底是怎麼產生出來的

Git版本控制

基本的Git版本控制使用指令以及圖形界面教學

課程大綱

1 / 網站的基本觀念與介紹
  • 什麼是網站?
  • HTTP Request/Response Cycle
  • HTML, CSS, JAVASCRIPT是什麼?可以吃嗎?
2 / HTML基礎
  • 標籤 Tag
  • 標題 Heading, 段落 Paragraph
  • 連結 Link
  • 清單 List
  • 圖片 Img
  • 表單 Form
  • 無語義的標籤 span, div
  • 頁首 Header, 頁尾 Footer
3 / CSS基礎
  • 如何套用CSS
  • 選擇器(Selector)的使用
  • display的特性
  • 一定要知道的Box model
  • Media Query的使用
4 / JS以及jQuery
  • 什麼是DOM
  • Javascript怎麼操作頁面
  • 用jQuery操作頁面(修改內容以及樣式)
  • Slider快速製作
5 / Git入門
  • 什麼是版本控制?
  • 為什麼要版本控制?
  • 新增Repository
  • Git基本使用 (clone, add, commit, push)
6 / 網站製作實務
  • 挑一個版型來製作吧!
  • icon-font的使用 (font-awesome, just font, Google font)
  • 假文假圖產生器
  • 各種好用的jQuery外掛

課程資訊

課程日期

2015-04-26 ~ 2015-05-24
週日 14:00-17:00 (5周,共15小時)
每堂課3小時 / 共5堂課 / 時數共15小時 / 共5週

課程價格

NTD 6,000 (其餘優惠請參照活動通報名網頁)

課程地點

台北市大安區羅斯福路三段191號3樓 [拾窗。空間]

人數上限

30人 (受限於場地以及方便掌控學員學習狀況)

適合對象

對於網站美感有堅持的設計師,以及就是想學習前端工程師的你

注意事項

需自備筆電(Windows, Mac皆可)

線上報名