Học Web & Javascript trong khi tạo ra với Cursor AI

🚨 Nội dung của bài giảng này sẽ được cập nhật bất cứ khi nào phiên bản Cursor được nâng cấp.

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

< Bạn có mơ ước phát triển phần mềm bằng công cụ AI không? >

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

Kể từ ChatGPT, vô số mẹo về khóa học phần mềm và phương pháp phát triển đã được phát hành.

Tạo một trang web hoặc trò chơi chỉ với một vài dòng nhắc nhở,

Ngay cả mã hóa rung cảm, nơi bạn thực hiện bằng giọng nói mà không cần gõ một dòng nào?

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

Nếu bạn giao toàn bộ công việc phát triển cho người khác, việc phát triển phần mềm liên tục sẽ không dễ dàng.

Trong thời đại có nhiều quan điểm chia rẽ sâu sắc như vậy, chúng ta nên học lập trình như thế nào?

Những người còn ngần ngại khi bắt đầu phát triển phần mềm, những người không chuyên về phần mềm nhưng muốn tạo trang web của riêng mình,

Bất kỳ ai muốn biết cách thức hoạt động của các trang web hoặc bất kỳ ai đã tạo mã bằng LLM nhưng muốn diễn giải mã đó!

Bắt đầu học những kiến thức cơ bản về phát triển web (Javascript, HTML/CSS) với khóa học này.

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

Bạn không chỉ học ngữ pháp mà còn phát triển các dự án của riêng mình!

Trong tương lai, lượng mã và phần mềm do AI tạo ra sẽ tăng lên.

Vẫn chưa muộn đâu. Trong thế giới mà ai cũng chạy, sao chúng ta không cùng nhau bước những bước đầu tiên nhỉ?

Mã được tạo bằng ChatGPT, Claude và Gemini... Bạn có muốn diễn giải và sửa đổi mã này không?

📌 Tôi sẽ cho bạn thấy ngay trước mắt! Đây là cách diễn giải mã được tạo ra với cùng một lời nhắc!

💻 Học ngữ pháp chăm chỉ để làm gì? Bạn cần học bằng cách sáng tạo! Học bằng cách xây dựng các dự án "thực tế".

🛠 Nắm vững khái niệm bằng cách sửa đổi mã do LLM tạo ra. À, thì ra mã hoạt động như thế này!

❌ Kiến thức nền tảng ư? Không! Thuật ngữ chuyên môn chỉ dân khoa học máy tính mới hiểu ư? Không! Tôi sẽ cho con cháu sau này xem.

❔ Tôi đang cố gắng chỉnh sửa một số mã, nhưng nó không hoạt động... Tôi nên làm gì? Tôi sẽ trả lời ngay! Vui lòng đặt nhiều câu hỏi.

✅ Bài giảng này rất hữu ích cho những người này.

✅ Xem tài liệu bạn học trong bài giảng thực tế và tự đưa ra đánh giá của riêng bạn 😀

👍 Tôi sẽ được lợi ích gì khi tham gia khóa học này?

Khóa học này hướng dẫn phát triển web từng bước bằng cách tạo một dự án con trỏ dựa trên mã do LLM tạo ra.

Nhưng! Điều này không chỉ hữu ích cho việc phát triển web đơn giản mà còn hữu ích cho những ai đang gặp phải những vấn đề sau:

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

Một công ty tỷ đô được thành lập bởi một người

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

10 công ty một người truyền cảm hứng

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

Một số người dự đoán rằng sẽ có những công ty có giá trị lên tới 1 tỷ đô la (1,3 nghìn tỷ won) khi chỉ có một người điều hành.

Một trong số đó là Sam Altman của OpenAI! Ông ấy nói rằng AI là một công nghệ mới sẽ thay đổi kỷ nguyên này.

Mặt khác, một số người lại cho rằng không dễ để đạt được thành công lớn nếu chỉ làm một mình.

Bạn đã bao giờ nghĩ về điều đó chưa?

'Làm sao tôi có thể tự mình tạo ra tác động đến thế giới?'

'Sau giờ làm việc, trong thời gian nghỉ phép, tôi có thể làm hoạt động nào í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 0 và việc phát triển phần mềm 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 lo lắng này.

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

Grok, Claude, ChatGPT, Gemini và thậm chí cả DeepSeek!

Tìm hiểu cách tự động tạo, sửa đổi và diễn giải mã bằng nhiều mô hình LLM.

2. Nó có tác dụng, nhưng tôi không biết tại sao. Tôi muốn học!

< Hiện nay, chúng ta đang sống trong một thế giới mà một trang web đơn giản có thể được tạo ra chỉ bằng một câu ngôn ngữ tự nhiên. >

Chúng ta không thể làm gì đó với thứ này sao?

Thế còn trang đích của công ty với nhiều trang, trang chủ danh mục đầu tư để giới thiệu bản thân hoặc trang thông tin hoặc blog cung cấp các câu đố đơn giản và kiến thức chung thì sao?

Trong 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 công cụ cũng có thể giúp bạn tạo ra "sản phẩm thực sự"!

Trong khóa học này, bạn sẽ tạo trang web của riêng mình, tải lên dịch vụ lưu trữ miễn phí và thu hút người dùng thực sự.

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

Tiêu đề: "Một công cụ tốt để khởi nghiệp kinh doanh SaaS của riêng bạn?" Nguồn: Hacker News

Bất kỳ ai cũng có thể tạo trang web?

Còn việc phân phối thì sao? Còn việc bảo trì thì sao? Chúng ta thu thập dữ liệu như thế nào? Làm thế nào chúng ta có thể kiếm tiền từ dữ liệu đó?

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

Thu thập dữ liệu, phát triển phần mềm, quản lý cơ sở dữ liệu...

Trước khi đến đó!

Đầu tiên, bạn cần tìm hiểu cách thức hoạt động của các trang web bằng cách tải lên và phân phối một trang web phù hợp.

Trong bài giảng này, chúng ta sẽ tìm hiểu sơ lược về quy trình tạo một trang web và những gì cần thiết sau đó.

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

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

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

Tôi đã từng dạy kèm cho những sinh viên không chuyên ngành khoa học máy tính, người lớn tuổi quan tâm đến máy tính và các chuyên gia đã nghỉ hưu. Tôi thường hoài nghi về các phương pháp giảng dạy truyền thống được áp dụng trong các trường đại học.

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

Đối với những bạn muốn phát triển trang web của riêng mình lần đầu tiên, tôi muốn đề cập đến mọi thứ từ A đến Z.

Các slide thuyết trình chất lượng cao, được thiết kế tỉ mỉ từng cái một, thậm chí cả lịch sử của web và Internet mà không ai nói cho bạn biết!

Sẽ dễ hiểu hơn nhiều nếu bạn biết "nó xuất hiện như thế nào ngay từ đầu" và "tại sao nó được sử dụng theo cách này" 😃

⭐ Các bài giảng khác rất khó nên tôi đã tạo ra bài giảng này.

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

Tôi đã tham dự vô số bài giảng, tham gia các lớp học ở trường và đến các học viện.

Nhưng không ai giải thích cho tôi tại sao nó được viết theo cách này hoặc nó ra đời như thế nào.

Nhưng khi tôi phát triển nó tại chỗ, có nhiều thứ dễ hơn tôi nghĩ.

Chúng tôi dự định thu thập từng thứ một và cung cấp chúng dưới dạng một bài giảng duy nhất.

⭐ Chúng tôi nỗ lực hết sức để giúp bạn hiểu rõ hơn về bài học.

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

Sau đây là một số đánh giá từ các video và khóa học khác.

Đây không phải là bài giảng được thực hiện một cách cẩu thả mà là bài giảng được giải thích từng bước cho đến khi bạn hiểu.

Nếu bạn không biết, hãy đặt câu hỏi ngay nhé!

⭐ Thời thế thay đổi nhanh chóng, nhưng bạn phải học những điều mình cần biết.

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

Trước khi hét lên "Tự động hóa một lần!" giữa vô số từ khóa, bạn cần nắm rõ những điều cơ bản.

Điều này cho phép chúng ta tạo ra các trang web lớn hơn, mã được tổ chức tốt hơn và phần mềm dễ bảo trì hơn.

Chúng ta sẽ tìm hiểu cú pháp Javascript và cách trình duyệt web hoạt động trong khi xây dựng sản phẩm của riêng mình.

✅ Tặng thêm tài liệu học tập! Tất cả mã trang chủ đều được cung cấp!

Chúng tôi cung cấp mọi thông tin về trình duyệt web (máy khách), API web và các chức năng phía máy chủ!

Chúng tôi sẽ dạy bạn tất cả các khái niệm API và bài tập thực hành mà các nhà phát triển front-end và back-end nhất thiết phải biết.

Ví dụ 1: Mã giao diện người dùng kiểm tra xem máy khách có đang truy cập trình duyệt web hay không.

• Tìm hiểu thông tin khách hàng

• Kiểm tra thông tin hệ điều hành, trạng thái giao tiếp và hỗ trợ chức năng trình duyệt web

Ví dụ 2: Phân tích URL của 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 tính năng khác nhau vào mỗi URL được truy cập trong trình duyệt web thì sao?

Kiểm tra mã nguồn để biết cách truy xuất giá trị thông qua API bằng Javascript.

Ví dụ 3: Khu vực lưu trữ nhỏ, chơi với bánh quy

Cookie trong trình duyệt web là gì? Tôi có thể quản lý chúng như thế nào?

Tự tạo, xóa và kiểm tra chúng!

Chúng tôi sẽ cung cấp cho bạn cả tệp mã nguồn đã viết và 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 tham gia lớp học