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

Modern Web - an Introduction

Avatar for Irfan Maulana Irfan Maulana
March 26, 2018
Programming
1
510

Modern Web - an Introduction

Introduction into modern web technology AMP - PWA

Avatar for Irfan Maulana

Irfan Maulana

March 26, 2018
Tweet

More Decks by Irfan Maulana

See All by Irfan Maulana
Panduan untuk mempublikasikan kode ke publik
Avatar for Irfan Maulana mazipan
0
140
Mengukur dan meningkatkan performa website
Avatar for Irfan Maulana mazipan
1
230
Testing JavaScript
Avatar for Irfan Maulana mazipan
0
160
Membuat Website Zaman Sekarang
Avatar for Irfan Maulana mazipan
0
520
Kinerja Web 101 - Edisi 2022
Avatar for Irfan Maulana mazipan
1
470
Layout Repaint & The Lessons Learned
Avatar for Irfan Maulana mazipan
0
430
Bagaimana implementasi mockup design
Avatar for Irfan Maulana mazipan
0
520
Memulai karir sebagai web programmer
Avatar for Irfan Maulana mazipan
0
750
Membuat laporan kecepatan web untuk blog
Avatar for Irfan Maulana mazipan
0
540

Other Decks in Programming

See All in Programming
生成AIを利用するだけでなく、投資できる組織へ
Avatar for pospome pospome
2
430
Kotlin Multiplatform Meetup - Compose Multiplatform 외부 의존성 아키텍처 설계부터 운영까지
Avatar for Suhyeon Kim wisemuji
0
150
re:Invent 2025 のイケてるサービスを紹介する
Avatar for maroon1st maroon1st
0
160
2年のAppleウォレットパス開発の振り返り
Avatar for muno92 muno92
PRO
0
130
The Art of Re-Architecture - Droidcon India 2025
Avatar for Sid Patil siddroid
0
150
Developing static sites with Ruby
Avatar for Masafumi Okura okuramasafumi
0
340
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
180
リリース時」テストから「デイリー実行」へ！開発マネージャが取り組んだ、レガシー自動テストのモダン化戦略
Avatar for goataka (GOAMI Takaaki) goataka
0
150
TestingOsaka6_Ozono
Avatar for O3(ozono) o3
0
250
Graviton と Nitro と私
Avatar for maroon1st maroon1st
0
160
PostgreSQLで手軽にDuckDBを使う！DuckDB&pg_duckdb入門/osc25hi-duckdb
Avatar for Takahashi Ikki takahashiikki
0
230
ThorVG Viewer In VS Code
Avatar for Nor-s nors
0
500

Featured

See All Featured
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
590
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
31
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
0
380
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
3
2k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
42
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
43
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
350
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k

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