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
490
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
480
Memulai karir sebagai web programmer
Avatar for Irfan Maulana mazipan
0
730
Membuat laporan kecepatan web untuk blog
Avatar for Irfan Maulana mazipan
0
520

Other Decks in Programming

See All in Programming
Hack Claude Code with Claude Code
Avatar for Akihiro Okuno choplin
7
2.5k
LT 2025-06-30: プロダクトエンジニアの役割
Avatar for Keisuke Yamamoto yamamotok
0
870
テスト駆動Kaggle
Avatar for ねぼすけAI isax1015
1
620
A full stack side project webapp all in Kotlin (KotlinConf 2025)
Avatar for Dan Kim dankim
0
150
Rails Frontend Evolution: It Was a Setup All Along
Avatar for Svyatoslav Kryukov skryukov
0
280
20250704_教育事業におけるアジャイルなデータ基盤構築
Avatar for Uchide Hiroki(ucchi-) hanon52_
5
1.1k
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
Avatar for Ahmed EBEN HASSINE ahmedbhs123
0
220
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
Avatar for shimabox shimabox
2
620
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ～継続的な取り組みを添えて～
Avatar for Takuya TAKAHASHI takutakahashi
4
1.3k
AI時代の『改訂新版 良いコード／悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
Avatar for MinoDriven minodriven
23
9.6k
Claude Code派？Gemini CLI派？ みんなで比較LT会！_20250716
Avatar for じゅん junholee
1
530
TypeScriptでDXを上げろ！ Hono編
Avatar for Yusuke Wada yusukebe
3
770

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
238
17k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.5k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
520
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Done Done
Avatar for chrislema chrislema
184
16k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
1.9k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k

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