
Core JavaScript
jaenam
This lecture examines the overall flow of core concepts that run through all of JavaScript up to ES6.
초급
JavaScript
Thực hành REST API và GraphQL trong khi tạo dịch vụ SNS dựa trên React đơn giản. Giới thiệu một cách đơn giản và dễ dàng để tạo môi trường phụ trợ cho việc phát triển giao diện người dùng.
Phản ứng
Tạo cơ sở dữ liệu và máy chủ cục bộ
API REST
GraphQL
CRUD
Các nhà phát triển front-end, hãy nâng cấp!
Xây dựng sự tự tin trong truyền thông dữ liệu.
Hiểu cách sử dụng REST API và GraphQL ,
Bằng cách xây dựng một cơ sở dữ liệu đơn giản
Sử dụng nó trong danh mục đầu tư của bạn!
Bạn đang chuẩn bị hồ sơ năng lực với mục tiêu tìm được việc làm lập trình viên front-end ? Trong bài giảng này, chúng ta sẽ tạo một dịch vụ mạng xã hội đơn giản bằng React thông qua một dự án nhỏ mang tên "clone coding ". Chúng ta sẽ cùng theo dõi, xây dựng không chỉ mã máy khách mà còn cả máy chủ và cơ sở dữ liệu.
Gần đây, khi hướng dẫn những người chuẩn bị cho công việc front-end, tôi nhận thấy nhiều người cảm thấy áp lực khi phải học các công nghệ phía máy chủ.
“Tôi cảm thấy gánh nặng rất lớn khi xây dựng môi trường phụ trợ.”
“Tôi muốn thử GraphQL, nhưng tôi không biết phải bắt đầu thế nào nếu không có sự trợ giúp từ phía sau.”
“Có thực sự đúng khi học MongoDB, MySQL, Firebase, v.v. trước khi đi làm không?”
Là một người không chuyên ngành nhưng cũng từng trải qua những khó khăn tương tự, tôi muốn chia sẻ với các bạn những kiến thức tôi đã tích lũy được. Nếu bạn sao chép, mã hóa bài giảng này và theo dõi dòng suy nghĩ của tôi, bạn sẽ tự nhiên tự tin hơn trong lĩnh vực truyền thông dữ liệu .
người tìm việc
Việc làm front-end
Chuẩn bị
Không chuyên ngành
Tiền vệ Junior
Tôi muốn có được bí quyết
Giao diện hiện tại
Các nhà phát triển cũng được chào đón!
Thực hành ngay lập tức
API REST, GraphQL
Cả hai
Bất kỳ ai muốn thực hành
✅ Những người cảm thấy gánh nặng khi học tập trên máy chủ
✅ Các nhà phát triển front-end muốn làm việc độc lập trên một danh mục đầu tư hoặc dự án đồ chơi
✅ Các nhà phát triển front-end hiện tại muốn đẩy nhanh quá trình phát triển front-end trước khi API sẵn sàng trong giai đoạn phát triển.
Để xây dựng một DB cục bộ
CRUD tối thiểu
Bằng cách chỉ xử lý các chức năng
Ít gánh nặng học tập hơn.
Thay vì giải thích tập trung vào ngữ pháp,
Tập trung vào các ví dụ thực tế
Kỹ năng phát triển thực tế
Bạn có thể nâng nó lên.
Quá trình phát triển thực tế
Chỉ cần làm theo
Tất nhiên, dòng chảy tổng thể
Bạn có thể hiểu được.
Vui lòng kiểm tra trước khi tham gia lớp học!
Chúng ta sẽ bắt đầu phát triển front-end bằng React và Next.js. Chúng ta sẽ tạo dữ liệu giả và triển khai tất cả các chức năng mà không cần giao tiếp với máy chủ.
Chạy máy chủ dựa trên nền tảng Express trong Node.js. Xây dựng cơ sở dữ liệu và tạo tuyến đường bằng JSON.
Khách hàng hoàn thành CRUD dựa trên dữ liệu thực tế thông qua giao tiếp REST API.
Chuyển đổi máy chủ sang cú pháp GraphQL dựa trên Apollo Server.
Triển khai giao tiếp GraphQL trên máy khách. Chúng ta cũng sẽ khám phá API react-query, chuyên về cuộn vô hạn.
H. Đây có phải là khóa học mà sinh viên không chuyên ngành cũng có thể tham gia không?
Đúng vậy, mục tiêu của chúng tôi là cung cấp một môi trường backend tối thiểu để phát triển frontend cho những người không chuyên.
H. Tôi có cần chuẩn bị gì trước khi tham dự buổi thuyết trình không?
Bạn cần cài đặt Node.js và Yarn. Bạn cũng nên làm quen với React và ECMAScript mới nhất để quá trình diễn ra suôn sẻ.
H. Tôi có phải tham dự buổi thuyết trình không?
Không, điều đó không đúng. Tôi đã đăng toàn bộ mã nguồn lên GitHub . Tôi đã tách từng chương thành các nhánh. Nếu bạn có thể xem mã nguồn và học trực tiếp, bạn vẫn có thể nắm vững toàn bộ khóa học mà không cần phải tham dự bài giảng này.
Tuy nhiên, dòng chảy ý thức mà tôi truyền tải bằng lời nói trong suốt bài giảng không thể đạt được chỉ thông qua mã GitHub. Đối với những ai chưa tự tin vào khả năng lập trình và tự giải quyết vấn đề, tôi tin rằng bài giảng này sẽ mang lại trải nghiệm bổ ích hơn nhiều.
JavaScript cốt lõi (nhấp chuột)
Hiểu về Javascript ES6+ - Người mới bắt đầu (Nhấp chuột)
Javascript ES6+: Hướng dẫn đầy đủ - Trung cấp (Nhấp chuột)
Hiểu về Javascript ES6+ - Phần thưởng (Nhấp chuột)
Khóa học này dành cho ai?
Người tìm việc front-end
Nhà phát triển front-end hiện tại
Cần biết trước khi bắt đầu?
Phản ứng
sợi/npm
32,415
Học viên
672
Đánh giá
393
Trả lời
4.8
Xếp hạng
11
Các khóa học
안녕하세요, 시니어 프론트엔드 개발자 정재남 입니다.
서로 돕고 함께 발전하는 건전한 공유문화를 지향하여 다양한 활동을 하고 있습니다.
저서: 코어 자바스크립트
유튜브 채널: FE재남
아티클 및 인터뷰 영상:
원티드) 신입 개발자, 뭘 공부해야 하죠? https://www.wanted.co.kr/events/22_02_s01_b01
인프런) To. 주니어 개발자 https://www.inflearn.com/pages/for-junior-developers-20211207
벤처이몽) 벤처/스타트업 시니어 개발자와 주니어 개발자의 솔직담백 토크쇼 https://youtu.be/6D7I4NNFHsU?si=nD6-F7EU_ZtYqDLI
바닐라코딩) 프론트엔드 개발자 취업 마인드셋 https://youtu.be/zX68pyoLctI
Tất cả
25 bài giảng ∙ (3giờ 37phút)
Tất cả
39 đánh giá
4.7
39 đánh giá
Đánh giá 7
∙
Đánh giá trung bình 5.0
5
I haven't been able to easily access it in other lectures, but it seems like a lecture that is absolutely necessary for front-end developers! I was at a loss as to whether I should study full-stack because they said that front-end development also requires server-side knowledge, but it was very good because I was able to understand and experience basic communication concepts relatively easily.
Đánh giá 2
∙
Đánh giá trung bình 4.0
5
Hello teacher! I also read the Tiger book diligently (loud voice)!! I was looking for a full stack project and when I saw that a new lecture was uploaded, I paid at the speed of light (early bird 🐶 profit!) and bought it and started studying now. I've only seen section 1 so far, but I really like how it's concise but explains only the key points, and I'm really grateful that you keep updating it with small but additional responses. I'm writing a review in advance because I think it'll be good in the future! If I don't know anything after reading it, I'll come back with a question. I'll also wait for the ts additional version like the article below!!
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
While working on a project that had to be completed in a short period of time, I had to test the communication function, but there was no server to pass the API to, so I had to create a local API in a hurry. At that time, I was able to access the lecture at a very timely time, and fortunately, I was able to test and demonstrate the communication function without any problems within the period :) The lecture itself was concise and focused on the necessary parts, so after completing the lecture once, it was a lecture that I could create on my own without any burden. Thanks to this, it was very helpful! Thank you!
Đánh giá 5
∙
Đánh giá trung bình 4.8
4
I listened to the lecture to get the overall flow before proceeding with the toy project and it was helpful. I think I could feel directly that GraphQL is more flexible by changing from Rest to GraphQL, but as someone who is hearing about GraphQL for the first time, it was difficult to understand, so I looked up other contents. In particular, I think I need to look into the React query part on the client side more to apply it directly. However, it seems that React query definitely has advantages. As someone who listened to it after finishing the boot camp, it felt like I dealt with a newer technology(?) rather than a simple full-stack toy project, so it was difficult but satisfying to listen to it because it will be a scope of study in the future.
Đánh giá 10
∙
Đánh giá trung bình 4.5
5
I took the course without any understanding of GraphQL. It was a time when I could get a taste of the technology. Although the learning volume was not large, I was able to learn it in a fun way. I needed to have some understanding of React and Next.js, and the mutation handling and other functional security parts in Section 6 were a bit difficult.
478.307 ₫
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!