Start automating your tasks with Google Apps Script
totuworld
Learn how to automate repetitive tasks through six examples using Google Workspace (spreadsheets, forms).
입문
Google Apps Script, Google Sheets, Slack
BEST
Tìm hiểu mã hóa DO IT front-end trong khi tạo nó (Next.js, Typescript)
Thay vì tạo ra một dịch vụ có vẻ ngoài đẹp mắt, bạn có thể tạo một dịch vụ cho phép bạn gặp gỡ người dùng và nhận phản hồi. Có được sự tự tin trong phát triển web.
Đánh giá từ những học viên đầu tiên
Dịch cái này sang tiếng Việt
Cách sử dụng Next.js
Quản lý dữ liệu của bạn với Firestore trên Firebase
Sử dụng xác thực Firebase
Thiết kế và sử dụng API Web
Học bằng cách tạo ứng dụng của riêng bạn
Niềm vui của lập trình 🚀
Tôi muốn trở thành một nhà phát triển, nhưng
Tôi nên bắt đầu học từ đâu?
Tôi không biết phải học gì, nhưng tôi bị choáng ngợp bởi lộ trình front-end khổng lồ.
Nếu bạn cảm thấy mệt mỏi khi phải học thuật toán , hãy thử trải nghiệm niềm vui thực sự khi tạo ra các ứng dụng.
Nếu bạn vui vẻ, bạn có thể học lâu hơn.
Sinh viên và người tìm việc có thể thấy mức giá này khá cao, vì vậy hãy xem các bài đăng mới nhất trên blog của tôi trước.
Chúng tôi có phiếu giảm giá lớn dành riêng cho bạn!
Kiểm tra phiếu giảm giá🎟️👉 https://medium.com/@totuworld
Từ việc thiết lập môi trường phát triển
Lên đến triển khai ứng dụng🏃
Bài giảng này sẽ trình bày toàn bộ quy trình xây dựng và triển khai dịch vụ câu hỏi ẩn danh (Blahx2) từ đầu. Thay vì sử dụng phương pháp dựng hình phía máy khách (CSR) thường thấy khi học React.js, chúng ta sẽ tập trung vào Next.js, hỗ trợ dựng hình phía máy chủ (SSR), tạo mã HTML ban đầu trên máy chủ, sau đó thực hiện quy trình hydrat hóa.
Chúng tôi sẽ tận dụng Xác thực Firebase để nhanh chóng xây dựng ứng dụng của bạn mà không cần tốn thời gian triển khai nhiều phương thức đăng nhập mạng xã hội. Bạn cũng sẽ học cách lưu trữ và cập nhật dữ liệu theo mô hình NoSQL và xử lý phân trang bằng Firebase Firestore.
Tôi giới thiệu điều này tới những người này.
Niềm vui của lập trình
Người bạn đang tìm kiếm
Triển khai các chức năng thực tế
Bất cứ ai muốn thử nó
Công nghệ xu hướng mới nhất
Những người muốn học
Các tính năng độc đáo của khóa học này
Hãy xem thử nhé 💡
- Tôi sẽ bắt đầu từ đầu từng phần một để không cảm thấy nhàm chán khi học lý thuyết.
- Nếu bạn chỉ mới tiếp xúc với JavaScript, bạn sẽ thấy TypeScript rất hấp dẫn .
- Khi bạn nghiên cứu phần front-end, bạn sẽ phát triển mã từng bước để phần back-end dễ hiểu hơn.
- Ngay cả khi cùng một mã được lặp lại!
- Ngay cả những phần dễ mắc lỗi đánh máy!
- Đầu tiên, tôi sẽ giải thích theo hướng lập trình và sau đó dần dần cải thiện nó.
- Tôi để nguyên những lỗi thường mắc phải trong lập trình và cố gắng sửa chúng sau.
- Bạn có thể xem trước cách gỡ lỗi được thực hiện tại hiện trường .
Bạn sẽ học được gì ✨
Tạo trang chủ chính và trang chủ người dùng
Chúng tôi sẽ khám phá cách cấu trúc các trang được xem nhiều nhất cho người dùng của bạn. Chúng tôi sẽ đề cập đến toàn bộ quá trình tạo bố cục chung cho mỗi trang và thêm GNB.
Tạo API nhắn tin cho người dùng
Chúng ta sẽ xây dựng cả API để lưu trữ và truy xuất thông tin người dùng sau khi đăng ký, và API để đăng ký và chỉnh sửa tin nhắn. Chúng ta sẽ đề cập đến những cân nhắc khi cung cấp API từ máy chủ, và bạn sẽ học cách cấu trúc và lưu trữ dữ liệu trong Firestore.
Tạo trình tạo hình ảnh đồ thị mở
Khi bạn chia sẻ bài đăng trên mạng xã hội, hình ảnh và văn bản sẽ tự động được thêm vào. Bài viết này hướng dẫn cách sử dụng PlayWright và Chrome không đầu, có thể chạy trên AWS Lambda, để tạo hình ảnh chỉ dựa trên dữ liệu đầu vào mà không cần người dùng phải lo lắng.
Phân phối Vercel
Ngay cả khi bạn tạo một dịch vụ, bạn cũng không thể học được nhiều nếu không có cách tiếp nhận phản hồi từ người dùng. Để cải thiện điều này, chúng tôi sẽ hướng dẫn cách tạo môi trường triển khai liên tục bằng tài khoản GitHub và môi trường triển khai Vercel.
Phần thưởng: Thư viện Ajv
Khi xây dựng API web, việc xác thực dữ liệu đầu vào do người dùng gửi lên mỗi lần có thể gặp khó khăn. Đây chính là lúc thư viện Ajv và JSON Schema có thể hỗ trợ.
Phần thưởng: React Query
Chúng ta sẽ triển khai tính năng tải dữ liệu phân trang bằng useEffect của React.js. Chúng ta cũng sẽ tìm hiểu cách điều chỉnh tính năng này bằng React Query.
Câu hỏi dự kiến Hỏi & Đáp 💬
H. Tôi có thể tham gia khóa học này ngay cả khi tôi không chuyên về kỹ thuật máy tính (không phải chuyên ngành chính) không?
A. Có thể. Tuy nhiên, sẽ dễ hiểu hơn nếu bạn biết cú pháp JavaScript.
H. Nội dung bài học được trình bày ở mức độ nào?
A. Khóa học này tập trung vào việc xây dựng các dịch vụ thực tế thay vì lý thuyết hoặc cú pháp của React.js, Node.js và Next.js. Khóa học tập trung vào việc xây dựng và trình bày các từ khóa để học sâu hơn.
H. Tôi có cần chuẩn bị gì trước buổi thuyết trình không?
A. Nếu bạn chưa từng làm việc với JavaScript trước đây, bạn nên tìm hiểu sự khác biệt giữa let và const, cũng như map của Array.
Giới thiệu Người chia sẻ kiến thức ✒️
Tôi làm việc với vai trò là lập trình viên front-end tại Elegant Brothers .
Tôi tin rằng những người bình thường có thể cùng nhau làm nên những điều phi thường.
- Hiện tại) Woowa Brothers, Lập trình viên Front-end
- Cựu Yanolja, lập trình viên phụ trợ
- Cựu ArasoPandan, Lập trình viên phụ trợ
- Cựu) MobiDIX, lập trình viên trò chơi di động
- Chúng tôi hiện đang tổ chức nhóm nghiên cứu về Node.js thứ năm, giúp bạn tiếp cận gần hơn với việc sử dụng thực tế .
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Những người còn e ngại khi bắt đầu lập trình lần đầu
Bất kỳ ai muốn tạo một dịch vụ mà ai cũng có thể sử dụng, ngoài danh sách TODO
Những người có kiến thức về front-end nhưng không biết gì về back-end
Cần biết trước khi bắt đầu?
Khái niệm cơ bản về JavaScript
2,332
Học viên
36
Đánh giá
66
Trả lời
4.7
Xếp hạng
3
Các khóa học
우아한형제들에서 프론트엔드 프로그래머로 일하고 있습니다. 평범한 사람들이 모여서 비범한 일을 할 수 있다고 믿습니다.
- 현) 우아한형제들, 프론트엔드 프로그래머
- 전) 야놀자, 백엔드 프로그래머
- 전) ArasoPandan, 백엔드 프로그래머
- 전) MobiDIX, 모바일 게임 클라이언트 프로그래머
Chương trình giảng dạy
Tất cả
53 bài giảng ∙ (5giờ 41phút)
Tài liệu khóa học:
Tài liệu bài giảng
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
22 đánh giá
4.5
22 đánh giá
xiu15Đánh giá 3
∙
Đánh giá trung bình 4.7
5
45% đã tham giaFirst, listen to the middle part and leave a comment. Job seekers who want to get a job in the front-end, please listen. The reason is that 1. It doesn't spoon-feed This lecture is very good, and if you ask a great instructor about something you don't know, he will explain it in a summary and show you a screen for 5 minutes => If you go back to your seat, Google what you just saw, and look up more docs, it's a lecture that you can understand what he showed you. But it's not to the extent that you can't really follow. If you don't understand it like me, you can skip over it and just watch the lecture, unless you have a rough personality that always skips over it. I added one OOP design pattern that comes up in the beginning, read the firebase docs, and read chakra. You have to study by yourself to see the big picture and study to get a job. 2. Unknown library Chakra I tried Chakra for the first time. He didn't explain in detail how to use it and just showed it to me. However, if you feel like you're working at a company, find the docs on your own, get used to it a little, and follow along, it's fine. In fact, it is not a front-end lecture to explain styling libraries in detail. 3. Refactoring While following the lecture, if you write some code and it becomes complicated or you feel the need for reuse, it is good to move the code and rewrite it. 4. Coupon Shingong The instructor also posts on Medium, and if you look for the article there, it seems to be no secret that there are coupons with high discount rates. 5. Highly recommended It may be because I am a beginner, but there is not a single thing that can be glossed over in the lecture, and it seems that a lot of thought was put into the editing and composition. Also, the 3-month course period seems long, but it is also a bit stressful, so even when I am playing around, I come back thinking, "Oh, I have to take the lecture." I think this is the perfect lecture for Deadline Driven Development. 6. Q&A I have been asking a lot of questions, but you explain them well. Thank you for uploading a great lecture!
- totuworldGiảng viên
Thank you so much, Chuchu. I laughed a lot and got a lot of strength while reading your article. I like that you seem to have done the study method I intended so well. I don't know where you are or what you are doing, but I will always support you.
- mihykim1368
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
100% đã tham giaThanks to the fast-paced coding, I had fun listening to it. Just before I took this course, I took another course where the instructor did live coding on the latest technology stack lineup, but that course was a bit impromptu, so it was a bit difficult for the students to follow the flow. But this course was much easier to follow in order, so it was good. I think he prepared each lecture a lot. I saw him use Thunder Client during the course, so I installed the extension right away. It's convenient because I can send requests in VS Code without installing Postman. When writing comments, if you write them in JS Doc format like '/** */' instead of '//', the comment content will be displayed when you hover over the editor, which was a nice little tip. Please teach us more about this when you release another course. + There are some negative opinions about learning Chakra-ui in the course reviews, but I think a little differently. Chakra UI is evaluated as a well-made UI library, and many developers refer to it when designing components, and it seems that the usage is not much different from other UI libraries. For those who have used UI libraries so far, there will be almost no learning curve, and for those who have not used UI libraries so far, I think it would be a good opportunity to learn about a well-made UI library. I would like to recommend this front-end lecture to those around me because it is fun and provides practical tips. Thank you for the great lecture.
I also used material ui a lot, and the usage is very similar. I don't know what ui I will use in the future at my company, but it was good to try out a different ui library.
- eosbps4078
Đánh giá 4
∙
Đánh giá trung bình 4.8
4
23% đã tham giaObjectively, for the price 1. There is a lack of explanation about the code when writing firebase and API. 2. The inconvenience of learning another UI framework from the perspective of not using Chakra UI Personally, I wanted to get a refund after only listening to the first part, but I couldn't get a refund because I took unnecessary parts and exceeded the refund criteria. I personally didn't learn anything, and I feel like I wasted my money because I couldn't learn anything even if I listened more. The instructor tries to be as kind as possible, but from my perspective, I didn't learn anything because it only sounded like this rather than a friendly explanation of the code. Also, 3 months is enough time to listen to everything, but compared to other lectures, 3 months seems short because there may be parts that you want to check after time passes. The lecture fee is not cheap either. Still, since the lecture was made with sincerity, I will leave a 4-star rating.
- totuworldGiảng viên
Hello Naducoding. Thank you for your advice. I will think about how to fix it.
- sorayeon
Đánh giá 81
∙
Đánh giá trung bình 5.0
- endymion
Đánh giá 14
∙
Đánh giá trung bình 5.0
5
100% đã tham giaIt was tough~ I was able to study easily, quickly, neatly, and enjoyably while creating an actual service. I feel refreshed ㅎㅎ I was able to learn a lot. Thank you~
- totuworldGiảng viên
Endymion, you've already completed the course! Congratulations 🎉🎉🎉 I'm touched that you left a review and even left some helpful tips for others.
2.089.422 ₫
Khóa học khác của totuworld
Hãy khám phá các khóa học khác của giảng viên!
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!
![The 'Perfect' Front-End Course Created at [Code Camp] Bootcamp강의 썸네일](https://cdn.inflearn.com/public/courses/335397/cover/133267ea-9728-4642-927e-74a76eaac4c3/335397.png?f=avif&w=420)
![[Fullstack Introduction] Supabase, 10x Better Than Firebase강의 썸네일](https://cdn.inflearn.com/public/courses/334439/cover/9e628f60-3721-4d03-b36d-a577593b96fd/334439.jpg?f=avif&w=420)
