kevinshu1995/hex-livecourse

六角切版課程_HexSchool Live Course

六角直播切版 | hex-liveCourse

第一周 | 個人履歷

1. Github Pages Demo | Github Pages 連結
2. Codepen Demo | Codepen 連結

• Codepen 使用 Pug

第二周 | 個人網站

1. Github Pages Demo | Github Pages 連結

• 使用 Gulp 編譯 Pug --- pug 編譯路徑 ../public

• 使用 VS Code live Sass compile 編譯 SASS --- SASS 編譯路徑 ../public/dist/style

第三周&第四周 | 眼鏡官網

1. Github Pages Demo | Github Pages 連結

• 使用 Gulp 編譯 Pug --- pug 編譯路徑 ../public
• 使用 VS Code live Sass compile 編譯 SASS --- SASS 編譯路徑 ../public/dist/style

第五周 | 後台系統

1. Github Pages Demo | Github Pages 連結

• 使用 Gulp 編譯 Pug、SCSS、JS
• 套件: JQuery, Bootstrap 4

第六周 | 電商網站

1. Github Pages Demo | Github Pages 連結 暫無

第七周 | AOS 視差滾動

沿用第一周版型試做npm 引入AOS 套件，並套用Animate CSS動畫效果

1. Github Pages Demo | Github Pages 連結

• 使用 Gulp 編譯 Pug、SCSS、JS
• 套件: JQuery, Bootstrap 4, AOS

第八周 | 大型訂房網站 (我看是不會做XD)

1. Github Pages Demo | Github Pages 連結 暫無

直播切版班心得分享

1. Hexo Blog
2. Medium

使用技術

• HTML
• PUG

• CSS
• SCSS

• Javascript

• Gulp ( 不細寫Gulp套件 )

• Bootstrap 4
• JQuery jQuery 3.5.1
• AOS
• Animate CSS