강의

멘토링

커뮤니티

BEST
Programming

/

Full-stack

vue.js practical project (twitter clone)

Create a real-world project using vue.js + firebase + tailwindcss. If you take this course, you can create any site.

(4.8) 21 reviews

251 learners

  • jinsyu
Clone Coding
Vue.js
Firebase

Reviews from Early Learners

What you will gain after the course

  • vue3

  • tailwind css

  • firebase authentication

  • firebase firestore

  • firebase storage

  • firebase hosting

Using Vue 3 + Tailwind CSS + Firebase
Try making your own Twitter! 💪

✔️ Course Introduction

How long will you continue reading introductory books and attending TODO list-making lectures? I'm not saying the basics aren't important. In the development field, new technologies are constantly emerging, and mastering them requires a significant investment of time and effort. Finding the most efficient learning method to keep up is crucial. In this regard, clone coding is the most effective way to learn. Anyone can easily understand basic grammar, connect to a database, and display content on the screen by taking lectures and reading books. However, in actual programming, you'll encounter countless trivial problems not covered in lectures. Through my clone coding lessons, you'll experience hundreds or even thousands of times pondering and solving "Why isn't it working the way I want?" and hopefully, you'll find a deeper interest in development.

✔️ What's special about this course

  • As a learner, the most frustrating moments were those moments when the instructor's coding flowed effortlessly, as if everything was already in my head and all I had to do was type it out on the keyboard. To create the code together with you, I filmed the lectures from scratch (of course, I prepared some images and color sets in advance to save time).
  • Full source code is provided. Each lecture has its own commit, so you can easily follow along even if you missed something.
  • We're available 24/7, 365 days a year to answer your questions. If you get stuck in a lecture and the instructor doesn't help you, you won't be able to complete it. I understand how desperate that moment can be. I'll respond as quickly as possible, within 24 hours.

Demo site

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

GitHub Link

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

Expected Questions 🙋‍♀️🙋‍♂️

Q-1. Can vue.js version 3 be used directly in actual projects?
A-1. There aren't any significant differences from version 2. In all aspects, there's no reason not to upgrade to version 3. There's no need to take the older version, right? By taking this course, you'll master Vue.js 3 completely.

Q-2. How difficult is the course?
A-2. If you are familiar with Vue.js, basic JavaScript grammar (asynchronous functions), and CSS (flex), you can take the course without difficulty.

Q-3. Why create a clone project?
A-3. Reflecting on my years of experience as a non-major, I've found that creating clone projects has been the most effective way to improve my skills. While building a given project from start to finish can be frustrating, the sense of accomplishment when you solve it yourself and finally complete it is immense. If you're looking for a basic grammar book, I highly recommend choosing the thinnest one possible. If you're taking a basic grammar course, I highly recommend taking the shortest possible course before working on a real-world project.

Q-4. I'm a beginner in programming. Among the various programming languages and frameworks, why did you choose Vue.js, Firebase, and Tailwind CSS?
A-4. If you use the three frameworks above, there's nothing you can't create. It's a powerful yet easy method. If you're unsure, just trust me and follow along.

Recommended for
these people

Who is this course right for?

  • For those who want to complete basic learning and create a practical project

  • Anyone who wants to learn vue.js 3

Need to know before starting?

  • javascript basic grammar

  • vue.js basics

  • Understanding asynchronous syntax (async-await)

Hello
This is

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

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

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

Curriculum

All

54 lectures ∙ (9hr 44min)

Published: 
Last updated: 

Reviews

All

21 reviews

4.8

21 reviews

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

    Reviews 6

    Average Rating 4.7

    4

    100% enrolled

    Sẽ rất khó để giới thiệu nó nếu bạn nghe nó mà không học một bài giảng vue.js cơ bản. Bởi vì nó tiến triển với nhịp độ nhanh mà không có những giải thích ngữ pháp riêng biệt nên những người mới bắt đầu như tôi cảm thấy như đó là một lĩnh vực ở trình độ trung cấp. Ngoài ra, các tệp nguồn đã được cam kết đưa vào GitHub cho mỗi bài giảng nên có thể kiểm tra bằng cách so sánh với nguồn thực tế nên dù mất nhiều thời gian hơn một chút nhưng tôi vẫn có thể hoàn thành khóa học qua nhiều bước ngoặt .

    • dotted님의 프로필 이미지
      dotted

      Reviews 3

      Average Rating 4.0

      4

      100% enrolled

      Nội dung bài giảng đều hay, nhưng tôi không hiểu tại sao hầu hết các ví dụ đều phải mang tính chính trị, đặc biệt là về một đảng chính trị cụ thể.

      • jinsyu
        Instructor

        Cảm ơn bạn đã để lại đánh giá. Tôi nghĩ điều đó xảy ra là do tôi đã xem các dòng tweet thực tế trên Twitter khi tôi thực hiện nó. (Tôi nhớ có một dòng tweet của Trump.) Tôi đã viết một dòng tweet mẫu bằng cách thay thế nó bằng Tổng thống Hàn Quốc vào thời điểm đó và tôi xin lỗi nếu điều đó gây bất tiện. Tôi không có ý định đưa vào bất kỳ khía cạnh chính trị đặc biệt nào.

    • smlee2836님의 프로필 이미지
      smlee2836

      Reviews 9

      Average Rating 4.8

      5

      100% enrolled

      Tôi thích bài giảng vì nó cho phép bạn hiểu khái niệm tổng thể mà không cần phải đi sâu vào ngữ pháp chi tiết. Bạn có thể tra cứu ngữ pháp chi tiết.

      • jinsyu
        Instructor

        Cảm ơn bạn đã đánh giá tốt. Bạn có một tư thế tốt haha

    • segun408님의 프로필 이미지
      segun408

      Reviews 3

      Average Rating 5.0

      5

      100% enrolled

      Thời gian trôi qua, có một số phần của mã hơi khác một chút nhưng việc truy cập và thay đổi nó vẫn có lợi hơn. Cảm ơn! :)

      • siktaeng4084님의 프로필 이미지
        siktaeng4084

        Reviews 11

        Average Rating 5.0

        5

        61% enrolled

        Tôi rất vui vì bạn đã làm nó gần giống như Twitter, đến từng chi tiết. Có rất nhiều phần css, nhưng thật tuyệt khi mọi thứ đều đáp ứng. Nó giúp ích rất nhiều.

        Similar courses

        Explore other courses in the same field!