上午場
AMP 的魔法:做的時候幹聲連連,做完之後讚聲連連
活動時間
2018/07/15 09:00-12:00
活動地點
Appworks School
講師及議程資訊
Section 1 ( 30-40 分鐘 )
Google 亞太區行動技術合作顧問 ( Mobile Solutions Consulting, MSC ) 團隊一員。
主要執掌為利用 Google 所推廣的技術( 如 PWA、AMP,以及 Firebase )提供客製化的解決方案,協助台灣、香港和東南亞的策略夥伴在行動事業上 ( mApps & mSite ) 的發展。
天下武功, 唯快不破
大家都想要寫出很快的網頁,但到底怎麼樣才能稱作「快」?
關於 AMP 的鄉野傳聞
AMP 上線後的優缺點每個人講的都不同,讓 Eric 幫你一次釋疑。
AMP 元件二三事
AMP 元件 ( AMP Components ) 是 AMP 網頁的基底,這個單元將為您介紹較常見、好用卻容易被忽略的元件。
AMP? PWA? 還是 PWAMP?
你一定聽過 PWA ( Progressive Web Apps ),但它到底跟 AMP 有什麼不同?
老闆叫我同時搞定,這是有可能的嗎?
Section 2 ( 80 分鐘 )
喜愛評估新技術的優劣與背後的原理並將其用到產品上,因為工作性質對 SEO 略懂略懂。
也先說一下 AMP 不會影響 Google SEO page ranking,所以也不要抱持著想提升 SEO ranking 的心態來學習喔 XD
AMP 好嗎?好在哪裡?不好嗎?不好在哪裡?帶大家徹底了解 AMP。
上線就沒事了嗎?錯!它時時刻刻有新體驗與新東西!
搶先體驗踩雷大分享,讓大家了解事前準備與事後維護。
什麼樣的產品適合 AMP?
優異的效能:大量圖片的網站,所有的 lazyload AMP 都幫你做好了!
導入 AMP 之前需要做的心理建設
一行 js 都不能讓你寫,很多事情你需要依靠的是 server side render 來處理好,並且有很大的可能要去請後端為 AMP 修正 API 的資料格式
什麼?CSS 只能寫 50k!
AMP 頁面上線後需要注意的事情
務必上去 search console 看有沒有錯誤頁面出現,修正完然後呢?
那些年我們踩過的雷
Section 3 ( 30 分鐘 )
在 2017 年一月嘗試做出第一個通過驗證的 AMP 頁面後,體驗了 AMP 的速度就回不去了。
2017 年底跟主管提議在即將上線的電商產品導入 AMP,接著就是一連串在一行 JS 都不能寫的情況下,用 Hack 的心態實現了所有的互動功能。
AMP 怎麼做出複雜的互動效果
alert、confirm 這種類似 dialog 效果,AMP 是沒有的,該怎麼做到?
別懷疑,有種 Hack 的感覺是對的
如何做出一個可以增減的購物車?UI 行為搭配 API 去組合出來。