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
530
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
170
Mengukur dan meningkatkan performa website
Avatar for Irfan Maulana mazipan
1
250
Testing JavaScript
Avatar for Irfan Maulana mazipan
0
190
Membuat Website Zaman Sekarang
Avatar for Irfan Maulana mazipan
0
540
Kinerja Web 101 - Edisi 2022
Avatar for Irfan Maulana mazipan
1
490
Layout Repaint & The Lessons Learned
Avatar for Irfan Maulana mazipan
0
440
Bagaimana implementasi mockup design
Avatar for Irfan Maulana mazipan
0
540
Memulai karir sebagai web programmer
Avatar for Irfan Maulana mazipan
0
770
Membuat laporan kecepatan web untuk blog
Avatar for Irfan Maulana mazipan
0
560

Other Decks in Programming

See All in Programming
(Re)make Regexp in Ruby: Democratizing internals for the JIT
Avatar for TSUYUSATO Kitsune makenowjust
3
1.1k
Are We Really Coding 10× Faster with AI?
Avatar for Koichi Yoshida kohzas
0
180
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
Avatar for minako-ph minako__ph
1
120
AI時代のエンジニアリングの原則 / Engineering Principles in the AI ​​Era
Avatar for haru860 haru860
0
1.3k
過去のレビュー知見をSkillsで資産化した話
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
1
2k
空間オーディオの活用
Avatar for Yuki Yasoshima objectiveaudio
0
150
AI Agent と正しく分析するための環境作り
Avatar for yosh_yumyum yoshyum
2
520
ふにゃっとしない名前の付け方 〜哲学で茹で上げる、コシのあるソフトウェア設計〜
Avatar for akshimo shimomura
0
120
AI時代だからこそ「Bloc」を採用する価値があるのかもしれない
Avatar for takuro abe takuroabe
0
190
関係性から理解する"同一性"の型用語たち
Avatar for pvcresin pvcresin
1
180
GitHubCopilotCLIをはじめよう.pdf
Avatar for tkym htkym
0
330
AIを導入する前にやるべきこと
Avatar for Negima negima
2
360

Featured

See All Featured
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
240
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
4k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
550
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
110k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.5k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Design in an AI World
Avatar for tapps tapps
1
210
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.6k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
890
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
150

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