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

Other Decks in Programming

See All in Programming
ルールを書いて終わらせないハーネスエンジニアリング
Avatar for Yuji Yamaguchi yug1224
4
1.7k
AIを活用したE2Eテスト実装効率化のあゆみ / ebisu-mobile-14-kotetu
Avatar for kotetu (kotetuco) kotetuco
0
180
フィードバックで育てるAI開発
Avatar for Kota Minato kotaminato
1
120
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
Avatar for r-kagaya rkaga
2
1.6k
PHP に部分適用が来るぞ！……ところで何それ？おいしいの？ #phpcon / phpcon-2026
Avatar for shogogg shogogg
0
320
act1-costs.pdf
Avatar for Sumedh Bala sumedhbala
0
240
吝嗇家のためのAI活用 / AI development for miser - ChatGPT + Issue Driven Development
Avatar for philomagi tooppoo
0
190
分散システム、なんですぐ死んでしまうん？耐障害性を高めたいあなたのためのレジリエンスパターン入門
Avatar for Mitsuhiro Shibuya mshibuya
7
6.7k
霧の中の代数的エフェクト
Avatar for funnycat funnyycat
1
410
生成AI導入の「期待外れ」を乗り越える ー 開発フロー改革が目指す、真の組織変革
Avatar for starfish719 starfish719
0
1.5k
自作OSでスライド発表する
Avatar for uyuki uyuki234
1
3.9k
Go言語とトイモデルで学ぶTransformerの気持ち / fukuokago23-transformer
Avatar for monochromegane monochromegane
0
140

Featured

See All Featured
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.8k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
550
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
190
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
410
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.5k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
350
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.6k

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