강의

멘토링

로드맵

BEST
Programming

/

Full-stack

dự án thực tế vue.js (bản sao Twitter)

Tạo một dự án thực tế thông qua vue.js + firebase + tailwindcss. Nếu bạn tham gia khóa học này, bạn có thể tạo bất kỳ trang web nào.

(4.8) 21 đánh giá

251 học viên

  • jinsyu
Clone Coding
Vue.js
Firebase

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • vue3

  • gió đuôi css

  • xác thực căn cứ hỏa lực

  • căn cứ hỏa lực

  • lưu trữ căn cứ hỏa lực

  • lưu trữ căn cứ hỏa lực

Sử dụng Vue 3 + Tailwind CSS + Firebase
Hãy thử tạo Twitter của riêng bạn! 💪

✔️ Giới thiệu khóa học

Bạn sẽ tiếp tục đọc sách nhập môn và tham dự các buổi thuyết trình về lập danh sách việc cần làm trong bao lâu? Tôi không nói rằng những kiến thức cơ bản không quan trọng. Trong lĩnh vực phát triển, các công nghệ mới liên tục xuất hiện, và việc thành thạo chúng đòi hỏi một sự đầu tư đáng kể về thời gian và công sức. Việc tìm ra phương pháp học tập hiệu quả nhất để theo kịp là vô cùng quan trọng. Về mặt này, lập trình clone là cách học hiệu quả nhất. Bất kỳ ai cũng có thể dễ dàng hiểu ngữ pháp cơ bản, kết nối với cơ sở dữ liệu và hiển thị nội dung trên màn hình bằng cách tham gia các buổi thuyết trình và đọc sách. Tuy nhiên, trong lập trình thực tế, bạn sẽ gặp phải vô số vấn đề nhỏ nhặt không được đề cập trong các bài giảng. Thông qua các bài học lập trình clone của tôi, bạn sẽ trải nghiệm hàng trăm, thậm chí hàng nghìn lần tự hỏi và giải quyết câu hỏi "Tại sao nó không hoạt động theo cách tôi muốn?" và hy vọng, bạn sẽ tìm thấy niềm đam mê sâu sắc hơn với lĩnh vực phát triển.

✔️ Khóa học này có gì đặc biệt

  • Là một người học, những khoảnh khắc khó chịu nhất là khi những đoạn mã của giảng viên trôi chảy, như thể mọi thứ đã nằm trong đầu tôi và tôi chỉ cần gõ ra trên bàn phím. Để cùng bạn viết mã, tôi đã quay lại các bài giảng từ đầu (tất nhiên, tôi đã chuẩn bị trước một số hình ảnh và bộ màu để tiết kiệm thời gian).
  • Mã nguồn đầy đủ được cung cấp. Mỗi bài giảng đều có cam kết riêng, vì vậy bạn có thể dễ dàng theo dõi ngay cả khi bỏ lỡ nội dung nào đó.
  • Chúng tôi luôn sẵn sàng giải đáp thắc mắc của bạn 24/7, 365 ngày một năm. Nếu bạn bị kẹt trong bài giảng và giảng viên không hỗ trợ, bạn sẽ không thể hoàn thành bài giảng. Tôi hiểu khoảnh khắc đó tuyệt vọng đến nhường nào. Tôi sẽ phản hồi nhanh nhất có thể, trong vòng 24 giờ.

Trang web demo

https://twitter-clone-inflearn-76b0d.web.app/

Liên kết GitHub

https://github.com/jinsyu/twitter-clone-inflearn

Những câu hỏi dự kiến 🙋‍♀️🙋‍♂️

Câu hỏi 1. Phiên bản 3 của vue.js có thể được sử dụng trực tiếp trong các dự án thực tế không?
A-1. Không có sự khác biệt đáng kể nào so với phiên bản 2. Xét về mọi mặt, không có lý do gì để không nâng cấp lên phiên bản 3. Không cần thiết phải học phiên bản cũ hơn, phải không? Tham gia khóa học này, bạn sẽ nắm vững Vue.js 3 một cách hoàn toàn.

Câu 2. Khóa học này khó như thế nào?
A-2. Nếu bạn đã quen thuộc với Vue.js, ngữ pháp JavaScript cơ bản (hàm bất đồng bộ) và CSS (flex), bạn có thể tham gia khóa học mà không gặp khó khăn gì.

Câu 3. Tại sao phải tạo dự án bản sao?
A-3. Nhìn lại những năm tháng làm việc không chuyên, tôi nhận thấy việc tạo ra các dự án clone là cách hiệu quả nhất để cải thiện kỹ năng. Mặc dù việc xây dựng một dự án từ đầu đến cuối có thể khá khó khăn, nhưng cảm giác thành tựu khi bạn tự mình giải quyết và cuối cùng hoàn thành nó thật vô cùng to lớn. Nếu bạn đang tìm một cuốn sách ngữ pháp cơ bản, tôi thực sự khuyên bạn nên chọn cuốn mỏng nhất có thể. Nếu bạn đang học một khóa ngữ pháp cơ bản, tôi thực sự khuyên bạn nên học khóa ngắn nhất có thể trước khi bắt tay vào thực hiện một dự án thực tế.

Câu hỏi 4. Tôi là người mới bắt đầu học lập trình. Trong số rất nhiều ngôn ngữ lập trình và framework, tại sao bạn lại chọn Vue.js, Firebase và Tailwind CSS?
A-4. Nếu bạn sử dụng ba framework trên, không có gì bạn không thể tạo ra. Đây là một phương pháp mạnh mẽ mà lại dễ dàng. Nếu bạn không chắc chắn, hãy cứ tin tôi và làm theo.

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

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

  • Những người muốn tạo một dự án thực tế sau khi hoàn thành việc học cơ bản

  • Ai muốn học vue.js 3

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

  • ngữ pháp cơ bản javascript

  • cơ bản về vue.js

  • Hiểu cú pháp không đồng bộ (async-await)

Xin chào
Đây là

실용주의 프로그래밍을 지향하는 프리랜서 개발자 입니다.

python, js, golang, c#, django framework, djangorestframework,  flask, telegram bot, aws, vue.js, firebase, tailwind css... 닥치는대로 개발하고 있습니다.

특별히 배우고 싶거나 만들고 싶은 프로젝트가 있으시면 jinsyu.com@gmail.com으로 연락주세요.

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

Tất cả

54 bài giảng ∙ (9giờ 44phút)

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

Đánh giá

Tất cả

21 đánh giá

4.8

21 đánh giá

  • 질문답변님의 프로필 이미지
    질문답변

    Đánh giá 6

    Đánh giá trung bình 4.7

    4

    100% đã tham gia

    If you haven't taken the basic Vue.js course, I don't think I can recommend it. Since it progresses at a fast pace without any separate explanation of grammar, it felt like an intermediate level for beginners like me. Other than that, since the source files are committed to GitHub for each lecture, I was able to check them by comparing them with the actual source, so it took a little while, but I was able to complete it with some twists and turns.

    • dotted님의 프로필 이미지
      dotted

      Đánh giá 3

      Đánh giá trung bình 4.0

      4

      100% đã tham gia

      The lecture content is all good, but I don't understand why almost all the examples are political, and especially for a specific political party.

      • jinsyu
        Giảng viên

        Thank you for leaving a review. I think it was made by looking at actual Twitter tweets at the time. (I remember there was a Trump tweet.) I simply substituted the President of the Republic of Korea at the time and wrote the example tweet, so I apologize if it was uncomfortable. I had no intention of adding any political elements.

    • smlee2836님의 프로필 이미지
      smlee2836

      Đánh giá 9

      Đánh giá trung bình 4.8

      5

      100% đã tham gia

      I liked this lecture because it omitted detailed grammar and allowed the reader to understand the overall concept. You can look up detailed grammar if you want.

      • jinsyu
        Giảng viên

        Thank you for the good review. You have a good attitude. Haha

    • segun408님의 프로필 이미지
      segun408

      Đánh giá 3

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      As time went by, there were some parts where the code was a little different, but it was still a more useful time because I found and changed it. Thank you! :)

      • siktaeng4084님의 프로필 이미지
        siktaeng4084

        Đánh giá 10

        Đánh giá trung bình 5.0

        5

        61% đã tham gia

        I really like that you've done it almost exactly like Twitter, down to the details. There's a lot of CSS, but I like that you've done it all, even responsive. It's very helpful.

        Truy cập bị hạn chế đối với các khóa học không công khai.
        Khóa học riêng tư

        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!