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
120
Mengukur dan meningkatkan performa website
Avatar for Irfan Maulana mazipan
1
210
Testing JavaScript
Avatar for Irfan Maulana mazipan
0
150
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
740
Membuat laporan kecepatan web untuk blog
Avatar for Irfan Maulana mazipan
0
530

Other Decks in Programming

See All in Programming
Understanding Ruby Grammar Through Conflicts
Avatar for yui-knk yui_knk
1
130
令和最新版手のひらコンピュータ
Avatar for KOBA789 koba789
14
8k
一人でAIプロダクトを作るための工夫 〜技術選定・開発プロセス編〜 / I want AI to work harder
Avatar for r-kagaya rkaga
13
2.8k
DockerからECSへ 〜 AWSの海に出る前に知っておきたいこと 〜
Avatar for Itaru Ota ota1022
5
1.8k
MLH State of the League: 2026 Season
Avatar for Swift theycallmeswift
0
160
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
Avatar for mackey0225 mackey0225
2
580
Microsoft Orleans, Daprのアクターモデルを使い効率的に開発、デプロイを行うためのSekibanの試行錯誤 / Sekiban: Exploring Efficient Development and Deployment with Microsoft Orleans and Dapr Actor Models
Avatar for Tomohisa Takaoka tomohisa
0
210
モバイルアプリからWebへの横展開を加速した話_Claude_Code_実践術.pdf
Avatar for Kazuya Sakamoto kazuyasakamoto
0
270
The State of Fluid (2025)
Avatar for Simon Praetorius s2b
0
200
オープンセミナー2025@広島 「君はどこで動かすか？」 アンケート結果
Avatar for Satoshi Kaneyasu satoshi256kbyte
0
210
Oracle Database Technology Night 92 Database Connection control FAN-AC
Avatar for oracle4engineer oracle4engineer
PRO
1
210
AIでLINEスタンプを作ってみた
Avatar for kmuto eycjur
1
200

Featured

See All Featured
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
9
780
Making Projects Easy
Avatar for Brett Harned brettharned
117
6.3k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.9k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
61k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
338
57k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k

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