Real-world web performance optimization for frontend developers (feat. React) - Part. 1
hackurity01
Learn how to measure the performance of your React-built web services and optimize them for speed and efficiency.
중급이상
React, Chrome DevTools
React tạo ra dịch vụ web và học cách đo lường hiệu suất cũng như tối ưu hóa nhanh hơn và hiệu quả hơn.

Cách phân tích hiệu suất của dịch vụ web
Nhiều kỹ thuật tối ưu hóa hiệu suất web khác nhau
Nguyên lý hoạt động của trình duyệt
Cách sử dụng Chrome devtools
Cách sử dụng React devtools
Tối ưu hóa hiệu suất giao diện người dùng
Để phát triển thành một nhà phát triển FE có năng lực
Luyện tập! Tối ưu hóa hiệu suất giao diện web.
Inflearn tốt nhất!
Chuỗi bài viết tối ưu hóa hiệu suất web thực tế 🎲
Khóa học này dạy bạn các kỹ thuật phân tích và tối ưu hóa cho các dịch vụ web thông qua nhiều ví dụ khác nhau.
Không giống như các bài giảng tối ưu hóa vô trách nhiệm thông thường chỉ dạy lý thuyết,
Bạn có thể học cách phân tích và tối ưu hóa trực tiếp thông qua các ví dụ thực tế .
Đây là bài giảng đầu tiên về tối ưu hóa hiệu suất trục X của Hàn Quốc !
Đã khá lâu kể từ khi lĩnh vực được gọi là front-end xuất hiện,
Rất ít nhà phát triển front-end biết nhiều về tối ưu hóa hiệu suất web.
Trong thực tế này,
Học các kỹ thuật tối ưu hóa hiệu suất web để trở thành chuyên gia hàng đầu về front-end .
Bạn có thể lựa chọn xem mình có muốn trở thành một nhân viên bình thường chỉ biết xuất bản bài viết hay không.
Vui lòng kiểm tra mục tiêu học tập!
Tôi đã tạo ra khóa học này sau khi suy nghĩ về câu hỏi cơ bản "làm thế nào" để học cách tối ưu hóa hiệu suất . Nhìn lại kinh nghiệm trước đây của tôi trong việc phân tích và tối ưu hóa hiệu suất của nhiều dịch vụ web khác nhau, tôi nghĩ rằng thay vì chỉ dạy bạn nhiều lý thuyết, bạn sẽ có thể tìm hiểu thêm về tối ưu hóa hiệu suất web nếu bạn tự mình phân tích và thực hành các dịch vụ ví dụ.
Trên thực tế, tối ưu hóa hiệu suất có thể thay đổi tùy theo tình huống và có nhiều phương pháp khác nhau, nhưng những phương pháp cốt lõi được tập hợp lại, và nó không chỉ là một kỹ thuật tối ưu hóa mà còn là các nguyên tắc hoạt động của trình duyệt và các phương pháp phân tích hiệu suất , đó là xương sống và phần phát triển front-end của web. Tôi cũng sẽ cho bạn biết một số điều bạn có thể làm, vì vậy hãy học tập chăm chỉ. Chúng tôi luôn hoan nghênh mọi câu hỏi.
H. Bài giảng khó đến mức nào?
Cần có kiến thức cơ bản về web. Tuy nhiên, vì phần tối ưu hóa hiệu suất được giải thích chi tiết từ những điều cơ bản nên ngay cả những người mới tìm hiểu về tối ưu hóa hiệu suất cũng có thể hiểu được.
H. Bạn sử dụng chương trình (hoặc công cụ) nào trong khóa học này?
Tôi chủ yếu sử dụng công cụ dành cho nhà phát triển của Chrome (devtools). Ngoài ra, bạn có thể sử dụng thêm các thư viện khác khi cần và vì chúng có hướng dẫn và giải thích đơn giản nên bạn sẽ không gặp khó khăn khi học chúng.
H. Khóa học này có ưu điểm gì đặc biệt không?
Học cách tối ưu hóa hiệu suất web rất khó. Bởi vì không có dữ liệu chính xác và hầu hết chúng đều là những lý thuyết rời rạc. Tuy nhiên, trong bài giảng này, chúng tôi đã chuẩn bị một số dịch vụ web nơi bạn có thể tự mình tìm hiểu và thực hành các kỹ thuật tối ưu hóa từng phần như vậy. Do đó, bạn có thể tìm hiểu chi tiết cách phân tích dịch vụ, cách phân tích dựa trên cơ sở nào và áp dụng các kỹ thuật tối ưu hóa nào.
Khóa học này dành cho ai?
웹 hiệu suất tối ưu hóa quan tâm đến các nhà phát triển
더 빠르고 가벼운 웹 dịch vụ là mong muốn của các nhà phát triển
Các nhà phát triển muốn sử dụng tốt hơn các công cụ phát triển của Chrome
Nhà phát triển web front-end muốn cạnh tranh
Cần biết trước khi bắt đầu?
HTML5, Javascript, CSS
Phản ứng.js
3,875
Học viên
226
Đánh giá
108
Trả lời
4.9
Xếp hạng
3
Các khóa học
(전) 해치랩스 프론트엔드 개발자
(전) 라인 파이낸셜 프런트엔드 개발자
삼성 SSAFY, 프로그래머스 등 프런트엔드 개발 강의
웹 성능 최적화 프로젝트 및 강의 제작
마이크로소프트웨어 393호(JS 주제), 392호(블록체인 주제) 기고
Tất cả
21 bài giảng ∙ (7giờ 53phút)
Tài liệu khóa học:
12. 3-9) Tóm tắt
10:54
21. 4-9) Tóm tắt
11:46
Tất cả
51 đánh giá
5.0
51 đánh giá
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
It was really helpful listening to Part 1, but this time the project class volume has increased, so it's even better. I'm learning a lot~
Hello Junsu Shin. Thank you for your interest in the lecture! I will try to provide newer and more useful exercises in the next lecture! :)
Đánh giá 9
∙
Đánh giá trung bình 5.0
5
This time, I took the course along with Part 1. When it comes to optimization, I often searched Google and got frustrated because I didn't understand it, but the rich examples and kind explanations helped me a lot. Thank you for releasing a good course, and I will definitely listen to the next series if it comes out^^
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
Thank you for the great lecture. However, I think it would be better if you could make the source screen bigger when you teach the next series. Thank you.
Hello, jhkim. I apologize for not being able to enlarge the source code screen. 😭 I will come back with a more readable screen in the next lecture! Thank you for your interest in the lecture!
Đánh giá 3
∙
Đánh giá trung bình 5.0
Đánh giá 1
∙
Đánh giá trung bình 5.0
1.612.758 ₫
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!