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
220
Testing JavaScript
Avatar for Irfan Maulana mazipan
0
150
Membuat Website Zaman Sekarang
Avatar for Irfan Maulana mazipan
0
510
Kinerja Web 101 - Edisi 2022
Avatar for Irfan Maulana mazipan
1
460
Layout Repaint & The Lessons Learned
Avatar for Irfan Maulana mazipan
0
410
Bagaimana implementasi mockup design
Avatar for Irfan Maulana mazipan
0
500
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
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
Avatar for Samuel Williams ioquatix
1
330
2分台で1500examples完走！爆速CIを支える環境構築術 - Kaigi on Rails 2025
Avatar for Hayato OKUMOTO falcon8823
3
3.4k
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
Avatar for Masayuki Izumi izumin5210
0
610
CSC305 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
400
Django Ninja による API 開発効率化とリプレースの実践
Avatar for Kashun Yoshida kashewnuts
0
1k
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
Avatar for teamLab teamlab
PRO
0
180
monorepo の Go テストをはやくした〜い！~最小の依存解決への道のり~ / faster-testing-of-monorepos
Avatar for convto convto
2
420
複雑化したリポジトリをなんとかした話　pipenvからuvによるモノレポ構成への移行
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
820
私はどうやって技術力を上げたのか
Avatar for Yusuke Wada yusukebe
43
17k
Pythonスレッドとは結局何なのか？ CPython実装から見るNoGIL時代の変化
Avatar for curekoshimizu curekoshimizu
5
1.4k
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
Avatar for えいえい ei_ei_eiichi
0
360
XP, Testing and ninja testing ZOZ5
Avatar for seki at druby.org m_seki
3
330

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.2k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
Done Done
Avatar for chrislema chrislema
185
16k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6.1k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
114
20k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
53k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
79
6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
890

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