Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)
John Ahn
In this course, you will be able to create a Reddit website from scratch, step by step.
초급
Clone Coding, Node.js, React
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.
Clone Coding
Clone Coding
Vue.js
Vue.js
Firebase
Firebase
먼저 경험한 수강생들의 후기
먼저 경험한 수강생들의 후기
4.8
5.0
smlee
100% 수강 후 작성
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.
5.0
segun408
100% 수강 후 작성
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! :)
5.0
파란하늘
61% 수강 후 작성
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.
강의상세_배울수있는것_타이틀
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.
강의소개.콘텐츠.추천문구
학습 대상은 누구일까요?
For those who want to complete basic learning and create a practical project
Anyone who wants to learn vue.js 3
선수 지식, 필요할까요?
javascript basic grammar
vue.js basics
Understanding asynchronous syntax (async-await)
강의소개.지공자소개
I am a freelance developer who pursues pragmatic programming.
python, js, golang, c#, django framework, djangorestframework, flask, telegram bot, aws, vue.js, firebase, tailwind css... I'm developing with whatever I can get my hands on.
If you have a specific project you want to learn or build, please contact me at jinsyu.com@gmail.com.
커리큘럼
전체
54개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)
14. Profile page
20:54
15. Tweet component
03:28
20. Login page
02:56
24. log in
10:55
25. input validation
04:21
26. vuex
16:32
27. navigation guard
16:48
29. Enter tweet
12:46
41. Like Implement
06:07
52. Note Page
25:51
53. Delete Tweet
07:03
강의 게시일:
마지막 업데이트일:
수강평
전체
21개
4.8
21개의 수강평
질문답변수강평 6
∙
평균 평점 4.7
4
100% 수강 후 작성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
수강평 3
∙
평균 평점 4.0
4
100% 수강 후 작성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지식공유자
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.
- segun408
수강평 3
∙
평균 평점 5.0
- siktaeng4084
수강평 12
∙
평균 평점 5.0
비슷한 강의
같은 분야의 다른 강의를 만나보세요!
![Flutter for Beginners: From Basics to Practice [Full Stack Part 4] (Easy and Solid Step-by-Step with Various Projects)강의 썸네일](https://cdn.inflearn.com/public/courses/331245/cover/1f8c5bb8-8aad-4542-b3bc-977cda51c846/331245.png?f=avif&w=420)
![[2021] Who builds paid web services these days? Everything about Firebase - Vue.js강의 썸네일](https://cdn.inflearn.com/public/courses/326594/cover/451fb778-2c07-4da1-bff9-c5ec71712928?f=avif&w=420)
![[Web Development Full Stack Course] A week before starting a Vue.js project - From basics to practice강의 썸네일](https://cdn.inflearn.com/public/courses/330078/cover/d413a6e5-4692-4d3f-ae26-64c5e8d592e5/vuejs-1)
![Coding Netflix UI Clone with Flutter + Firebase [Just Flutter]강의 썸네일](https://cdn.inflearn.com/public/courses/324976/course_cover/1355e898-fc20-4579-a88f-82340b849595/netflix-flutter-eng.png?f=avif&w=420)
![Modern Web Interactive CSS3 Bootcamp [Full vers.]강의 썸네일](https://cdn.inflearn.com/public/courses/334857/cover/4ccc6c75-74aa-4aba-b3d9-8aabe36e9452/334857.jpg?f=avif&w=420)