강의

멘토링

로드맵

BEST
Programming

/

Programming Language

Building Robust JS Software

Even if you create the same function, the code of a junior developer who has just learned JavaScript syntax and that of an experienced senior developer will be quite different. Of course, even if the results are the same. The reason the latter's code is recognized is because of its well-designed structure and scalability to respond to changes. This lecture will learn about how to create such good code.

(4.8) 96 reviews

1,178 learners

  • jeonghwan
3시간 만에 완강할 수 있는 강의 ⏰
Software Test
TDD
jasmine

Reviews from Early Learners

What you will learn!

  • Test-Driven Development (TDD) Methodology

  • JavaScript Module Pattern

  • Code refactoring with the single responsibility principle

  • DOM Manipulation and Event Handling

  • Testing and maintaining JavaScript code

If you know good code,
You can make good software.

Building robust software

Even if they create the same function, the code of a junior developer who has just learned JavaScript syntax and an experienced senior developer are quite different. Of course, the result is the same. The reason the latter's code is recognized is because of its well-organized design and extensibility to respond to changes. This lecture will teach you how to create such good code.


What's special about this course

  • You can design and code robust front-end code using test-driven development methodology .
  • You can learn software engineering principles and design patterns .

First, let's look at the characteristics of JavaScript and why TDD (Test Driven Development) is necessary. We'll proceed with code examples commonly used in practice. We'll diagnose problems in the code together and go through the process of improving it step by step. Then, we'll look at the theory of TDD and design patterns. By applying this to refactoring, you can eventually create good quality code.

Each lecture is less than 10 minutes long, so you can start over at any time. The branches prepared in the middle of the video are a small consideration for those who were unable to practice. However, I strongly recommend that you participate in the class by coding step by step.


People like this will love hearing this!

“I know JavaScript grammar, but I don’t know how to develop.”

“I’ve heard of TDD, but I’m curious about how to do it.”

“I would like to see only minor changes to the code, even if the requirements change.”

🔹 Preview the learning environment

  • Editor: VS Code
  • Code repository: Github
  • Browser: Chrome
  • Test Framework: Jasmine

Introducing myself 🧑‍🏫

Kim Jung-hwan

A working developer who loves learning and organizing web technologies.
I run a technology blog about web technologies and my thoughts as a developer.

We also share the skills we have learned and the know-how we have learned in practice in the form of presentations or lectures.

I work as a front-end developer at Elegant Brothers.

I also wrote content related to React technology.

Recommended for
these people

Who is this course right for?

  • Programming beginner

  • javascript developer

  • Front-end developer

  • Anyone who wants to improve software quality

  • People interested in test-driven development

Hello
This is

13,843

Learners

862

Reviews

586

Answers

4.8

Rating

9

Courses

수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.

Curriculum

All

19 lectures ∙ (1hr 11min)

Published: 
Last updated: 

Reviews

All

96 reviews

4.8

96 reviews

  • HYUNJUN KIM님의 프로필 이미지
    HYUNJUN KIM

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    김정환 님의 강의 덕분에 좋은 코드를 작성하는 게 어떤 것인지 감을 잡을 수 있었습니다. 저는 비전공자로 프로그래밍에 입문한 지 몇개월 안된 수강생입니다. 사람들이 항상 좋은 코드, 클린 코드 말하는 것만 듣고, 그게 정확히 어떤 것인지 감이 잘 안 잡혔습니다. 그러던 와중에 저의 멘토분께서 항상 TDD로 코딩 해보는 것을 추천해주셨습니다. 일을 매우 작은 단위로 추적하는 것을 습관화하는데 도움이 된다는 말과 함께요. 그래서 김정환 님의 강의를 찾아 들었습니다. 작은 단위로 생각하는 것과 더불어, 맨날 말로만 들었던 DRY 한 코드가 어떤 것인지 조금이나마 감을 잡게 된 것 같습니다. 이 강의 뿐만 아니라, 노드 TDD 개발이나 블로그에 써주시는 글도 너무 좋은 것 같습니다. 좋은 강의 자료 제공해주셔서 감사합니다.

    • 김정환
      Instructor

      강의, 블로그까지 찾아주시다니 고맙습니다.

  • 홍상의님의 프로필 이미지
    홍상의

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    재미있어요. 간단하지만 많은 내용이 들어가 있습니다. TDD부터 자바스크립트 개발시 주의할점. 거기에 객체개념까지... 강사님은 자연스럽게 그런것들을 적용하는것 같은데 전 아직 그정도는 아닙니다. 많이 배우고 갑니다.

    • 김정환
      Instructor

      저도 아직 배워야할것 들이 많아요ㅜㅜ

  • sugbong2님의 프로필 이미지
    sugbong2

    Reviews 6

    Average Rating 5.0

    5

    100% enrolled

    깔끔하네요

  • 김호균님의 프로필 이미지
    김호균

    Reviews 14

    Average Rating 5.0

    5

    100% enrolled

    아주 쉽게 TDD에 대해서 설명해주시네요 TDD에 대한 개념을 아주 쉽게 설명해 주셔서 재밌게 봤습니다. 만드시는 소스 스타일이 React나 Vue랑 비슷한거 같네요. 궁금한 점이 있습니다. 아직 ES6를 사용하지 못하는 프로젝트에서는 ES5로 변환해서 배포해야 할텐데 ES6에서 테스트한 코드는 ES5로 변환한 후에도 테스트에서 통과한 내용을 모두 보증할 수 있나요? 좋은 강의 감사합니다. 다른 강의도 유익하게 보겠습니다!

    • 김정환
      Instructor

      그렇지 않습니다 어플리케이션 코드와 버전을 맞추는 것이 좋습니다. es5로도 얼마든지 테스트 코드 작성할 수 있거든요.

  • uoon lee님의 프로필 이미지
    uoon lee

    Reviews 1

    Average Rating 4.0

    4

    100% enrolled

    프론트엔드 TDD 수업은 많지 않습니다. 김정환 님 강의는 웬만하면 챙겨 듣는 편이에요. 마침 테스트 주도 개발에 관심이 생겼을 때 강의가 있길래 구입해서 몰아 들었습니다. 쉽게 설명해주시기에 처음 시작하시는 분들에게 도움이 되는 강좌일 거라 생각해요. 분량이 적은 편이라 깊은 내용까지 알기는 어렵지만 맛보기로 시작해보기에 괜찮은 강의라고 생각합니다. 늘 좋은 강의해주셔서 감사합니다.

    Limited time deal ends in 5 days

    $20,620.00

    25%

    $22.00

    jeonghwan's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!