Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Modern Web - an Introduction

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
250
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
Spring Security 実践 ─ GraphQL APIで実務に役立つ 認証・認可 を学ぶ
Avatar for Wagyu wagyu
0
260
エンジニア向け会社紹介/Findy Company Profile
Avatar for Findy findyinc
6
350k
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
Avatar for Masaaki Takahashi macha64
0
600
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
Avatar for ioki ioki
0
240
Make SRE Operations Easier with Azure SRE Agent
Avatar for KAMEGAWA Kazushi kkamegawa
0
8.4k
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
Avatar for Daisuke Masuda x5gtrn
PRO
0
1.3k
どこまでゆるくて許されるのか
Avatar for tk3fftk tk3fftk
0
260
Mujeres en SEO Summit 2026 - Greatest Disaster Hits en Web Performance
Avatar for Estela Franco guaca
0
200
Semantic Version 単位で戦略を柔軟に変えて、パッケージアップデートを自動化する
Avatar for daitasu daitasu
1
310
Contextとはなにか
Avatar for chiroruxx chiroruxx
1
380
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
Avatar for nrs nrslib
0
300
A2UI という光を覗いてみる
Avatar for SatohJohn satohjohn
1
160

Featured

See All Featured
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
610
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
550
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
570
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.8k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
140
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.6k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.9k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
250
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
72
40k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
320

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