Creating Frontend Application With Accelerated Mobile Pages

Learn how to create frontend application from very basics to intermediate topics!

What you'll learn

Creating frontend application with AMP

Having knowledge on React components

Learning some API topics

Fetching the data from API with event handing

Requirements

You must have basics knowledge of HTML

Description

Accelerated Mobile Pages (AMP) is an open-source initiative by Google designed to enhance the performance of web pages, especially on mobile devices. It focuses on speeding up content delivery by streamlining HTML, JavaScript, and CSS, ensuring that pages load almost instantly. When building a frontend application using AMP, developers aim to create a fast, user-friendly, and responsive experience, particularly for mobile users.AMP achieves high performance by enforcing strict limitations on traditional web technologies. It uses a stripped-down version of HTML called AMP HTML, which disallows certain elements, like custom JavaScript, that might slow down page rendering. Instead, AMP encourages the use of pre-built AMP components that are optimized for speed. These components are designed to handle common functionalities such as image galleries, video embeds, and forms, all while adhering to performance best practices. CSS is also heavily restricted in AMP, with developers required to keep styles inline and under 50KB in size, ensuring that pages remain lightweight.building a frontend application with AMP is ideal for improving performance on mobile devices. By utilizing AMP’s simplified HTML structure, optimized components, and caching infrastructure, developers can create fast, user-friendly, and engaging web applications that cater to today’s mobile-first audience. The trade-off between functionality and speed is a key consideration when adopting AMP, but it remains a valuable tool for performance-conscious developers.

Overview

Section 1: Introduction

Lecture 1 What is Props in React

Lecture 2 Event Handling

Section 2: Moulding Phase

Lecture 3 Moulding Phase in Dom

Lecture 4 API data using React

Section 3: Creating forms

Lecture 5 Creating a forms in React

Lecture 6 Fetch data using Fetch API in React

Software professional