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
490

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
110
Mengukur dan meningkatkan performa website
Avatar for Irfan Maulana mazipan
1
210
Testing JavaScript
Avatar for Irfan Maulana mazipan
0
140
Membuat Website Zaman Sekarang
Avatar for Irfan Maulana mazipan
0
500
Kinerja Web 101 - Edisi 2022
Avatar for Irfan Maulana mazipan
1
450
Layout Repaint & The Lessons Learned
Avatar for Irfan Maulana mazipan
0
410
Bagaimana implementasi mockup design
Avatar for Irfan Maulana mazipan
0
490
Memulai karir sebagai web programmer
Avatar for Irfan Maulana mazipan
0
730
Membuat laporan kecepatan web untuk blog
Avatar for Irfan Maulana mazipan
0
530

Other Decks in Programming

See All in Programming
書き捨てではなく継続開発可能なコードをAIコーディングエージェントで書くために意識していること
Avatar for ShuyaKinjo shuyakinjo
0
190
PHPUnitの限界をPlaywrightで補完するテストアプローチ
Avatar for yuzneri yuzneri
0
380
なぜ今、Terraformの本を書いたのか？ - 著者陣に聞く！『Terraformではじめる実践IaC』登壇資料
Avatar for Ryoma Fujiwara fufuhu
4
390
Workers を定期実行する方法は一つじゃない
Avatar for rokuosan rokuosan
0
140
iOS開発スターターキットの作り方
Avatar for akidon0000 akidon0000
0
230
[Codecon - 2025] Como não odiar seus testes
Avatar for Camila Campos camilacampos
0
100
MCP連携で加速するAI駆動開発/mcp integration accelerates ai-driven-development
Avatar for BPStudy bpstudy
0
260
ZeroETLで始めるDynamoDBとS3の連携
Avatar for afooooil afooooil
0
150
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
Avatar for panda_program panda_program
3
710
React 使いじゃなくても知っておきたい教養としての React
Avatar for Yuka O’oka oukayuka
18
5.3k
MCPで実現できる、Webサービス利用体験について
Avatar for syumai syumai
7
2.4k
ソフトウェア設計とAI技術の活用
Avatar for 増田 亨 masuda220
PRO
25
7.3k

Featured

See All Featured
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
182
54k
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
19k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
420
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
278
23k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.9k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.9k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
790

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