资源信息:

资源大小: 11.57G

课程介绍:

HaHowv好学校动画互动网页程式入门,更多前端精品课程戳这里

课程大纲:

01、 課程介紹 .mp4

02、 楔子-課程進行模式說明 .mp4

03、 楔子-網頁前後端如何運作 .mp4

04、 基礎前期規劃-網站專案開發流程 .mp4

05、 基礎前期規劃-網站主題名稱logo .mp4

06、 基礎前期規劃-網站瀏覽結構樹規劃 .mp4

07、 基礎前期規劃-網站排版規劃與分類 .mp4

08、 基礎前期規劃-網站視覺配色概念與資源 .mp4

09、 本機環境架設、 sublime 操作與瀏覽器預覽網頁 .mp4

10、 本機環境架設、 伺服器瀏覽與原理講解 .mp4

11、 Codepen環境架設 .mp4

12、 Codepen環境架設、 實際使用sublime中快速鍵 .mp4

13、 基礎- html中元素&排列的概念 .mp4

14、 基礎- html中結構&層級的概念 .mp4

15、 基礎- project 0簡易版本自我介紹 .mp4

16、 基礎- css 直接調整外觀與顏色框線 .mp4

17、 基礎- css 分開撰寫、 class&id概念 .mp4

18、 基礎- css 顯示方式 display block inline .mp4

19、 基礎- css 元素位置、 相對 絕對定位 .mp4

20、 基礎- css 內間隔外間隔(padding margin) .mp4

21、 基礎- css 字體變化與span-在文章段落中製作變化 .mp4

22、 基礎- project 1 html css 大整合-製作獨特名片網頁 .mp4

23、 ​基礎- homework 1功課說明-製作自己的技能網頁 .mp4

24、 系統性管理開發、 html縮寫模組-Emmet 介紹 .mp4

25、 系統性管理開發、 html樣板語言-jade(pug) (課程主要使用) .mp4

26、 系統性管理開發、 css 樣板語言-sass (課程主要使用) .mp4

27、 系統性管理開發、 sass、 變數概念管理色彩&內容 .mp4

28、 系統性管理開發、 sass、 動態產生模組mixin概念 .mp4

29、 系統性管理開發、 sass、 常用mixin與累積資源 .mp4

30、 系統性管理開發、 html參考資料轉換jade .mp4

31、 系統性管理開發、 project 2 實作網頁品牌視覺指導套色 .mp4

32、 素材前期準備、 如何在以拉中製作icon圖像 .mp4

33、 素材前期準備、 如何輸出圖片jpegpng svg .mp4

34、 素材前期準備、 將圖片上傳到imgur影像網站 .mp4

35、 素材前期準備、 管理網頁色彩(guideline sass js) .mp4

36、 前端基礎動畫互動-html attr 與自定義屬性名稱 .mp4

37、 前端基礎動畫互動、 css 綜合定位運用 absolute relative .mp4

38、 前端基礎動畫互動、 css 加入基礎滑鼠互動 hover active .mp4

39、 前端基礎動畫互動、 css 動畫基礎 transition-duration delay .mp4

40、 前端基礎動畫互動、 css 製作影格動畫 animation keyframes .mp4

41、 前端基礎動畫互動、 css 動畫速度曲線 fillmode speed curve .mp4

42、 前端基礎動畫互動、 SVG、 繪製向量網頁圖片 logo .mp4

43、 前端基礎動畫互動、 SVG、 讓你的LOGO或圖像動起來 .mp4

44、 前端基礎動畫互動、 project 3 動態互動天氣盒子 .mp4

45、 前端進階程式js-引言 .mp4

46、 前端進階程式js、 jquery 動態改變css外觀 html內容 .mp4

47、 前端進階程式js、 jquery 初階滑鼠事件、 click hover .mp4

48、 前端進階程式js、 jquery 變數概念- 儲存修改與判斷 .mp4

49、 前端進階程式js、 json 物件陣列概念 & for 遍歷 .mp4

50、 前端進階程式js、 Jquery 切換class css應用-手機demo .mp4

51、 前端進階程式js、 jquery json 動態產生購物車清單 .mp4

52、 前端進階程式js、 Jquery ajax、 非同步載入與應用介紹 .mp4

53、 前端進階程式js、 Jquery ajax、 實作導入資料代辦清單 .mp4

54、 前端進階程式js、 project 4 實作購物車-動態新增購買物品與結算 .mp4

55、 RWD原理與應用-內容流與概念說明 .mp4

56、 RWD原理與應用-指定比例尺寸% 與max-width min-width .mp4

57、 RWD原理與應用-重新排版的原理-特定條件css-media query .mp4

58、 RWD原理與應用-實作手機版面-模仿fb帳號頁面桌面手機板變化 .mp4

59、 RWD原理與應用-懶人工具- bootstrap 原理與結構講解 .mp4

60、 RWD原理與應用-bootstrap 基礎案例與原理熟悉 .mp4

61、 RWD原理與應用-bootstrap 格線系統原理與RWD應用 .mp4

62、 RWD原理與應用-bootstrap 應用技巧 padding型規劃 .mp4

63、 project 5 實際應用範例 bootstrap-結合skrollr製作捲動式網頁 .mp4

64、 網頁視覺設計-概念-版面規劃概念與網格系統 ( AI SKETCH 紙筆) .mp4

65、 網頁視覺設計-概念-與頁面結構跳轉方式規劃 .mp4

66、 網頁視覺設計-概念-樣式 顏色規劃 .mp4

67、 網頁視覺設計-概念-微互動元素動畫 反應規劃 .mp4

68、 網頁視覺設計-案例-從元素建構而上的設計 .mp4

69、 網頁視覺設計-案例-從頁面整體切分而下的設計 .mp4

70、 網頁視覺設計-案例-從設計轉換程式網頁的常用技巧 .mp4

71、 project 6 實際網站應用案例-Yellow Studio 設計工作室網頁 .mp4

72、 前端框架Vue.js-為什麼要用資料導向做網頁(回顧js) .mp4

73、 前端框架Vue.js-將變數代入模板中 .mp4

74、 前端框架Vue.js-v-for 列舉元素應用 .mp4

75、 前端框架Vue.js-v-model 使用者輸入雙向綁定 .mp4

76、 前端框架Vue.js- v-if v-show 條件渲染與資料的後處理-實作博客來 .mp4

77、 前端框架Vue.js- v-on method 建立js事件 .mp4

78、 前端框架Vue.js-與AJAX的對接 動態載入資訊 .mp4

79、 前端框架Vue.js-綜合案例-使用hahow課程資料 .mp4

80、 project 7 前端框架Vue.js-互動錄音播放鋼琴 .mp4

81、 購買伺服器部署網域-如何匯出codepen 與網站結構 .mp4

82、 購買伺服器部署網域-現成主機與網址DNS設置 .mp4

83、 購買伺服器部署網域-linux主機設置與安裝apache .mp4

85、 購買伺服器部署網域-使用sublime sftp進行同步 .mp4

86、購買伺服器部署網域-使用Prepros在電腦上動態編譯sass jade .mp4

87、 購買伺服器部署網域-網站上線GA追蹤與og(用在fb)顯示設定 .mp4

88、 破除障礙-問題解決的技巧-Chrome Dev tools .mp4

89、 後續發展與介紹- 如何規劃自己的未來學習路程 (前端 動畫) .mp4

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用,未经站长允许禁止转载、转售本站资源。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络站长QQ:502212423。

如果您已经成功付款但是无法显示下载地址,下载地址失效,请联系站长提供付款信息为您处理

教程资源、源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好是您所需要的资源