Chuỗi bài học về Node và React để học bằng cách làm theo - Tạo trang Reddit (NextJS) (Bộ định tuyến trang)
johnahn
Thông qua bài giảng này, bạn sẽ có thể từng bước tạo một trang web Reddit từ đầu.
초급
Clone Coding, Node.js, React
BEST
vue.js 실전 프로젝트(트위터 클론)
vue.js + firebase + tailwindcss 를 통해 실전 프로젝트를 만들어보세요. 이 강의를 수강하신다면 어떤 사이트든 만들 수 있습니다.
초급자를 위해 준비한
[풀스택] 강의입니다.
이런 걸 배울 수 있어요
vue3
tailwind css
firebase authentication
firebase firestore
firebase storage
firebase hosting
vue 3 + tailwind css + firebase를 이용하여
트위터를 직접 따라만들어 보세요! 💪
✔️ 강의 소개
언제까지 입문서만 읽고, TODO list 만들기 강의만 들으실 건가요? 기본이 중요하지 않다는 말이 아닙니다. 개발분야는 끝없이 새로운 기술이 나오고 매번 새로운 기술을 익히는데 많은 시간과 노력을 들여야 됩니다. 거기에 따른 가장 효율적인 학습 방법을 찾아야 뒤쳐지지 않을 수 있습니다. 그런 점에서 가장 효율적인 학습법은 클론 코딩입니다. 기본 문법을 이해하고, 데이터 베이스와 연결하고, 화면에 뿌리는 것은 누구나 강의를 듣고 책을 읽으면 어렵지 않게 하실 수 있습니다. 하지만, 실제 프로그래밍에서는 강의에서 보지 못했던 수많은 자질구레한 문제들을 마주치게 됩니다. 저랑 같이 하는 클론코딩에서 "왜 내가 원하는대로 작동하지 않는지?" 고민하고 해결해나가는 수백 수천번의 경험을 통해서 개발에 흥미를 조금 더 느끼셨으면 합니다.
✔️ 이 강의만의 특별한 점
- 제가 학습자였을때 가장 무기력한 순간은 강의자의 막힘 없는 코딩, 이미 머리속에 다 들어있고 키보드로 쳐내기만 하면 되는 것 같았던 순간이었습니다. 저는 여러분들과 함께 만들어나가는 코딩을 하기 위해 제로베이스(물론, 시간절약을 위해 몇몇 이미지나 칼라셋같은 부분은 미리 준비해두었습니다.) 에서 강의를 촬영했습니다.
- 전체 소스 코드를 지원 합니다. 각 강의 별로 커밋을 해두어서 잠깐 놓친 부분도 문제 없이 따라가실 수 있습니다.
- 365일 24시간 질문에 답변을 드립니다. 강의를 듣다가 막혔는데, 강의자가 해결해 주지 않는다면 그 강의를 완강할 수 없습니다. 얼마나 간절한 순간인지 제가 잘 압니다. 24시간안에 최대한 빨리 답변을 드리겠습니다.
데모 사이트
https://twitter-clone-inflearn-76b0d.web.app/
깃헙 링크
https://github.com/jinsyu/twitter-clone-inflearn
예상 질문 🙋♀️🙋♂️
Q-1. vue.js 3버전 실제 프로젝트에 바로 투입 가능 한가요?
A-1. 버전2와 크게 달라진 점은 없습니다. 모든 면에서 버전3로 넘어가지 않을 이유가 없습니다. 굳이 구버전 강의를 들으실 필요는 없겠죠? 이 강의를 들으신다면 vue.js 3 완벽히 익히실 수 있습니다.
Q-2. 강의 난이도는 어느정도 인가요?
A-2. vue.js 와 javascript 기본 문법(비동기 함수), css(flex)에 대해 알고 계신다면 무리 없이 수강 가능하십니다.
Q-3. 왜 하필 클론 프로젝트 만들기 인가요?
A-3. 비전공자로서 수년간의 공부한 경험에 비추어보면, 클론 프로젝트를 만들어 보았을 때 가장 큰 실력 향상을 얻었습니다. 정해진 프로젝트를 처음부터 끝까지 만들어 보면서, 여러 문제상황들에 좌절하기도 하지만 직접 내 손으로 해결해내고 마침내 완성시켰을 때의 성취감은 엄청 납니다. 기본 문법서를 보신다면 최대한 얇은 걸로, 기본 문법 강의를 들으신다면 최대한 짧은 강의를 들으시고 실전 프로젝트를 만들어 보시는걸 적극 추천드립니다.
Q-4. 프로그래밍 입문자 입니다. 여러 프로그래밍 언어, 프레임 워크들 중에서 vue.js, firebase, tailwind css를 이용하신 이유가 있나요?
A-4. 위 3가지 프레임 워크를 이용하신다면 만들지 못할 것이 없습니다. 강력하면서도 가장 쉬운 방법입니다. 잘 모르시겠다면 저만 믿고 따라오시면 됩니다.
이런 분들께
추천드려요!
학습 대상은
누구일까요?
기본 학습을 마치고 실전 프로젝트를 만들어보고 싶으신 분
vue.js 3 배우고 싶으신 분
선수 지식,
필요할까요?
javascript 기초 문법
vue.js 기본
비동기 문법 이해(async-await)
실용주의 프로그래밍을 지향하는 프리랜서 개발자 입니다.
python, js, golang, c#, django framework, djangorestframework, flask, telegram bot, aws, vue.js, firebase, tailwind css... 닥치는대로 개발하고 있습니다.
특별히 배우고 싶거나 만들고 싶은 프로젝트가 있으시면 jinsyu.com@gmail.com으로 연락주세요.
커리큘럼
전체
54개 ∙ (9시간 44분)
2. 기본 프로그램 설치하기
11:09
3. 사이드메뉴 만들기
18:40
8. 홈페이지 트렌드 만들기
16:20
14. 프로필페이지
20:54
15. 트윗 컴포넌트
03:28
16. vue router 만들기
06:59
17. 메뉴 router 연결하기
08:34
18. 레이아웃 만들기
11:38
19. 회원가입 페이지
11:51
20. 로그인 페이지
02:56
21. firebase 프로젝트 생성
12:30
24. 로그인
10:55
25. input validation
04:21
26. vuex
16:32
27. navigation guard
16:48
29. tweet 입력
12:46
41. 좋아요 구현하기
06:07
42. 트윗페이지 만들기
19:43
43. 트윗 정보 가져오기
06:23
51. 알림 페이지
09:39
52. 쪽지 페이지
25:51
53. 트윗 삭제
07:03
강의 게시일:
마지막 업데이트일:
수강평
전체
21개
4.8
21개의 수강평
질문답변수강평 6
∙
평균 평점 4.7
4
100% 수강 후 작성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
수강평 3
∙
평균 평점 4.0
4
100% 수강 후 작성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지식공유자
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.
- segun408
수강평 3
∙
평균 평점 5.0
- siktaeng4084
수강평 10
∙
평균 평점 5.0
비슷한 강의
같은 분야의 다른 강의를 만나보세요!
![Từ những điều cơ bản về Flutter cho lần đầu thực hành [Full Stack Part 4] (Dễ dàng và vững chắc, thực hiện từng bước cho nhiều dự án khác nhau)강의 썸네일](https://cdn.inflearn.com/public/courses/331245/cover/1f8c5bb8-8aad-4542-b3bc-977cda51c846/331245.png?w=420)
![Mã hóa bản sao giao diện người dùng Netflix bằng Flutter + Firebase [Flutter]강의 썸네일](https://cdn.inflearn.com/public/courses/324976/course_cover/1355e898-fc20-4579-a88f-82340b849595/netflix-flutter-eng.png?w=420)
![Planner, học phát triển web ở cấp độ này thì sao? [Lý thuyết + Thực hành]강의 썸네일](https://cdn.inflearn.com/public/courses/333579/cover/5bfdb903-721c-4e32-803b-ed0d4cfc28b7/333579.png?w=420)
![Bootcamp CSS3 tương tác web hiện đại [Phiên bản đầy đủ]강의 썸네일](https://cdn.inflearn.com/public/courses/334857/cover/4ccc6c75-74aa-4aba-b3d9-8aabe36e9452/334857.jpg?w=420)
