$30 off During Our Annual Pro Sale. View Details »

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
510
Kinerja Web 101 - Edisi 2022
Avatar for Irfan Maulana mazipan
1
470
Layout Repaint & The Lessons Learned
Avatar for Irfan Maulana mazipan
0
420
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
Socio-Technical Evolution: Growing an Architecture and Its Organization for Fast Flow
Avatar for Chris Richardson cer
PRO
0
370
ZOZOにおけるAI活用の現在 ~モバイルアプリ開発でのAI活用状況と事例~
Avatar for ZOZO Developers zozotech
PRO
9
5.8k
AIコーディングエージェント（Gemini）
Avatar for kondai kondai24
0
240
Python札幌 LT資料
Avatar for t3tra t3tra
4
710
Context is King？ 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
Avatar for r-kagaya rkaga
10
1.3k
Rediscover the Console - SymfonyCon Amsterdam 2025
Avatar for Robin Chalas chalasr
2
170
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
120
ELYZA_Findy AI Engineering Summit登壇資料_AIコーディング時代に「ちゃんと」やること_toB LLMプロダクト開発舞台裏_20251216
Avatar for 株式会社ELYZA elyza
2
270
Claude Codeの「Compacting Conversation」を体感50%減！ CLAUDE.md + 8 Skills で挑むコンテキスト管理術
Avatar for Kazuki Murahama kmurahama
1
420
AIコーディングエージェント（skywork）
Avatar for kondai kondai24
0
180
モデル駆動設計をやってみよう ワークショップ開催報告(Modeling Forum2025) / model driven design workshop report
Avatar for haru860 haru860
0
270
これならできる！個人開発のすゝめ
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
110

Featured

See All Featured
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
Design in an AI World
Avatar for tapps tapps
0
89
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
It's Worth the Effort
Avatar for 3n 3n
187
29k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
42
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
32

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