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
500

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
130
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
420
Bagaimana implementasi mockup design
Avatar for Irfan Maulana mazipan
0
510
Memulai karir sebagai web programmer
Avatar for Irfan Maulana mazipan
0
740
Membuat laporan kecepatan web untuk blog
Avatar for Irfan Maulana mazipan
0
540

Other Decks in Programming

See All in Programming
kiroとCodexで最高のSpec駆動開発を！！数時間で web3ネイティブなミニゲームを作ってみたよ！
Avatar for Haruki Kondo mashharuki
0
960
CSC305 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
320
One Enishi After Another
Avatar for Koji SHIMADA snoozer05
PRO
0
170
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
580
品質ワークショップをやってみた
Avatar for Nealle nealle
0
650
ネストしたdata classの面倒な更新にさようなら！Lensを作って理解するArrowのOpticsの世界
Avatar for shiita0903 shiita0903
1
150
開発組織の戦略的な役割と 設計スキル向上の効果
Avatar for 増田 亨 masuda220
PRO
10
1.8k
あなたとKaigi on Rails / Kaigi on Rails + You
Avatar for Hiroshi Shimoju shimoju
0
220
NIKKEI Tech Talk#38
Avatar for cipepser cipepser
0
310
登壇は dynamic! な営みである / speech is dynamic
Avatar for Daichi KUDO da1chi
0
390
What's new in Spring Modulith?
Avatar for Oliver Drotbohm olivergierke
1
180
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
Avatar for mazrean mazrean
0
130

Featured

See All Featured
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
27
2.2k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.4k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.9k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
7.9k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
161
23k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
670
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
930
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k

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