11-15-2024, 05:42 AM
Creating Frontend Application With Accelerated Mobile Pages
Published 10/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 542.70 MB | Duration: 0h 50m
Learn how to create frontend application from very basics to intermediate topics!
[b]What you'll learn[/b]
Creating frontend application with AMP
Having knowledge on React components
Learning some API topics
Fetching the data from API with event handing
[b]Requirements[/b]
You must have basics knowledge of HTML
[b]Description[/b]
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