Astro - Build a Full-featured Modern Ecommerce App in Astro

Focused View

CodeLicks Academy

2:40:17

56 View

1. Basics

1. What is Astro.mp4

01:13

2. Key Benefits of Astro.mp4

00:54

3. Course Requirements.mp4

00:48

2. Setting-up Astro Project

1. Initiating a Project.mp4

03:07

2. Astro Project Structure.mp4

05:09

3. Adding Basic Features

1. Adding a Page to the Website.mp4

01:03

2. Adding Layouts.mp4

05:19

3. Combining Layouts with Markdowns.mp4

01:13

4. Global vs Scoped Styles.mp4

05:17

5. Adding Navigation.mp4

03:50

6. Building the Main Page.mp4

05:37

7. Nested Layouts.mp4

03:00

8. Not-found Pages for 404 Routes.mp4

02:29

4. Adding E-commerce Features

1. Products Lists.mp4

04:25

2. Components in Astro.mp4

09:45

3. Sharing States Between Frameworks.mp4

12:45

4. Building a React Component Part1.mp4

11:59

5. Building a React Component Part2.mp4

21:59

6. Building add to cart component.mp4

06:55

7. Passing Props to Astro component.mp4

06:23

5. Adding Blog

1. Content Collections.mp4

06:47

2. Adding Blog Page.mp4

06:18

3. Dynamic Pages.mp4

07:17

6. Adding RSS Feed

1. RSS Configuration.mp4

02:37

2. Creating End-points.mp4

08:42

7. Server Side Rendering

1. Adding a Server-side Rendering Page.mp4

03:54

2. Form Submission.mp4

07:28

3. Merging a SSR Component with a Static Component.mp4

04:04

Description

Master Astro JS by Harnessing Astro's Zero-JavaScript Approach for Efficient, Interactive, and Modern Development

What You'll Learn?

Build Complete Web Experiences with Zero Default JavaScript Overhead
Learn server-side rendering, image optimization, and more in Astro
Deploy easily everywhere From Serverless to Edge Networks with Astro
Implement Island architecture for only rehydrating dynamic components in your apps
Use other framework such as React, Svelte, Vue, Solid, and more in Astro

Who is this for?

Anyone looking to learn building apps in Astro and master its key concepts

Frontend developers looking to build enhanced applications

What You Need to Know?

Basic knowledge of JavaScript

Basic knowledge of code editors and terminals

Familiarity with HTML and CSS will help, but is not mandatory

Familiarity with component- and route-based frameworks will help, but is not mandatory

More details

Description
Welcome to our AstroJS course!
Leveraging JavaScript offers developers an excellent experience, enabling interactivity and leveraging cutting-edge tooling. Yet, needless JavaScript compromises speed, squanders data, and impacts user experience. Astro strikes a harmonious equilibrium, facilitating modern tooling within any chosen framework. It defaults to a zero-JavaScript approach, supplemented by an opt-in mechanism for selectively integrating dynamic features as needed.
The standout feature of Astro is Partial Hydration, allowing partial dynamism. Yet, this is just one of Astro's benefits.
Throughout this course, you'll grasp Astro's core concepts by crafting a complete Ecommerce site.
You'll start learning to build a modern web app via Astro by creating a marketing homepage for the website. Ecommerce components and features, like fetching and displaying product lists, will be integrated via a backend API. Plus, a user-friendly shopping cart will be developed.
Then you will be constructing a blog with an accompanying RSS feed, server-side Newsletter sign-up form, and state-sharing using ReactJS and Solid components within Astro.
You will master the art of API data fetching within Astro components, and experience Hybrid rendering by crafting sections to dynamically operate without mandatory JavaScript.
At the end of this course you will be ready to start building any kind of website and web application you want via Astro in no time.
So let's unlock Astro's full potential together.
Who this course is for:
Anyone looking to learn building apps in Astro and master its key concepts
Frontend developers looking to build enhanced applications

User Reviews

Rating

average 0

Total votes0

Focused display

Welcome to CodeLicks Academy! We are a team of software engineers with a passion for sharing knowledge and helping others understand complex concepts. We have extensive experience in the industry, having worked on a variety of projects ranging from small startups to large systems. We also have a deep understanding of software engineering and data engineering concepts, and love to apply these principles to real-world problems.In addition to technical skills, we have a strong background in teaching and have always had a love for sharing knowledge. Our team members have taught in both formal and informal settings, and have a knack for breaking down complex ideas into simple, easy-to-understand concepts. We believe that anyone can learn how to code and talk to computers at fast pace, so we are dedicated to helping people achieve their goals by providing short but informative video courses on variety of topics as code licks! Whether you're a beginner looking to get started in software/data engineering, or an experienced professional looking to enhance your skills, we are here to help you reach your goals. With our combination of technical skills and teaching experience, we are confident that we can help you take your skills to the next level.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.