Practical Projects with Astro JS

Focused View

Christina Petit

3:27:16

127 View

1. Introduction

1. Course Introduction.mp4

04:06

2. Canva Design to Astro JS

1. Project Overview & Setup.mp4

05:14

2. Featured Image - Coding the Hero section.mp4

33:13

3. Coding the About Section.mp4

26:27

4. What we Offer - Custom Card Components.mp4

19:36

5. Coding the Testimonial Section.mp4

08:30

6. Wrapping it up - Coding the Footer.mp4

14:33

7.1 Full Source Code and Github Repo Link.html

7. Deploying Website to Netlify.mp4

09:45

3. Figma Design to Astro JS

1. Project Overview.mp4

02:05

2. Creating a new Astro Project.mp4

05:30

3. Creating the Hero & About Sections.mp4

26:54

4. Adding a Product Gallery Section.mp4

20:14

5. Adding a Feature Section.mp4

16:45

6. Adding Testimonials.mp4

14:24

Description

Converting Designs to Code

What You'll Learn?

Learn Astro Js
Create Websites using Astro 4
Practical Applications
Adding SSR to Astro

Who is this for?

Beginner Developers looking to create practical projects

Intermediate Developer looking to expand portfolio

What You Need to Know?

Intermediate knowledge of Javascript

Node js

Visual Studio Code

Basics of Astro 4

More details

Description
Welcome to Practical Project with Astro JS
In this comprehensive course, we will write three beginner to intermediate Astro 4 websites. If you want to learn the fastest-growing JavaScript framework for content websites, look no further.
Astro JS is a great framework for beginners and professionals alike. As we will not be going to the very basics of Astro JS it is recommended to use this course as more of a portfolio boost to showcase your skills.

You will learn:
How to convert a Canva website template
How to convert a Figma Design to an Astro Website
How to convert design into code
How to create an Astro.js Website
How to add Server-Side Rendering (SSR) in Astro JS
Projects
Convert a Canva Website Template to Astro JS
Convert a Figma Website Template to Astro JS
Create an Astro JS Web Application with Server-Side Rendering (Coming Soon)

Who am I?
I am a freelance web developer with a passion for teaching web development, as a visual learner I will go step by step through the process of creating a website and deconstructing a design from free resources available online.
I really hope you enjoy the course and learn this great JavaScript framework.

Enjoy
Who this course is for:
Beginner Developers looking to create practical projects
Intermediate Developer looking to expand portfolio

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Christina Petit

Instructor's Courses

I am a self-taught software developer who develops and publishes cross-platform games, websites and mobile applications using the latest technologies. I have a passion for website, mobile and games development I have been an avid developer from early teens and have created several websites, games, logos and other media online. I get involved with many game jams and frequently create applications for personal and commercial use.

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.