강의

멘토링

커뮤니티

NEW
Programming

/

Front-end

Hoàn thành blog với Astro chỉ trong 1 giờ (Từ Markdown, SSG đến triển khai tất cả trong một)

Khóa học này nhằm mục đích giúp ngay cả những người mới bắt đầu tiếp cận Astro cũng có thể hoàn thành một trang blog được triển khai thực tế chỉ trong vòng 1 giờ. Chúng tôi sẽ giảm thiểu các giải thích lý thuyết và tập trung vào các đoạn mã có thể sao chép để chạy ngay lập tức cùng các mốc kiểm tra từng bước. Sau khi kết thúc khóa học, bạn sẽ không chỉ dừng lại ở trạng thái 👉 "Đã từng thử dùng Astro" mà là 👉 "Đã sở hữu một blog được tạo bằng Astro".

3 học viên đang tham gia khóa học này

Độ khó Cơ bản

Thời gian Không giới hạn

  • woongsnote
TypeScript
TypeScript
Blog
Blog
TailwindCSS
TailwindCSS
TypeScript
TypeScript
Blog
Blog
TailwindCSS
TailwindCSS

Bạn sẽ nhận được điều này sau khi học.

  • Hiểu toàn bộ quy trình từ tạo đến thực thi dự án Astro

  • Cấu hình hệ thống nội dung dựa trên Markdown

  • Thực hiện trang danh sách bài viết & trang chi tiết bài viết

  • Kinh nghiệm tạo trang theo phương thức Astro SSG

  • Thiết lập SEO tối thiểu (giá trị mặc định cho title / description / canonical / og)

  • Kinh nghiệm triển khai thực tế sử dụng Vercel


Tạo blog bằng Astro chỉ trong 1 giờ?

Astro không chỉ đơn thuần là một framework. Đây là con đường tắt giúp bạn thực thi mã nguồn ngay lập tức mà không cần thiết lập phức tạp, hoàn thành blog cá nhân chỉ trong vòng 1 giờ và trải nghiệm việc triển khai thực tế. Hãy giảm bớt lý thuyết và trực tiếp cảm nhận sức mạnh của Astro thông qua trải nghiệm thực tế.


Có phải bạn đang ngần ngại bắt đầu với Astro vì cảm thấy tài liệu hướng dẫn chính thức quá khó hiểu?

Bạn đã có kinh nghiệm với React, Vue nhưng vì là lần đầu tiếp cận Astro nên vẫn chưa hình dung ra được nó như thế nào phải không?

Bạn có từng cảm thấy chỉ học lý thuyết thôi là chưa đủ và muốn bắt tay vào "hoàn thiện" một thứ gì đó ngay lập tức không?

Ngay cả khi bạn chưa từng sử dụng Astro, thông qua khóa học này, bạn sẽ sở hữu một blog hoàn chỉnh của riêng mình.


Từ việc tạo dự án Astro
đến xây dựng blog dựa trên Markdown,
và cả cách sử dụng TypeScript cùng Tailwind CSS,
hãy cùng học hỏi thông qua việc thực hành thực tế.

Tạm gác lại lý thuyết sang một bên,
hãy trải nghiệm việc tự tay triển khai blog được tạo bằng Astro của riêng bạn

'Nhà phát triển đã hoàn thành blog bằng Astro' hãy trở thành như vậy nhé.


Sau khi kết thúc khóa học này, bạn sẽ trở thành


Từ việc tạo dự án Astro đến khi triển khai, bạn sẽ có trải nghiệm hoàn thành một blog hoàn chỉnh.

  • Thay vì chỉ lướt qua các khái niệm, bạn sẽ được trải nghiệm toàn bộ quy trình từ việc trực tiếp tạo dự án Astro, viết bài bằng Markdown, đến việc triển khai danh sách bài viết và trang chi tiết thông qua định tuyến động (dynamic routing). Ngay cả những người cảm thấy áp lực với việc học lý thuyết cũng có thể hoàn thành blog đầu tiên được triển khai trong vòng 1 giờ thông qua các đoạn mã có thể thực thi bằng cách sao chép và dán.

Phát triển khả năng quản lý nội dung dựa trên Markdown và triển khai các trang web động.

  • Bạn sẽ học cách sử dụng tính năng Content Collections của Astro để quản lý dữ liệu bài viết một cách hệ thống, từ đó triển khai các trang danh sách bài viết động và trang chi tiết. Thông qua đó, bạn sẽ nắm vững các kỹ thuật cốt lõi cần thiết để xây dựng không chỉ blog cá nhân mà còn nhiều loại website dựa trên nội dung khác nhau.

Tự mình giải quyết từ SEO cơ bản có thể áp dụng cho dịch vụ thực tế cho đến việc triển khai.

  • Không chỉ dừng lại ở việc tạo ra một blog đơn thuần, bạn sẽ có thể tự mình hoàn thành toàn bộ quy trình từ việc áp dụng các thiết lập cơ bản cho tối ưu hóa công cụ tìm kiếm (SEO) như các thẻ title, description, canonical, og tag, cho đến việc công khai blog của mình ra thế giới thông qua trải nghiệm triển khai (deploy) thực tế bằng Vercel.


✔️

Hoàn thành blog của riêng bạn bằng Astro chỉ trong 1 giờ

Tự tạo blog
bằng Astro
Hoàn thành chỉ trong 1 giờ

Khóa học này hướng dẫn chi tiết quá trình hoàn thiện blog trong vòng 1 giờ, từ việc khởi tạo dự án Astro cho đến khi triển khai thực tế trên Vercel. Bằng cách tối giản lý thuyết và cung cấp các mã nguồn có thể thực thi ngay cùng các điểm kiểm tra từng bước, bạn có thể nhận được ngay thành quả là một 'blog được tạo bằng Astro'.

Hoàn thiện và triển khai
blog Astro

Chúng tôi cung cấp mọi thứ từ thiết lập SEO tối thiểu cho đến trải nghiệm triển khai thực tế bằng Vercel. Cùng với mã nguồn được cung cấp trong bài giảng, bạn có thể hoàn thành blog đã được triển khai của riêng mình chỉ trong vòng 1 giờ.

Xây dựng blog cá nhân với dự án Astro

Thực hành toàn bộ quy trình phát triển blog dựa trên Astro, bao gồm các bước: tạo dự án Astro, tích hợp TailwindCSS, xây dựng bố cục (layout) blog cùng tiêu đề (header)/chân trang (footer), viết bài bằng Markdown/MDX, định tuyến động (dynamic routing) và tự tay tạo trang danh sách bài viết.

※ Kết quả blog thực tế được triển khai bằng Astro

Có thể giải quyết nỗi lo của
những người như thế này!

📌

Nhà phát triển Astro mới bắt đầu

Những người muốn học bộ công nghệ mới mang tên Astro nhưng chưa biết phải bắt đầu từ đâu
Những người cảm thấy khó hiểu khi đọc tài liệu chính thức và gặp khó khăn trong việc tự mình xây dựng dự án thực tế

📌

Người có kinh nghiệm phát triển React/Vue

Những người đã có kinh nghiệm với các framework như React hay Vue, nhưng muốn tận dụng những ưu điểm của Astro
để xây dựng các trang web nhanh và hiệu quả hơn

📌

Người muốn tự tạo blog cá nhân

Những người muốn tự tay tạo một blog cá nhân mang đậm dấu ấn riêng,
nhưng còn ngần ngại vì các thiết lập phức tạp hay quy trình triển khai.

Lưu ý trước khi tham gia khóa học


Môi trường thực hành

  • Hệ điều hành: Có thể sử dụng cả Windows, macOS và Linux.

  • Chương trình cài đặt bắt buộc: Node.js (khuyến nghị phiên bản LTS mới nhất)

  • Cấu hình PC cá nhân: Chỉ cần đủ để chạy mượt mà trình duyệt web và trình chỉnh sửa mã nguồn là được.

Kiến thức tiên quyết và lưu ý

  • Không có kinh nghiệm về Astro cũng không sao.

  • Nếu có kinh nghiệm về HTML/CSS thì sẽ giúp ích cho việc thấu hiểu.

  • Nếu bạn đã có kinh nghiệm với các framework khác như React, Vue, v.v., điều đó sẽ giúp ích cho việc thấu hiểu.

  • Việc làm quen với cú pháp Markdown sẽ giúp việc học trở nên dễ dàng hơn.

Tài liệu học tập

  • Bạn có thể sao chép và sử dụng ngay các ví dụ mã nguồn được cung cấp trong bài giảng.

  • Bạn có thể kiểm tra tiến độ học tập thông qua danh sách kiểm tra theo từng bước.

  • Cung cấp liên kết đến tài liệu chính thức của Astro để hỗ trợ học tập thêm.


Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • 🔰 Dành cho những người mới bắt đầu với Astro hoặc cảm thấy tài liệu chính thức quá áp lực.

  • ⚛️ Những người đã có kinh nghiệm với React / Vue nhưng chưa từng sử dụng Astro

  • ✍️ Nhà phát triển muốn tự mình tạo blog cá nhân

  • 🚀 Dành cho những ai “muốn hoàn thành xong một cái trước đã, thay vì chỉ học lý thuyết”

  • ⏱️ Những người cần kết quả trong thời gian ngắn

Cần biết trước khi bắt đầu?

  • Có kinh nghiệm sử dụng cơ bản Node.js / npm

  • Có thể thực thi lệnh trong terminal

  • Hiểu biết rất cơ bản về cú pháp JavaScript

Xin chào
Đây là

Chương trình giảng dạy

Tất cả

26 bài giảng

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Ưu đãi có thời hạn

15 ₫

30%

586.554 ₫

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!