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

Modern Web - an Introduction

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
170
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
770
Membuat laporan kecepatan web untuk blog
Avatar for Irfan Maulana mazipan
0
560

Other Decks in Programming

See All in Programming
Copilot CLI の継戦能力を高める コンテキスト管理
Avatar for Nozomuts nozomutu
1
1.2k
タクシーアプリ『GO』の バックエンド開発のおける AI利活用と若者のすべて
Avatar for Kazuhiko Yamashita pyama86
3
1.9k
今さら聞けないCancellationToken
Avatar for tkym htkym
0
220
Oxcを導入して開発体験が向上した話
Avatar for Yuji Yamaguchi yug1224
4
290
フロントエンドとバックエンドで「1文字」を揃えよう
Avatar for てきめん tekimen youkidearitai
PRO
0
200
New "Type" system on PicoRuby
Avatar for pocke pocke
1
470
Technical Debt: Understanding it Rightly, Engaging it Rightly #LaravelLiveJP
Avatar for shogogg shogogg
0
190
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
Avatar for mom0tomo mom0tomo
8
3.1k
Modding RubyKaigi for Myself
Avatar for yui-knk yui_knk
0
890
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
3
540
Lemonade + Foundry Toolkit でお手軽アプリ開発
Avatar for 瀬尾佳隆 seosoft
1
310
RTSPクライアントを自作してみた話
Avatar for simotin13 simotin13
0
490

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.2k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
400
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
480
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
210
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.7k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
370
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.7k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
220

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