Học Web & Javascript thông qua việc xây dựng dự án với Cursor AI

🚨 Khóa học này sẽ được cập nhật nội dung mỗi khi Cursor có phiên bản mới.

📢 Nếu bạn muốn một khóa học liên tục được cập nhật, tôi khuyên bạn nên chọn khóa học này.

< Bạn đang mơ ước phát triển phần mềm thông qua Công cụ AI? >

📢 Bạn không thể cứ mãi chỉ học ngữ pháp cơ bản được!

Kể từ sau ChatGPT, vô số mẹo hướng dẫn phần mềm và phương pháp phát triển đang được tung ra liên tục.

Tạo trang web hoặc trò chơi chỉ với vài dòng câu lệnh (prompt),

Thậm chí còn có cả vibe coding (lập trình bằng cảm xúc), nơi bạn thực hiện bằng giọng nói mà không cần gõ một dòng mã nào?

Tuy nhiên, cũng có ý kiến cho rằng việc phát triển bằng AI vẫn còn những hạn chế.

Nếu giao phó toàn bộ việc phát triển cho AI, việc duy trì phát triển phần mềm lâu dài cũng không hề dễ dàng.

Trong thời đại mà những ý kiến đa dạng được chia sẻ một cách gay gắt như thế này, chúng ta nên học lập trình như thế nào?

Những ai đang ngần ngại bắt đầu phát triển phần mềm, những người không chuyên muốn tự tạo trang web cho riêng mình,

Những ai muốn biết trang web hoạt động như thế nào, những ai đã tạo mã bằng LLM nhưng muốn giải thích và hiểu rõ nó!

Bắt đầu nền tảng phát triển web ngay bây giờ với khóa học này. (Javascript, HTML/CSS)

Tôi sẽ giải thích từng bước về các khái niệm web, cách thức hoạt động của trình duyệt web và cú pháp ngôn ngữ Javascript chạy trên đó, thông qua việc trực tiếp chỉnh sửa mã nguồn được tạo bằng phiên bản Claude miễn phí.

Không chỉ là học ngữ pháp đơn thuần, mà là vừa học vừa trực tiếp phát triển dự án của riêng bạn!

Trong tương lai, mã nguồn và phần mềm được tạo ra thông qua AI sẽ ngày càng nhiều hơn.

Bây giờ vẫn chưa muộn đâu. Trong một thế giới mà mọi người đều đang chạy đua, tại sao chúng ta không cùng nhau bước những bước đầu tiên nhỉ?

Bạn muốn giải thích và chỉnh sửa mã nguồn được tạo bởi ChatGPT, Claude, Gemini..?

📌 Tôi sẽ cho bạn thấy trực tiếp ngay trước mắt! Mã nguồn được tạo bằng cùng một câu lệnh prompt, phải giải thích như thế này này!

💻 Học ngữ pháp chăm chỉ để làm gì chứ. Phải vừa làm vừa học mới đúng! Hãy học thông qua việc thực hiện các dự án "thực tế".

🛠 Nắm vững các khái niệm trong khi chỉnh sửa mã do LLM tạo ra. À~ Hóa ra mã hoạt động như thế này đây!

❌ Kiến thức tiên quyết? Không! Thuật ngữ chuyên môn mà chỉ sinh viên ngành máy tính mới hiểu? Không! Tôi sẽ cho cả con cái của mình trong tương lai xem nữa.

❔ Tôi đang sửa mã nhưng không chạy được.. Tôi phải làm sao đây? Tôi sẽ trả lời ngay lập tức! Hãy đặt thật nhiều câu hỏi nhé.

✅ Đây là khóa học sẽ giúp ích rất nhiều cho những đối tượng sau.

✅ Hãy xem tài liệu học tập thực tế từ bài giảng và tự mình đánh giá nhé 😀

👍Sau khi học khóa học này, rốt cuộc bạn sẽ nhận được những gì?

Khóa học này giúp bạn học phát triển web từng bước một thông qua việc tạo dự án bằng Cursor dựa trên mã nguồn do LLM tạo ra.

Nhưng! Không chỉ đơn thuần là phát triển web, khóa học này còn giúp ích cho cả những ai đang có những trăn trở như dưới đây.

1. Có cách nào để tôi có thể tự mình khởi nghiệp không? Tôi muốn trở thành một Indie Hacker!

<Công ty trị giá tỷ đô do một người tạo ra>

Nguồn: https://every.to/napkin-math/the-one-person-billion-dollar-company

<10 công ty ấn tượng do một người tạo ra>

Nguồn: https://hackernoon.com/check-out-these-impressive-1-person-companies

Có những người dự đoán rằng sẽ có những công ty do một người điều hành đạt giá trị 1 tỷ đô la (1,3 nghìn tỷ won).

Một trong số đó chính là Sam Altman của OpenAI! Người ta nói rằng AI là công nghệ mới sẽ thay đổi thời đại này.

Ngược lại, cũng có những người cho rằng thật không dễ để đạt được thành công lớn như vậy nếu chỉ có một mình.

Bạn đã bao giờ suy nghĩ như vậy chưa?

'Làm thế nào để có thể gây ảnh hưởng đến thế giới chỉ bằng một mình?'

"Có hoạt động nào có thể thực hiện sau khi tan làm, trong thời gian nghỉ phép mà ít bị ảnh hưởng bởi thời gian và địa điểm không?"

Chi phí khởi nghiệp đang giảm xuống mức bằng không, và việc phát triển phần mềm đang ngày càng trở nên dễ dàng hơn.

Phát triển phần mềm có thể là câu trả lời cho những trăn trở này.

Bây giờ là thời đại của LLM.

Từ Grok, Claude, ChatGPT, Gemini cho đến DeepSeek!

Chúng ta sẽ học cách tự động tạo, chỉnh sửa và giải thích mã nguồn thông qua nhiều mô hình LLM khác nhau.

2. Có gì đó đang hoạt động, nhưng tôi không biết tại sao nó lại hoạt động. Tôi muốn học hỏi!

< Giờ đây chúng ta đang sống trong một thế giới mà chỉ với một câu ngôn ngữ tự nhiên là có thể tạo ra một trang web đơn giản. >

Liệu chúng ta không thể tạo ra thứ gì đó bằng cái này sao?

Còn những trang landing page dành cho doanh nghiệp với nhiều trang con, trang web portfolio để quảng bá bản thân, hay các trang thông tin, blog cung cấp kiến thức và các câu đố vui đơn giản thì sao?

Trong một thế giới mà bạn có thể tạo ra bất cứ thứ gì, chỉ cần biết thêm một chút về các công cụ là bạn có thể tạo ra một "sản phẩm thực thụ"!

Thông qua bài giảng này, các bạn hãy tự mình tải trang web đã tạo lên dịch vụ lưu trữ miễn phí và thử thu hút người dùng thực tế nhé.

3. Đã tạo xong trang web! Tiếp theo là gì...?

Tiêu đề: 「Những công cụ tốt cho người khởi nghiệp SaaS một mình?」 Nguồn: Hacker News

Bạn nói rằng ai cũng có thể tạo trang web sao?

Còn việc triển khai thì sao? Còn bảo trì thì sao? Làm thế nào để thu thập dữ liệu? Những phương pháp nào có thể tạo ra lợi nhuận?

Sau khi vượt qua rào cản đầu tiên, bạn cần phải vượt qua rào cản tiếp theo.

Thu thập dữ liệu, phát triển backend, quản trị DB....

Trước khi đi đến đó!

Trước tiên, bạn cần học cách trang web hoạt động thông qua việc tải lên và triển khai một trang web thực thụ.

Trong khóa học này, chúng ta sẽ học về quy trình tạo ra một trang web và tìm hiểu sơ lược về những thứ cần thiết sau đó.

👋 Lý do tạo khóa học & Giới thiệu giảng viên

Xin chào, tôi là Weekend Coding, hiện đang hoạt động trên YouTube với tên @weekendcode.

Tôi từng làm việc với tư cách là nhà phát triển Java và hiện đang tạo các nội dung liên quan đến giáo dục lập trình.

Tôi đã có kinh nghiệm dạy kèm cho những người không chuyên về máy tính, những người cao tuổi quan tâm đến máy tính và cả những người đã nghỉ hưu sau khi làm các công việc khác. Tôi đã từng có nhiều hoài nghi về phương pháp giảng dạy truyền thống tại các trường đại học hiện nay.

Lần này là phát triển web!

Tôi muốn chuẩn bị từ A đến Z dành cho những ai muốn lần đầu tiên tự tay phát triển trang web của riêng mình.

Từ những trang slide thuyết trình chất lượng cao được chăm chút tỉ mỉ từng chút một, cho đến cả lịch sử của Web và Internet mà không ai nói cho bạn biết!

Bởi vì nếu bạn biết được "nó đã ra đời như thế nào ngay từ đầu" và "tại sao nó lại được sử dụng như thế này", việc thấu hiểu sẽ trở nên dễ dàng hơn nhiều 😃

⭐ Các bài giảng khác rất khó hiểu. Vì vậy tôi đã tạo ra bài giảng này.

Tôi vẫn còn nhớ ngày đầu tiên mình học phát triển web.

Tôi đã nghe vô số bài giảng, tham gia các lớp học ở trường và cũng đã theo học tại các trung tâm.

Nhưng tuyệt nhiên không có một ai giải thích cho tôi tại sao lại phải dùng như thế này, hay những thứ này đã được tạo ra như thế nào.

Nhưng khi trực tiếp phát triển tại hiện trường, tôi thấy có nhiều thứ dễ dàng hơn tưởng tượng,

Tôi sẽ tập hợp từng điều đó lại để kết hợp và cung cấp cho bạn dưới dạng một bài giảng duy nhất.

⭐ Tôi sẽ nỗ lực hết mình để giúp bạn nâng cao mức độ hiểu bài.

Đây không phải là bài giảng đầu tiên của tôi.

Tôi xin giới thiệu các đánh giá từ các video và bài giảng khác.

Đây không phải là một khóa học được làm hời hợt, tôi sẽ giải thích từng chút một cho đến khi bạn hiểu rõ mới thôi.

Nếu không biết, hãy đặt câu hỏi ngay lập tức nhé!

⭐ Thời đại đang thay đổi nhanh chóng.. nhưng những gì cần biết thì vẫn phải học.

Giờ đây mọi người đều đang nói về AI. AI tạo sinh, LLM, lập trình...

Giữa vô vàn từ khóa, trước khi hô vang "Một phát ăn ngay! Tự động hóa!" thì bạn cần phải nắm vững những kiến thức cơ bản.

Có như vậy, bạn mới có thể viết được những trang web quy mô lớn hơn, mã nguồn được sắp xếp gọn gàng và phần mềm dễ dàng bảo trì.

Chúng ta sẽ vừa tạo ra sản phẩm vừa học cú pháp Javascript cũng như cách thức hoạt động của trình duyệt web.

✅ Tài liệu học tập bổ sung! Cung cấp toàn bộ mã nguồn trang chủ được xây dựng bằng <WEB API>!

Cung cấp đầy đủ tài liệu về Web API của trình duyệt web (client) và các tính năng phía server!

Nếu bạn là nhà phát triển Frontend hay Backend, tôi sẽ hướng dẫn cho bạn tất cả khái niệm và thực hành về API mà bạn nhất định phải biết.

Ví dụ 1: Mã frontend kiểm tra thông tin khách hàng truy cập từ trình duyệt web

• Tìm hiểu thông tin client

• Kiểm tra thông tin hệ điều hành, trạng thái kết nối mạng và khả năng hỗ trợ tính năng của trình duyệt web

Ví dụ 2: Phân tích URL máy khách (Trang hiện tại, cổng, tham số, đường dẫn, v.v.)

Nếu bạn muốn thêm các chức năng khác nhau cho mỗi URL được truy cập từ trình duyệt web?

Hãy trực tiếp kiểm tra mã nguồn để biết cách lấy giá trị thông qua API bằng Javascript.

Ví dụ 3: Khu vực lưu trữ nhỏ, trải nghiệm với Cookie

Cookie trong trình duyệt web là gì? Làm thế nào để chúng ta có thể thao tác với cookie?

Hãy tự mình tạo, xóa và kiểm tra nhé!

Tôi sẽ gửi cho bạn tất cả các tệp mã nguồn đã viết và các tệp PDF đã được sắp xếp cùng một lúc!

🤔 Những điều cần lưu ý trước khi học