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
530
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
150
Mengukur dan meningkatkan performa website
Avatar for Irfan Maulana mazipan
1
250
Testing JavaScript
Avatar for Irfan Maulana mazipan
0
180
Membuat Website Zaman Sekarang
Avatar for Irfan Maulana mazipan
0
530
Kinerja Web 101 - Edisi 2022
Avatar for Irfan Maulana mazipan
1
490
Layout Repaint & The Lessons Learned
Avatar for Irfan Maulana mazipan
0
440
Bagaimana implementasi mockup design
Avatar for Irfan Maulana mazipan
0
540
Memulai karir sebagai web programmer
Avatar for Irfan Maulana mazipan
0
760
Membuat laporan kecepatan web untuk blog
Avatar for Irfan Maulana mazipan
0
550

Other Decks in Programming

See All in Programming
存在論的プログラミング： 時間と存在を記述する
Avatar for Akihito Koriyama koriym
5
770
Go_College_最終発表資料__外部公開用_.pdf
Avatar for xe-pc23 xe_pc23
0
120
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
Avatar for Tasuku Watanabe tasukuwatanabe
3
440
一度始めたらやめられない開発効率向上術 / Findy あなたのdotfilesを教えて！
Avatar for Takashi Kokubun k0kubun
4
2.8k
forteeの改修から振り返るPHPerKaigi 2026
Avatar for muno92 muno92
PRO
3
210
それはエンジニアリングの糧である：AI開発のためにAIのOSSを開発する現場より / It serves as fuel for engineering: insights from the field of developing open-source AI for AI development.
Avatar for nrs nrslib
1
820
レガシーPHP転生 〜父がドメインエキスパートだったのでDDD+Claude Codeでチート開発します〜
Avatar for panda_program panda_program
0
230
Strategy for Finding a Problem for OSS: With Real Examples
Avatar for Chikahiro Tokoro kibitan
0
130
RSAが破られる前に知っておきたい 耐量子計算機暗号(PQC)入門 / Intro to PQC: Preparing for the Post-RSA Era
Avatar for mackey0225 mackey0225
3
120
SkillがSkillを生む：QA観点出しを自動化した
Avatar for sontixyou sontixyou
5
2.5k
LM Linkで(非力な！)ノートPCでローカルLLM
Avatar for 瀬尾佳隆 seosoft
0
370
AI Assistants for Your Angular Solutions @Angular Graz, March 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
150

Featured

See All Featured
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
1k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
410
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
430
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.1k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
430
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
320
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.4k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
It's Worth the Effort
Avatar for 3n 3n
188
29k

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