강의

멘토링

로드맵

BEST
Programming

/

Front-end

Real-world web performance optimization for frontend developers (feat. React) - Part. 1

Learn how to measure the performance of your React-built web services and optimize them for speed and efficiency.

(4.9) 148 reviews

2,114 learners

  • hackurity01
3시간 만에 완강할 수 있는 강의 ⏰
React
Chrome DevTools

Reviews from Early Learners

What you will learn!

  • How to Analyze the Performance of a Web Service

  • Various Web Performance Optimization Techniques

  • How a browser works

  • How to use Chrome devtools

  • Front-end performance optimization

Are you confident in optimizing web front-end performance?
Get the most out of your optimization techniques by learning them all!

Vivid reviews of this course! ✨

What about this lecture?

Inflearn Best!
Practical Web Performance Optimization Series 🎲

Part.1 Current lecture

  • Optimizing your blog site
  • Optimizing Olympic Statistics Site

Part.2

  • General Home Page Optimization
  • Image Gallery Optimization

Part.3 Scheduled lectures

  • preparing!

This course teaches you analysis and optimization techniques for web services through various examples.
Unlike the typical irresponsible optimization lectures that only teach theories,
You can learn analysis and optimization directly through real-world examples .
This is Korea's first performance optimization X-axis lecture !


Questions about the lecture
Check it out 🙋‍♂️

Q. How difficult is the lecture?

Basic knowledge of the web is required. However, since the performance optimization part is explained in detail from the basics, even those who are new to performance optimization can understand it.

Q. What programs (or tools) do you use in this course?

I mainly use Chrome's developer tools (devtools). In addition, I use additional libraries as needed. Since I provide instructions and simple explanations, you won't have any difficulty learning.

Q. Are there any special advantages to this course?

Learning web performance optimization is difficult because there are no proper materials and most of them are fragmentary theories. However, in this lecture, we have prepared several web services where you can learn and practice by collecting such fragmentary optimization techniques. Therefore, you can learn in detail how to analyze the service, what to base it on, and what optimization techniques to apply.


Created this course
Introducing the knowledge sharer.

Fluid bacteria

  • (Current) Hatch Labs Frontend Developer
  • (Former) Line Financial Front-end Developer
  • Samsung SSAFY, Programmers, etc. Front-end development lectures
  • Web Performance Optimization Projects and Lecture Creation
  • Contribution to Microsoft Software Issue 393 (JS Topic) and Issue 392 (Blockchain Topic)

I created this course after thinking about the fundamentals of 'how' to learn performance optimization . After looking back on my previous experience analyzing and optimizing the performance of various web services, I thought that rather than just teaching you a lot of theory, if you analyze and practice example services yourself, you will be able to learn web performance optimization more clearly.

In fact, performance optimization can vary depending on the situation, and there are various methods, but I have gathered the core ones, and it is not just an optimization technique, but also the operating principles of browsers and performance analysis methods , so please study hard and learn the bones and flesh of web front-end development. Questions are always welcome.

Recommended for
these people

Who is this course right for?

  • Developers interested in optimizing web performance

  • Developers who want to create faster, lighter web services

  • Developers who want to make better use of Chrome devtools

  • Web Frontend Developer Who Wants to Be Competitive

Need to know before starting?

  • HTML5, Javascript, CSS

  • React.js

Hello
This is

3,788

Learners

211

Reviews

107

Answers

4.9

Rating

3

Courses

  • (전) 해치랩스 프론트엔드 개발자

  • (전) 라인 파이낸셜 프런트엔드 개발자

  • 삼성 SSAFY, 프로그래머스 등 프런트엔드 개발 강의

  • 웹 성능 최적화 프로젝트 및 강의 제작

  • 마이크로소프트웨어 393호(JS 주제), 392호(블록체인 주제) 기고

Curriculum

All

24 lectures ∙ (2hr 54min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

148 reviews

4.9

148 reviews

  • yung66990014님의 프로필 이미지
    yung66990014

    Reviews 1

    Average Rating 5.0

    5

    96% enrolled

    It has been a great help in optimizing my work in the real world. I am looking forward to Part 2. I hope it comes out soon.

    • hackurity01
      Instructor

      Hello, Taeyoung Yoon, this is Donggyun Yoo from the web performance optimization lecture. I'm glad it was helpful! I'll come back with another great lecture next time. Thank you. :)

    • hackurity01
      Instructor

      Part 2 I'm here to tell you some news! If you check the notice, you'll get a discount coupon for existing students! (~9/13)

  • wjdtksdk6889님의 프로필 이미지
    wjdtksdk6889

    Reviews 1

    Average Rating 5.0

    5

    42% enrolled

    I want to listen to the next lecture soon! I think it is a valuable lecture because it is a necessary but hard to find lecture.

    • hackurity01
      Instructor

      Hello, this is Yoo Dong-gyun from the web performance optimization lecture. Thank you for thinking this was a valuable lecture! I will come back with more helpful content in the next lecture. Thank you.

    • hackurity01
      Instructor

      It's been almost a year.. I'm here to tell you about Part 2! If you check the notice, you'll get a discount coupon for existing students! (~9/13)

  • youmejung1826님의 프로필 이미지
    youmejung1826

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    I liked that you explained the content that I had been wondering about while studying on my own!^^

    • hackurity01
      Instructor

      Hello, Unijjajang, this is Yoo Dong-gyun from the web performance optimization lecture. I'm glad it was helpful! I'm preparing the next lecture, so I'll come back soon with more content. Thank you.

    • hackurity01
      Instructor

      Part 2 I'm here to tell you some news! If you check the notice, you'll get a discount coupon for existing students! (~9/13)

  • baldongdongdong9902님의 프로필 이미지
    baldongdongdong9902

    Reviews 9

    Average Rating 5.0

    5

    100% enrolled

    It was a helpful lecture! If I had seen it before the interview, I would have passed... ㅠㅠ

    • hackurity01
      Instructor

      Hello, Lee Chung-man, this is Yoo Dong-gyun from the web performance optimization lecture. I'm glad it was helpful! There's nothing we can do about the previous interview, but I hope you have a good result in the next interview. I'll come back with more helpful content in the next lecture. Thank you.

    • hackurity01
      Instructor

      It's been almost a year.. I'm here to tell you about Part 2! If you check the notice, you'll get a discount coupon for existing students! (~9/13)

  • junsushin45461566님의 프로필 이미지
    junsushin45461566

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    It's hard to find good material on web performance, so I'm really glad that this is organized into a lecture. I'm looking forward to Part 2!

    • hackurity01
      Instructor

      Part 2 We have news for you! If you check the notice, there are discount coupons for existing students! (~9/13)

Limited time deal

$33.00

23%

$42.90

hackurity01's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!