Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Modern Web - an Introduction

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Irfan Maulana Irfan Maulana
March 26, 2018
Programming
540
1

Modern Web - an Introduction

Introduction into modern web technology AMP - PWA

Avatar for Irfan Maulana

Irfan Maulana

March 26, 2018

More Decks by Irfan Maulana

See All by Irfan Maulana
Panduan untuk mempublikasikan kode ke publik
Avatar for Irfan Maulana mazipan
0
200
Mengukur dan meningkatkan performa website
Avatar for Irfan Maulana mazipan
1
260
Testing JavaScript
Avatar for Irfan Maulana mazipan
0
210
Membuat Website Zaman Sekarang
Avatar for Irfan Maulana mazipan
0
540
Kinerja Web 101 - Edisi 2022
Avatar for Irfan Maulana mazipan
1
510
Layout Repaint & The Lessons Learned
Avatar for Irfan Maulana mazipan
0
450
Bagaimana implementasi mockup design
Avatar for Irfan Maulana mazipan
0
550
Memulai karir sebagai web programmer
Avatar for Irfan Maulana mazipan
0
790
Membuat laporan kecepatan web untuk blog
Avatar for Irfan Maulana mazipan
0
560

Other Decks in Programming

See All in Programming
FastAPI の並行処理モデルを完全に理解する
Avatar for Yuki Ishikawa hoto17296
9
3.3k
ドリフトを絶対に許さない（？）CDK運用 / CDK Ops with Zero Tolerance for Drifts (?)
Avatar for アキキー | Akihisa Ikeda akihisaikeda
1
250
My Marp Sample
Avatar for Shota Inoue sinoue0108
0
130
komatsuna「分散システムにおけるバグ分析手法」
Avatar for こまつな komatsunaqa
0
290
ハーネス設計入門 〜プロンプト、コンテキストの次〜
Avatar for kinopee kinopeee
46
30k
in-process GraphQL のすすめ #ginzajs
Avatar for izumin5210 izumin5210
4
1.5k
Introducing Stack Pull Request in GitHub
Avatar for KAMEGAWA Kazushi kkamegawa
0
120
プロポーザルを書いてもらう
Avatar for pvcresin pvcresin
0
590
LLMは4年分のCompose移行を再現できるのか？実プロダクト279件のXMLで探る自動化の境界線
Avatar for makun makun
0
120
仕様駆動開発へのトライを機に チームに適合する手法を模索し続けている話
Avatar for freee freee
PRO
0
670
Hello, Hiroshima Geospatial Data! — Exploring DoboX with Python
Avatar for ぴっかりん ra0kley
0
130
【QA Test Talk Vol.8】AI-DLC による Whole Team Approach の加速
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
0
260

Featured

See All Featured
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
108
250k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.1k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
480
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
300
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
520
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.5k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
230
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
420
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.6k

Transcript

  1. MODERN WEB – an Introduction By Irfan Maulana | Front

    End Developer

  2. About Me

  3. Fans ?

  4. Users Nowadays

  5. Users Nowadays

  6. Mobile First is Must

  7. Mobile World are Extreme

  8. You Need to be Flash ?

  9. You Need to be Flash ?

  10. Welcome to Modern Web Tech

  11. None

  12. What’s AMP ?

  13. Why AMP ?

  14. What You Can Get from AMP ?

  15. How to AMP ? ampproject.org

  16. None

  17. Why PWA ?

  18. What’s PWA ? Fast – Integrated – Reliable – Engaging

    https://developers.google.com/web/fundamentals/

  19. How to PWA ? bit.ly/pwa-howto

  20. PWA Sample bit.ly/pwa-wwwid

  21. Do you like my talks ? bit.ly/mazipan-talks

  22. THANK YOU