Situs Terbaik Belajar Blog AMP untuk Pemula Code / Script / Tutorial


DatabaseArtikel.com – Hadirnya fitur AMP (Accelerated Mobile Page) ini dikarenakan banyaknya orang saat ini mengakses situs website / blog dari ponsel smartphone mereka.

Fitur AMP mampu meningkatkan performa baik dari segi kecepatan juga mampu bersaing dalam posisi di mesin pencari. Banyak situs situs besar yang sudah menerapkan hal ini karena banyak kelebihannya tersebut admin juga menjadikan web ini support amp.

Umumnya pengaturan html pada blog AMP sangat berbeda dengan blog / web html pada umumnya. Blog amp memiliki script khusus yang digunakan agar bisa 100% blog mendukung AMP.

Saat ini sudah tersedia tutorial tutorial baik dari cara membuat tema blogger AMP, WordPress AMP, penulisan format amp hingga kode kode menarik mendukung AMP.

Namun diantara situs situs yang membahas tentang AMP. AMP Sendiri sudah memiliki situs pribadi yang membahas secara lengkap dan rinci tentang AMP itu sendiri.

Berisikan beberapa kode kode AMP seperti gambar AMP, pemutar video, slideshow dan script kode lainnya.

Anda bisa belajar tentang AMP bahkan untuk pemula sekalipun anda bisa memahaminya dengan lebih mudah disitus ini. Nah penasaran dengan apa itu situnya berikut informasinya.

Situs Terbaik untuk belajar AMP Blogger / WordPress.

Nama situsnya adalah AMP PlayGround untuk linknya bisa klik disini playground.amp.dev disitus ini anda bisa belajar semua perihal AMP.

Silahkan kunjungi situsnya (disarankan buka di web versi desktop).

Di dalam situs AMP playground ini terdapat 4 Versi AMP yang bisa anda pelajari diantaranya :

  • AMP HTML
  • AMP for ADS
  • AMP for Stories
  • AMP for Email

Namun jika anda ingin belajar lebih fokus ke bagian blognya anda tinggal cari tutorial di menu AMP HTML saja. Disini terdapat script atau kode html AMP yang menarik untuk anda coba, semua kode sudah dijelaskan dengan detail disana.

Anda bisa menemukan tutorial kode lainnya dengan klik menu dropdown dibagian tengah. Anda akan melihat tutorial AMP apa saja disana.

Beberapa hal yang bisa anda coba baik dari script video dan gambar juga anda bisa membuat sebuah animasi hingga game di html AMP. Tutorial lainnya diantaranya ;

Components

  • amp-3d-gltf
  • amp-access-laterpay
  • amp-access
  • amp-accordion
  • amp-ad
  • amp-addthis
  • amp-anim
  • amp-app-banner
  • amp-audio
  • amp-autocomplete
  • amp-bind
  • amp-bodymovin-animation
  • amp-brid-player
  • amp-brightcove
  • amp-call-tracking
  • amp-carousel
  • amp-dailymotion
  • amp-date-countdown
  • amp-date-display
  • amp-date-picker
  • amp-dynamic-css-classes
  • amp-experiment
  • amp-facebook-comments
  • amp-facebook-like
  • amp-facebook-page
  • amp-facebook
  • amp-fit-text
  • amp-font
  • amp-form
  • amp-fx-collection
  • amp-fx-flying-carpet
  • amp-geo
  • amp-gfycat
  • amp-gist
  • amp-google-document-embed
  • amp-google-vrview-image
  • amp-hulu
  • amp-iframe
  • amp-ima-video
  • amp-image-lightbox
  • amp-image-slider
  • amp-img
  • amp-inputmask
  • amp-instagram
  • amp-install-serviceworker
  • amp-jwplayer
  • amp-kaltura-player
  • amp-lightbox-gallery
  • amp-lightbox
  • amp-list
  • amp-mustache
  • amp-next-page
  • amp-o2-player
  • amp-pinterest
  • amp-pixel
  • amp-reach-player
  • amp-reddit
  • amp-selector
  • amp-sidebar
  • amp-social-share
  • amp-soundcloud
  • amp-springboard-player
  • amp-sticky-ad
  • amp-timeago
  • amp-twitter
  • amp-video-iframe
  • amp-video
  • amp-vimeo
  • amp-vine
  • amp-youtube
  • embed
  • amp-analytics
  • amp-live-list
  • amp-recaptcha-input
  • amp-script
  • amp-user-notification
  • amp-web-push

Advertising & Analytics

  • AMP Ads vs non-AMP Ads
  • Joining Analytics Sessions

E-Commerce

  • Payments in AMP
  • Product Browse Page
  • Product Page
  • Checkout Flow
  • Hotel
  • Housing
  • Shopping Cart

Interactivity & Dynamic Content

  • Client-side filtering
  • ComboBox
  • Copy Button
  • Dynamic Content After User-Interaction
  • Linked Dropdowns
  • Mixing Dynamic and Cached Data
  • Multi Page Flow
  • Show More Button
  • Tic-Tac-Toe
  • Comment Section
  • Favorite Button
  • Paged List
  • Poll
  • SeatMap
  • SeatMap Multiple Selection
  • Star Rating

Multimedia & Animations

  • Advanced Video Docking
  • Click-to-play overlay for amp-video
  • Custom Loading Indicators
  • Image Galleries with amp-carousel
  • Integrating Videos in AMP an Overview
  • Rich Media Notifications
  • Video Carousels with amp-carousel
  • Video rotate to fullscreen with hint

News & Publishing

  • News Article
  • Recipe
  • Live Blog

Personalization

  • Geolocation with amp-list
  • OAuth2 Login

Style & Layout

  • How to support Images with unknown Dimensions
  • How to support Images with unknown Dimensions
  • Tab Panels with amp-selector

User Consent

  • Advanced User Consent Flow
  • Basic User Consent Flow
  • External User Consent Flow
  • Geolocation-based Consent Flow

Visual Effects

  • Animated Snackbar
  • Basics of orientation effects
  • Basics of scrollbound effects
  • Scroll to top

Semua tutorial diatas dapat anda coba dan praktekkan langsung.

Kelebihan situs AMP PlayGround ini adalah memiliki note / catatan informasi di setiap baris kodenya jadi anda bisa tahu kegunaan kode yang terpasang disana. Namun karena menggunakan bahasa Inggris bagi anda yang belum paham / bisa bahasa inggris mungkin akan merasa sedikit kesulitan memahaminya.

Halaman tutorial AMP ini adalah bagian subdomain dari web utamanya di amp.dev disitus utamanya anda bisa mengetahui dengan jelas apa itu amp dan bisa mendapatkan tema AMP html untuk web secara gratis disana.

***

Karena amp ini masih dibilang baru saja rilis kemungkinan masih akan ada banyak update untuk memaksimalkan AMP di website website versi mobile. Terus saja pantau situs AMP PlayGround ini jika ada update dan tutorial baru lainnya.

Situs belajar amp selain situs diatas.

Belajar AMP di Situs DatabaseArtikel.com

Selain situs diatas admin juga memberikan beberapa tutorial tentang AMP disitus ini anda bisa menemukannya dengan mencari kata kunci “AMP” di kolom pencarian diatas.

Anda akan menemukan banyak tutorial tentang AMP di sana walaupun belum lengkap 100% akan terus admin update agar semakin banyak tutorial yang bisa kalian coba.

Selain itu disini pembahasan ampnya juga sudah menggunakan bahasa Indonsesia yang dapat anda mengerti 100% jauh lebih mudah.

Dan tidak hanya itu saja beberapa tutorial amp seperti Cara Membuat Tombol Share AMP Sendiri lebih Keren (2 Model) ini bisa anda lakukan dan praktekkan baik untuk blogger maupun wordpress self hosting anda.

***

Selain dua situs diatas sebenarnya masih ada banyak sih situs situs yang membahas tentang AMP ini. Namun kedua situs ini lebih mudah anda pahami penerapannya dalam menggunakan dan memperlajari blog amp bahkan untuk pemula / dasar sekalipun.

Belajar tidak bisa instan langsung paham butuh proses dimana belajar akan menjadi berhasil jika diterapkan dengan baik dan berusaha keras dalam mempelajarinya.

Banyak dicari Netizen:

الْحَمْدُ للَّهِ رَبِّ الْعَالَمِيْن


Selalu Berbagi :

Diterbitkan oleh

Rofiq ~

Menulis apa yang saya mau bukan yang anda mau, ada pertanyaan dan hal lain bisa komentar atau kontak Whatsapp di +6289669699740

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *