강의

N
챌린지

멘토링

N
클립

로드맵

BEST
Programming

/

Front-end

Front-end testing áp dụng trực tiếp vào thực tế - Phần 2. Thử nghiệm sâu hơn: Hồi quy trực quan/Thử nghiệm E2E

Trong bài giảng này, bạn sẽ hiểu các loại thử nghiệm tổng thể và học cách viết các bài kiểm tra đáng tin cậy bằng cách chọn các bài kiểm tra thích hợp cho tình huống.

(4.9) 19 đánh giá

604 học viên

  • hanjungv
테스트코드
tdd
e2e
vitest
Software Test
JavaScript
chromatic

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • Những khái niệm quan trọng cần thiết khi viết bài kiểm tra

  • Cách viết các bài kiểm tra front-end có thể tăng độ tin cậy vào mã bạn viết

  • Cách viết bài kiểm tra chụp nhanh bằng vitest

  • Cách viết bài kiểm tra hồi quy trực quan bằng Storybook và Chromatic

  • Cách viết bài kiểm tra E2E bằng Cypress

🎊Sự kiện 🎊

Nếu bạn đã tham gia khóa học Phần 1, hãy nhận coupon giảm giá 50% cho Phần 2!

Chúng tôi đang chia sẻ coupon cho những người đã hoàn thành tất cả bài gi강의 phần 1, giúp bạn có thể mua bài giảng phần 2 với giá giảm 50% rẻ hơn. Hãy truy cập bài viết dưới đây và sử dụng coupon trước khi mua!
📌Link bài viết: 링크
⚠ Bài viết này chỉ hiển thị cho người đã mua phần 1.


Chúng tôi hỗ trợ chi phí khóa học cho các bạn sinh viên và người chuẩn bị việc làm 💪

Để các bạn sinh viên không có thu nhập hoặc đang chuẩn bị việc làm bớt gánh nặng tài chính, các bạn chỉ cần điền form và gửi thì sẽ nhận được coupon giảm giá 50%. Nếu link đăng ký đang mở thì có thể đăng ký được. Chúng tôi ủng hộ việc học tập của các bạn. Hãy cố gắng lên 🔥
📌Link đăng ký: https://forms.gle/ohs7KywvSGXoJXGM7
⚠Đối với những bạn mới bắt đầu học FE thì chủ đề này có thể hơi khó. Hãy nhất định kiểm tra kiến thức tiên quyết trước khi học nhé!

Với kinh nghiệm nhiều năm viết test cho các dịch vụ khác nhau trong thực tế
Tôi sẽ chia sẻ tất cả mọi thứ về Frontend Testing!

Bạn có đang
băn khoăn về những điều này không? 🤔

comma30

Tôi tò mò về
kiểm thử frontend xác minh những gì
vậy

comma30

Việc thực hiện thử nghiệm trực tiếp trên thiết bị bằng tay
thật sự
quá lặp đi lặp lại và mệt mỏi

comma30

Viết trong thực tế
Test frontend thực sự
tôi rất tò mò

🤔 Bạn đã khá quen thuộc với việc tạo ứng dụng, nhưng có lo lắng liệu nó có hoạt động tốt trong môi trường production thực tế không?
🤔 Mặc dù biết rằng testing thực sự cần thiết, nhưng có quá nhiều loại frontend test khác nhau khiến bạn không dám bắt đầu?
🤔 Bạn có muốn xác minh và tự động hóa nhiều thứ hơn thay vì chỉ cố chấp với một loại test cụ thể?
🤔 Bạn có muốn tổng hợp về mục đích của testing và nên viết test nào?

Nếu bạn đang có những băn khoăn này, thì bạn đã tìm đúng chỗ rồi!
"Frontend Testing áp dụng ngay vào thực tế"được khuyến nghị.

Các chuyên gia frontend thực tế
đã giới thiệu khóa học này 👍

"Đây là khóa học mà bạn có thể học được tất cả từ tính cần thiết của test code đến các khái niệm testing đa dạng và phương pháp ứng dụng. Những ai chưa quen thuộc với testing có thể nắm vững khái niệm testing thông qua khóa học, còn những ai đã từng viết test code trước đây có thể học cách viết test code hiệu quả và có ý nghĩa hơn thông qua các ví dụ và thực hành trong khóa học để áp dụng vào công việc thực tế."

- Yoo Kyung-sang, nhà phát triển frontend tại Kurly

"Khi viết test code, có những lúc bản thân cần phải thuyết phục chính mình. 'Liệu việc test có làm trễ tiến độ phát triển không?' 'Có đúng khi test cái này không?' 'Có nên test những nội dung sẽ thay đổi sau này không?'"

Khóa học này đang trình bày các kỹ thuật đa dạng về cách có thể kiểm thử một trang web thương mại điện tử đơn giản một cách chiến lược. Tôi tin rằng sau khi xem hết video, bạn sẽ có thể tự tin viết code kiểm thử mà bản thân có thể thuyết phục được. Tôi hy vọng nhiều người xem video này sẽ có được sự tự tin trong việc kiểm thử.

- Lee Sang Chul, nhà phát triển frontend tại LINE Plus

"Từ việc tại sao phải viết test code cho đến cách viết như thế nào, đây là khóa học tập trung vào những điểm cốt lõi dựa trên các ví dụ thực tế có thể sử dụng trong công việc. Test code là phần không thể thiếu để tạo ra ứng dụng đáng tin cậy, nhưng tôi luôn băn khoăn nhiều về việc nên test cái gì và test như thế nào. Khóa học đã giúp tôi rất nhiều bằng cách sắp xếp và giải thích một cách rõ ràng các tiêu chí và phương pháp đó."

- Kim Eun Bin, nhà phát triển frontend tại LINE Plus

Thông qua khóa học này, hãy hiểu rõ mục đích của các loại test frontend khác nhau và tạo ra một ứng dụng hoàn thiện, vững chắc. 😍

Đa dạng kiểm thử frontend
Khóa học tốt nhất để học tất cả trong một lần 🚀

Trong khóa học này, chúng ta sẽ học nhanh và dễ dàng về các bài kiểm tra đơn vị, tích hợp, snapshot, hồi quy trực quan, E2E qua 2 phần bằng cách sử dụng dự án tương tự như trong thực tế. Hiểu được ưu điểm và hạn chế của từng loại kiểm tra, nắm rõ mục đích của việc kiểm tra để xây dựng được quy trình làm việc riêng của bản thân.

Điểm cốt lõi của bài giảng!

핵심 이미지 1

Từ những khái niệm quan trọng, từng bước một

Giải thích về tính cần thiết của việc kiểm thử và các quy tắc, khái niệm viết test mà mọi người cần biết chung.

핵심 이미지 2

Ngay cả khi gặp phải những khái niệm lần đầu tiếp xúc

Truyền đạt rõ ràng mục đích tại sao sử dụng từng công cụ và API, đồng thời xem xét kỹ lưỡng định nghĩa của từng loại test và phương pháp lựa chọn đối tượng.

핵심 이미지 3

để có thể tự học tập

Cung cấp các ví dụ và đáp án để bạn có thể tự viết bài kiểm tra dựa trên nội dung đã học, hỗ trợ quá trình học tập

핵심 이미지 4

Tương tự như thực tế

Chúng tôi cung cấp dự án ví dụ để bạn có thể dễ dàng áp dụng trong thực tế bằng cách viết test dựa trên ví dụ trang web thương mại điện tử giao tiếp với môi trường server thực tế để học cú pháp và công cụ.

Phần 2 bao gồm tổng cộng sáu phần
được cấu trúc như sau 📚

Phần 1.
TDD và
Kiểm thử Frontend

TDD 이미지

📌 Học về phát triển hướng kiểm thử từ góc độ frontend.
📌 Áp dụng kiểm thử đơn vị và tích hợp đã học ở phần 1 cùng với TDD.

Phần 2.
Kiểm thử Snapshot

스냅샷 테스트 이미지

📌 Tìm hiểu về snapshot testing.
📌 Học cách viết snapshot test sử dụng vitest.
📌 Học cách quản lý snapshot test.
📌 Cùng tìm hiểu về những hạn chế của snapshot testing.

Phần 3.
Kiểm thử hồi quy trực quan sử dụng Storybook và Chromatic

스크린샷 2023-12-05 오전 6.24.06

📌 Tìm hiểu về cách viết Storybook cho UI testing và đối tượng cần viết.
📌 Tìm hiểu về khái niệm visual regression testing.
📌 Tìm hiểu về cách viết visual regression test sử dụng Chromatic.
📌 Tích hợp với Github Actions để cùng tạo workflow cho visual regression testing.
📌 Tìm hiểu về những hạn chế của visual regression testing.

Phần 4.
E2E test là gì?

스크린샷 2023-12-09 오후 3.00.39

📌 Giới thiệu về khái niệm kiểm thử E2E và những điểm quan trọng cần xem xét khi viết kiểm thử.
📌 Cài đặt Cypress và sử dụng nó để viết kiểm thử E2E.
📌 Tìm hiểu về các khái niệm cốt lõi tạo nên Cypress như query, command, Retry-ability, đồng thời cùng nhau viết kiểm thử E2E và tìm hiểu về các API được sử dụng.

Phần 5.
Viết test E2E
sử dụng Cypress

스크린샷 2023-12-09 오후 3.11.42

[[SPAN_1]]📌[[/SPAN_2]] Tìm hiểu khái niệm về custom command và query, đồng thời cùng nhau viết code.
[[SPAN_2]]📌[[/SPAN_2]] Cùng nhau viết E2E test và học cách sử dụng session, intercept, v.v. để tăng tốc độ test và cải thiện môi trường hạn chế.
📌 Tìm hiểu sâu hơn về khái niệm test double.
📌 Xem xét những hạn chế của E2E test.

Phần 6.
Kết thúc

스크린샷 2023-12-12 오후 1.18.52

📌 Tổng hợp lại các bài test đã học trong phần 1 và phần 2.
📌 Dựa trên điều này, chúng ta sẽ suy nghĩ về chiến lược test phù hợp với nhiều tình huống khác nhau.

Khóa học liên quan 📺

11.001

Kiểm thử Frontend áp dụng ngay vào thực tế

1부. Cơ bản về Testing: Unit Test và Integration Test

Liên kết: https://inf.run/coESp

예상 질문 Q&A 💬

Q. Có thể học được trên cả Windows / MacOS không?
A. Có, hoàn toàn có thể. Lớp học được tiến hành trên MacOS và diễn ra trong môi trường VS Code và trình duyệt (Chrome).

Q. Tài liệu học tập ở đâu?
A. Tài liệu bài giảng được bao gồm trong bài giảng, và để xem mã ví dụ, vui lòng tham khảo GitHub.

Q. Có kiến thức nào cần biết trước khi học khóa học này không?
A. Bạn cần có kiến thức cơ bản về JavaScript (ES6) và React. Vì khóa học này tập trung vào testing nên sẽ chỉ giới thiệu sơ qua các công nghệ được sử dụng trong dự án, còn cách sử dụng cụ thể thì bạn cần tự học thêm. Tuy nhiên, mức độ sử dụng không quá khó nên bạn hoàn toàn có thể theo kịp nếu vừa học các công nghệ vừa làm theo từng bước.

Q. Có thể học trước các phần mong muốn mà không cần theo thứ tự không?
A. Khóa học này giải thích tuần tự các khái niệm về test, cách viết từng loại test, những hạn chế và giới thiệu các phương pháp test mới để vượt qua những hạn chế đó. Do đó, chúng tôi khuyến nghị bạn nên học tuần tự từ phần đầu tiên.

Q. Phần 1 và phần 2 có phải là các bài giảng liên tiếp không?
A. Vâng. Các bài giảng được tiến hành với cùng một dự án ví dụ, và nội dung đã giới thiệu trong phần 1 sẽ không được giới thiệu lại trong phần 2. Nếu có thể, chúng tôi khuyến nghị bạn nên học cả phần 1 và phần 2 cùng nhau.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Bất kỳ ai muốn có được sự tự tin về mã của mình thông qua thử nghiệm

  • Bất kỳ ai muốn tự động hóa việc xác minh thủ công lặp đi lặp lại thông qua thử nghiệm

  • Bất cứ ai luôn thắc mắc thử nghiệm front-end xác minh điều gì

  • Bất kỳ ai muốn tìm hiểu nhiều loại thử nghiệm front-end cùng một lúc và xây dựng quy trình làm việc tích hợp phù hợp

Cần biết trước khi bắt đầu?

  • JavaScript

  • CSS·HTML

  • Phản ứng

Xin chào
Đây là

1,574

Học viên

93

Đánh giá

67

Trả lời

4.9

Xếp hạng

2

Các khóa học

코드 조커

◦ 기초부터 완성까지, 프런트엔드(개발부터 테스트까지, 이론과 예제로 배우는 프런트엔드) 저자
◦ 12년차 프런트엔드 개발자
◦ (현) 글로벌 컨텐츠 회사 FE 개발 부문 팀장
◦ (전) NHN TOAST Cloud FE 개발 팀장
◦ (전) 삼성 SDS FE 개발자

오프

◦ 기초부터 완성까지, 프런트엔드(개발부터 테스트까지, 이론과 예제로 배우는 프런트엔드) 저자
◦ 8년차 프런트엔드 개발자
◦ (현) 글로벌 메신저 회사 FE 개발자
◦ (전) NHN TOAST UI 오픈소스 개발자

Chương trình giảng dạy

Tất cả

23 bài giảng ∙ (3giờ 59phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

19 đánh giá

4.9

19 đánh giá

  • sw2님의 프로필 이미지
    sw2

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    5

    22% đã tham gia

    항상 테스트에 대해 궁금증이 많았던 신입 개발자입니다. 1부에 이어서 들었는데요 확실히 2부까지 들으니깐 프로젝트 상황에 맞는 프론트 테스트를 조합해 작성할 수 있어서 막연했던 테스트 작성에 자신감이 생겼습니다ㅎㅎ이제 실무에 적용해봐야겠네요

    • 이효범님의 프로필 이미지
      이효범

      Đánh giá 4

      ∙

      Đánh giá trung bình 5.0

      5

      30% đã tham gia

      • 박진영님의 프로필 이미지
        박진영

        Đánh giá 2

        ∙

        Đánh giá trung bình 5.0

        5

        30% đã tham gia

        • 손정만님의 프로필 이미지
          손정만

          Đánh giá 43

          ∙

          Đánh giá trung bình 4.6

          5

          100% đã tham gia

          • Hyesu Hong님의 프로필 이미지
            Hyesu Hong

            Đánh giá 4

            ∙

            Đánh giá trung bình 5.0

            5

            30% đã tham gia

            1.402.738 ₫

            Khóa học khác của hanjungv

            Hãy khám phá các khóa học khác của giảng viên!

            실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트Course Thumbnail

            실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

            코드 조커, 오프

            이 강의를 통해 전반적인 프런트엔드 테스트 종류를 파악하고, 상황에 맞는 적절한 테스트 선택을 통해 신뢰감 있는 테스트를 작성하는 방법을 배웁니다.

            Basic

            Basic

            소프트웨어 테스트, JavaScript, React

            실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트Course Thumbnail

            실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

            코드 조커, 오프

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!

            실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트Course Thumbnail

            실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

            코드 조커, 오프

            이 강의를 통해 전반적인 프런트엔드 테스트 종류를 파악하고, 상황에 맞는 적절한 테스트 선택을 통해 신뢰감 있는 테스트를 작성하는 방법을 배웁니다.

            Basic

            Basic

            소프트웨어 테스트, JavaScript, React

            실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트Course Thumbnail

            실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

            코드 조커, 오프

            근본있는 프론트엔드 유닛테스트Course Thumbnail

            근본있는 프론트엔드 유닛테스트

            어쩔코딩

            프론트앤드 유닛테스트의 모든것을 마스터하실수 있도록, 기본 개념부터 상황별 테스트 작성법 그리고 고급 테스트 지식까지 모두 모아 전달드립니다

            Basic

            Basic

            소프트웨어 테스트, TDD, Jest

            근본있는 프론트엔드 유닛테스트Course Thumbnail

            근본있는 프론트엔드 유닛테스트

            어쩔코딩

            Flutter 테스트 기초Course Thumbnail

            Flutter 테스트 기초

            오준석

            플러터에서의 유닛 테스트, UI 테스트, 통합 테스트 방법에 대해 공식 문서 내용에 기반하여 설명하는 강의입니다.

            Basic

            Basic

            Flutter, 소프트웨어 테스트, integration-tests

            Flutter 테스트 기초Course Thumbnail

            Flutter 테스트 기초

            오준석

            소프트웨어 테스팅 입문 - C++Course Thumbnail

            소프트웨어 테스팅 입문 - C++

            문수영

            이 강의를 통해 자신이 개발한 코드에 좀 더 자신감을 가질 수 있게 도움을 주는 테스팅 기초를 습득합니다

            Basic

            Basic

            소프트웨어 테스트, TDD, C++

            소프트웨어 테스팅 입문 - C++Course Thumbnail

            소프트웨어 테스팅 입문 - C++

            문수영

            더 자바, 애플리케이션을 테스트하는 다양한 방법Course Thumbnail

            더 자바, 애플리케이션을 테스트하는 다양한 방법

            백기선

            자바 프로그래밍 언어를 사용하고 있거나 공부하고 있는 학생 또는 개발자라면 반드시 알아야 하는 애플리케이션을 테스트하는 다양한 방법을 학습합니다.

            Basic

            Basic

            Java, JUnit, Testcontainers

            더 자바, 애플리케이션을 테스트하는 다양한 방법Course Thumbnail

            더 자바, 애플리케이션을 테스트하는 다양한 방법

            백기선

            Java/Spring 테스트를 추가하고 싶은 개발자들의 오답노트Course Thumbnail

            Java/Spring 테스트를 추가하고 싶은 개발자들의 오답노트

            김우근

            Spring에 테스트를 넣는 방법을 알려드립니다! 더 나아가 자연스러운 테스트를 할 수 있게 스프링 설계를 변경하는 방법을 배웁니다.

            Basic

            Basic

            TDD, 소프트웨어 테스트, unittest

            Java/Spring 테스트를 추가하고 싶은 개발자들의 오답노트Course Thumbnail

            Java/Spring 테스트를 추가하고 싶은 개발자들의 오답노트

            김우근

            HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)Course Thumbnail

            HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

            코딩웍스(Coding Works)

            HTML+CSS+JS 실전 포트폴리오(시즌2)는 중급 퍼블리싱으로 다양한 실전 예제 학습을 통해 퍼블리싱 중급 실력을 위한 퍼블리싱 기본기를 익히시게 됩니다. 특히, 다양한 실전 예제와 전체 반응형 웹사이트 제작을 통해 중급 퍼블리싱에 자신감이 생기고 수업한 작업물을 통해 취업을 위한 개인 포트폴리오로 귀중한 자료가 툅니다. 38시간 가까운 충분한 학습량과 실전 예제를 통한 중급 퍼블리시 노하우를 익히게 되는 퍼블리싱 수업입니다.

            Basic

            Basic

            HTML/CSS, jQuery, JavaScript

            HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)Course Thumbnail

            HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

            코딩웍스(Coding Works)

            쥬쥬와 함께 하루만에 끝내는 스프링 테스트Course Thumbnail

            쥬쥬와 함께 하루만에 끝내는 스프링 테스트

            쥬쥬

            테스트 코드 작성이 망설여지시나요? 이 강의를 통해 스프링 환경 테스트의 A to Z를 경험해보세요!

            Basic

            Basic

            소프트웨어 테스트, Mockito, JUnit

            쥬쥬와 함께 하루만에 끝내는 스프링 테스트Course Thumbnail

            쥬쥬와 함께 하루만에 끝내는 스프링 테스트

            쥬쥬

            Practical Testing: 실용적인 테스트 가이드Course Thumbnail

            Practical Testing: 실용적인 테스트 가이드

            박우빈

            이 강의를 통해 실무에서 개발하는 방식 그대로, 깔끔하고 명료한 테스트 코드를 작성할 수 있게 됩니다. 테스트 코드가 왜 필요한지, 좋은 테스트 코드란 무엇인지 궁금하신 모든 분을 위한 강의입니다.

            Basic

            Basic

            소프트웨어 테스트, junit5, Mockito

            Practical Testing: 실용적인 테스트 가이드Course Thumbnail

            Practical Testing: 실용적인 테스트 가이드

            박우빈

            SW 역량테스트 합격하기 A형 with C++ (Advanced Algorithm)Course Thumbnail

            SW 역량테스트 합격하기 A형 with C++ (Advanced Algorithm)

            피로물든딸기

            코드트리 기출문제와 기출문제를 풀기 위한 알고리즘과 팁을 알려드립니다. C++을 사용하지만 라이브러리를 사용하지 않기 때문에 다른 언어를 사용하는 분도 수강이 가능합니다. (Python 코드 제공)

            Beginner

            Beginner

            C++, 코딩 테스트, 알고리즘

            SW 역량테스트 합격하기 A형 with C++ (Advanced Algorithm)Course Thumbnail

            SW 역량테스트 합격하기 A형 with C++ (Advanced Algorithm)

            피로물든딸기

            아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지Course Thumbnail

            아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

            이지웹

            전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

            Basic

            Basic

            HTML/CSS, JavaScript, jQuery

            아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지Course Thumbnail

            아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

            이지웹

            비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지Course Thumbnail

            비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

            Jiwoon Jeong

            내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다.

            Basic

            Basic

            HTML/CSS, JavaScript, REST API

            비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지Course Thumbnail

            비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

            Jiwoon Jeong

            제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]Course Thumbnail

            제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

            nhcodingstudio

            📌 이 강의는 전략형 AI 틱택토 프로젝트로 시작해, 객체지향 프로그래밍의 핵심 개념까지 실전 예제로 완성하는 커리큘럼입니다. 게임 구현으로 로직 설계와 AI 전략 사고를 훈련하고, 이어서 상속, 조합, 위임, 캡슐화 같은 OOP 설계 기술을 직접 코드로 경험합니다. 실제 프로젝트로 문법을 넘어서 ‘설계하는 개발자’로 성장하고 싶은 분께 추천드립니다.

            Basic

            Basic

            JavaScript, HTML/CSS, 객체지향

            제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]Course Thumbnail

            제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

            nhcodingstudio

            테스트 with Jest: 제로초에게 제대로 배우기Course Thumbnail

            테스트 with Jest: 제로초에게 제대로 배우기

            제로초(조현영)

            본 강의에서는 테스트가 필요한 경우와 테스트를 할 때의 장점을 Jest 프레임워크를 통해 보여드립니다. 리액트, Express 등에 유닛테스트, 통합테스트를 적용해봅니다.

            Basic

            Basic

            소프트웨어 테스트, Jest, react-testing-library

            테스트 with Jest: 제로초에게 제대로 배우기Course Thumbnail

            테스트 with Jest: 제로초에게 제대로 배우기

            제로초(조현영)

            모던 자바스크립트(ES6+) 기본Course Thumbnail

            모던 자바스크립트(ES6+) 기본

            김영보

            4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다.

            Basic

            Basic

            JavaScript, ES6

            모던 자바스크립트(ES6+) 기본Course Thumbnail

            모던 자바스크립트(ES6+) 기본

            김영보

            쉬운 모바일 테스트 자동화 시작하기 : Appium StudioCourse Thumbnail

            쉬운 모바일 테스트 자동화 시작하기 : Appium Studio

            QA대디

            Android 및 iOS 장치에서 테스트 자동화 개발이 궁금하신 모든 분을 위한 강의입니다. 이 강의를 통해 모바일 장치에서 자동화 테스트를 수행할 수 있게 됩니다.

            Beginner

            Beginner

            Appium Studio, 소프트웨어 테스트, QA(품질보증)

            쉬운 모바일 테스트 자동화 시작하기 : Appium StudioCourse Thumbnail

            쉬운 모바일 테스트 자동화 시작하기 : Appium Studio

            QA대디

            피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)Course Thumbnail

            피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)

            유용한IT학습

            앱은 우리 일상에서 중요한 역할을 합니다. 하지만 네이티브 앱을 개발하고 유지·보수하는 과정은 길고 복잡하며, 많은 비용이 들기도 합니다. 본 강의에서는 2024년 9월 현재 주목받고 있는 대안인 프로그레시브 웹 앱(Progressive Web App, PWA)을 소개합니다. PWA는 웹 기술과 네이티브 앱의 장점을 결합한 방식으로, 더 빠르고 효율적인 앱 개발과 유지 관리를 가능하게 합니다. 실습과 함께 PWA의 개념, 장점, 구현 방법을 단계별로 학습하며, 실무에 바로 적용할 수 있는 역량을 갖추게 됩니다.

            Beginner

            Beginner

            HTML/CSS, JavaScript

            피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)Course Thumbnail

            피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)

            유용한IT학습

            웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)Course Thumbnail

            웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

            webstoryboy

            웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

            Basic

            Basic

            HTML/CSS, jQuery, JavaScript

            웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)Course Thumbnail

            웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

            webstoryboy

            풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]Course Thumbnail

            풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

            잔재미코딩 DaveLee

            현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

            Beginner

            Beginner

            HTML/CSS, JavaScript, ES6

            풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]Course Thumbnail

            풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

            잔재미코딩 DaveLee

            스토리북 & 자동화 테스트와 함께 하는 컴포넌트 주도 프론트엔드 개발Course Thumbnail

            스토리북 & 자동화 테스트와 함께 하는 컴포넌트 주도 프론트엔드 개발

            인프런

            Beginner

            Beginner

            frontend, 소프트웨어 테스트, storybook

            스토리북 & 자동화 테스트와 함께 하는 컴포넌트 주도 프론트엔드 개발Course Thumbnail

            스토리북 & 자동화 테스트와 함께 하는 컴포넌트 주도 프론트엔드 개발

            인프런