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) 수강평 159개

강의소개.상단개요.수강생.short

난이도 중급이상

수강기한 무제한

React
React
Chrome DevTools
Chrome DevTools
React
React
Chrome DevTools
Chrome DevTools

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.9

5.0

윤태영

96% 수강 후 작성

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.

5.0

정산아(공과대학 컴퓨터공학과)

42% 수강 후 작성

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.

5.0

유니짜장

100% 수강 후 작성

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

강의상세_배울수있는것_타이틀

  • 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.

강의소개.콘텐츠.추천문구

학습 대상은 누구일까요?

  • 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

선수 지식, 필요할까요?

  • HTML5, Javascript, CSS

  • React.js

강의소개.지공자소개

3,987

수강생

235

수강평

108

답변

4.9

강의 평점

3

강의_other

  • (Former) Haechi Labs Frontend Developer

  • (Former) LINE Financial Frontend Developer

  • Frontend development lectures for Samsung SSAFY, Programmers, etc.

  • Web performance optimization projects and course creation

  • Contributed to Microsoftware Issue 393 (JS theme) and Issue 392 (Blockchain theme)

더보기

커리큘럼

전체

24개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

해당 강의에서 제공: [object Object]
강의 게시일: 
마지막 업데이트일: 

수강평

전체

159개

4.9

159개의 수강평

  • junsushin45461566님의 프로필 이미지
    junsushin45461566

    수강평 2

    평균 평점 5.0

    5

    100% 수강 후 작성

    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
      지식공유자

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

  • wjdtksdk6889님의 프로필 이미지
    wjdtksdk6889

    수강평 1

    평균 평점 5.0

    5

    42% 수강 후 작성

    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
      지식공유자

      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
      지식공유자

      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

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

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

    • hackurity01
      지식공유자

      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
      지식공유자

      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

    수강평 9

    평균 평점 5.0

    5

    100% 수강 후 작성

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

    • hackurity01
      지식공유자

      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
      지식공유자

      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)

  • yung66990014님의 프로필 이미지
    yung66990014

    수강평 1

    평균 평점 5.0

    5

    96% 수강 후 작성

    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
      지식공유자

      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
      지식공유자

      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)

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

강의상세.할인문구

$38,500.00

30%

$42.90