緣份到了就給你【RWD佛系折價券】

▶︎▶︎▶︎點我領取◀︎◀︎◀︎





購課達標100人|加碼教學【pug樣板語言教學】 已達標!!!
pug 樣板語言以前叫做 jade,透過 tab 縮排寫法,有效解決標籤閉合不全問題並可加速 HTML 開發速度。
購課達標200人|加碼教學【Sass教學】 即將達標!!!
Sass 簡單來說是威力加強版的 CSS,它將一般程式擁有的邏輯運算與變數等概念帶入 CSS 中,讓我們在開發網站時,可以更有效的解構 CSS,加速 CSS 開發並提高 CSS 維護性。


▷你想要成為超強前端工程師,但卻......?

❝ 對於網站架構霧煞煞,不知道如何入門 ❞

❝ 總覺得 HTML、CSS 不夠熟悉,寫 JS 時常常撞牆 ❞

❝ 覺得自己經驗值不足,想學 RWD 提升職場競爭力 ❞


響應式網頁設計(Responsive Web Design)簡稱 RWD,使用 RWD 設計網頁,在不同解析度下改變網頁頁面的佈局排版,讓使用者在不同的設備上都可以享受最佳的視覺體驗,瀏覽同一網站。根據國發會的研究,每 100 人使用手機就有 87 個人用來上網,且手機上網比例已經大幅超過電腦,如果網站還是只能用電腦看,那就大幅流失了大量的手機潛在顧客,所以現在網站可以跨平台已經是基本配置。如果你還在學怎麼做電腦版網站,那已經快變考古學了,趕快加入 RWD 跨平台的行列,學習目前最夯的 RWD 網頁吧!



系統教學 ➜ 穩扎穩打,透過實作訓練加強記憶

實務導入 ➜ 模擬作戰,讓你真的上場也不害怕

特製教材 ➜ 精心製作,如獲武功秘笈功力大增

經驗分享 ➜ 不怕難題,常見問題一次幫你解答

作業檢測 ➜ 檢視學習,講師親自批改給予建議


草監網路|部落格:https://nowills.blogspot.tw/

品禾全端網路工作室負責人、Nowill Design 團隊隊長-Nowill,曾出版過網頁設計書籍、擔任響應式設計(RWD)與網站前瞻性設計講師,也曾獲頒 Site Of The Day 與 Honorable Mention 網頁設計獎。


✔︎ 相關科系學生

✔︎ 專案 / 產品經理

✔︎ 視覺 / 網頁設計師

✔︎ 前端 / 網頁工程師


◆ 學會 HTML 與 CSS

◆ 可運用 jQuery 與相關常用套件

◆ 完整建置出一個 RWD 網站

◆ 瞭解網站前端開發 SOP 流程


Q1. 上課前,需要準備什麼工具與先備知識嗎?

不會任何前端基礎與知識的同學也可以上課唷!

上課前只需準備一台電腦和一顆熱愛學習的心。

Q2. 我如何操作,才可以學習這堂課程? 募資預購又是什麼意思呢? 

■ 現在只要按下右方的「立即購買」,並按後續步驟操作,就可以成為本堂線上課程的其中一位學員!

❶ 若在 2018/5/27 (日) 前達到 30 人的目標人數,即會確定開課 ; 正式課程預計在 2018/7/13 (五) 上線 ; 上線後,您就可以無限次數、地點、時間,在 YOTTA 平台上觀看本堂課程!

❷ 若募資未成功,YOTTA 平台將會於募資結束後,退還全額課程費用。

Q3. 募資預購時間到什麼時候? 

這堂課在 2018/4/25(三) ~ 2018/5/27(日) 開放課程預購,預購期間購課優惠 $1,680 元。 (2018/5/28 起將恢復原價 $3,200 元)

Q4. 這門課什麼時候開始上課? 

正式課程預計將於 2018/7/13 (五)上架喔!

Q5. 這門課可以看多久? 

購課後享不限次數、永久觀看,可以一直看一直學!

Q6. 可以問老師問題嗎? 

當然!歡迎到「購課問答」詢問 ; 當學習遇到問題時,也歡迎到「課程討論區」與老師同學一同互動。

Q7. 我要如何購買課程呢? 

非常的簡單!在你的右手邊有「立即購買」的字樣,點進去就對啦!

Q8. 目前有哪些付款方式呢? 

目前 YOTTA 提供三種付款方式: 

a/ 信用卡付款 ( (可使用 Visa / Master / JCB) 

b/ 超商代碼付款 (7-11、全家、萊爾富、OK 即可繳費),繳費步驟說明:https://goo.gl/tWafYe 

c/ ATM 轉帳

Q9. 為什麼我已經付款了,訂單狀態仍顯示未付款? 

a/ 選擇「超商」方式付款,金流處理時間需 5~15 分鐘。 

b/ 選擇「ATM」方式付款,銀行金流處理時間需要 1 個工作天,等金流完成入帳後,「訂單狀態」將會轉為顯示「已付款」,再麻煩稍待幾天。

Q10. 請問什麼時候會收到發票? 

當本堂課程募資結束後 10 個工作天,電子發票將會透過 E-mail 方式寄送電子發票給您。

Q11. 我還有其他問題! 

請直接參考 YOTTA 平台操作說明:https://goo.gl/9a8DEh

Q12. 看不到募資影片嗎?

單元

43

預計總長

480分鐘

預計測驗

尚無測驗

  • 課前須知
  • 1 什麼是網頁前端 試看  
  • 2 為什麼要學HTML、CSS、javascript(jQuery) 試看  
  • 3 本課程會教你的範疇與成果 試看  
  • 4 使用工具說明(sublime、vs code、prepros) 試看  
  • 開始學習網頁前端
  • 5 Hollow World 這樣寫 試看  
  • 6 HTML5 常用教學-結構 試看  
  • 7 HTML5 常用教學-元素 試看  
  • 8 HTML5 常用教學-表單 試看  
  • 9 CSS 常用教學-id 與 class 試看  
  • 10 CSS 常用教學-box model 試看  
  • 11 CSS 常用教學-排版 試看  
  • 12 CSS 常用教學-元素與選擇器 試看  
  • 13 emmet 工具使用 試看  
  • 14 javascript 介紹 試看  
  • 15 javascript 邏輯運算教學-if else 與 switch 試看  
  • 16 javascript 邏輯運算教學-for 與 while 試看  
  • 17 jQuery 常用語法教學1 試看  
  • 18 jQuery 常用語法教學2 試看  
  • 19 jQuery 常用語法教學3 試看  
  • 20 jQuery 常用套件1 試看  
  • 21 jQuery 常用套件2 試看  
  • RWD 實作
  • 22 開工前的準備-談檔案結構 試看  
  • 23 為什麼要學RWD? 試看  
  • 24 常見網站專案流程 試看  
  • 25 前端與設計共同都需要的認知 試看  
  • 26 常見三種版型實作-單頁排版 試看  
  • 27 常見三種版型實作-側欄排版1 試看  
  • 28 常見三種版型實作-側欄排版2 試看  
  • 29 常見三種版型實作-漢堡選單1 試看  
  • 30 常見三種版型實作-漢堡選單2 試看  
  • 31 購物網站實作-首頁與產品列表 試看  
  • 32 購物網站實作-產品頁與購物車 試看  
  • 33 購物網站實作-結帳頁 試看  
  • 34 Bootstrap 4 介紹 試看  
  • 35 Bootstrap 4 運用實例-單頁排版 試看  
  • 36 Bootstrap 4 運用實例-管理後台排版1 試看  
  • 37 Bootstrap 4 運用實例-管理後台排版2 試看  
  • 38 RWD 常見問題 試看  
  • 39 網站上線前的檢查 試看  
  • 前端職業生涯規劃
  • 40 前端職業發展規劃 試看  
  • 41 前端面試常見問題 試看  
  • 募資達標_將加碼以下解鎖課程(僅限購課者觀看)
  • 42 pug 樣板語言教學〔100人解鎖〕 試看  
  • 43 Sass 教學〔200人解鎖〕 試看  

開始分享你的學習成果吧!

這裡是專屬於課堂學員及老師可以互動的作業區,學員們可以透過實際操作來複習課程中所學習到的內容,作業完成後只要簡單上傳到平台裡,就能得到更多老師的指點唷!同時,在這裡也可以觀摩其他學員的成果,一起來互相切磋吧!

作業觀摩

目前還沒有任何學員上傳作業喔!來當第一個吧~

來關注最新的課程資訊吧!

這裡是專屬課程的公告區,老師將在此發佈與課程相關的重要資訊,您可以在此看到所有與課程有關的最新公告。

尚無公告

老師還沒有發佈公告唷!

<%props data%>

<%:~formatDate(prop.publishDate, 'YYYY/MM/DD')%>

<%:prop.title%>

<%:prop.content%>
<%/props%>

回頂端