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
480

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
110
Mengukur dan meningkatkan performa website
Avatar for Irfan Maulana mazipan
1
210
Testing JavaScript
Avatar for Irfan Maulana mazipan
0
140
Membuat Website Zaman Sekarang
Avatar for Irfan Maulana mazipan
0
490
Kinerja Web 101 - Edisi 2022
Avatar for Irfan Maulana mazipan
1
440
Layout Repaint & The Lessons Learned
Avatar for Irfan Maulana mazipan
0
410
Bagaimana implementasi mockup design
Avatar for Irfan Maulana mazipan
0
480
Memulai karir sebagai web programmer
Avatar for Irfan Maulana mazipan
0
730
Membuat laporan kecepatan web untuk blog
Avatar for Irfan Maulana mazipan
0
520

Other Decks in Programming

See All in Programming
コード書くの好きな人向けAIコーディング活用tips #orestudy
Avatar for Hiromi Hishida 77web
3
330
A comprehensive view of refactoring
Avatar for Marabesi marabesi
0
970
すべてのコンテキストを、 ユーザー価値に変える
Avatar for Michiru Kato applism118
2
450
KotlinConf 2025 現地で感じたServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
220
XSLTで作るBrainfuck処理系
Avatar for MakKi makki_d
0
210
Perplexity Slack Botを作ってAI活用を進めた話 / AI Engineering Summit プレイベント
Avatar for yukyan n3xem
0
670
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
Avatar for Takuya Katsusa takuyakatsusa
2
190
Webからモバイルへ Vue.js × Capacitor 活用事例
Avatar for Naoki Haba naokihaba
0
740
ドメインモデリングにおける抽象の役割、tagless-finalによるDSL構築、そして型安全な最適化
Avatar for Kenichi SUZUKI knih
11
2k
Is Xcode slowly dying out in 2025?
Avatar for 上ちょ / uetyo uetyo
1
180
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
Avatar for アキキー akihisaikeda
3
290
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
Avatar for uutan1108 ohmori_yusuke
2
130

Featured

See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.9k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
31
1k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
81
9k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
41
7.3k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
56
9.4k

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