강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

Tìm hiểu cách phát triển JavaScript và VueJS thuần túy thông qua phát triển giao diện người dùng thực hành

Chúng ta sẽ tìm hiểu cách phát triển VueJS bằng cách tạo trang tìm kiếm trung tâm mua sắm bằng cách sử dụng JavaScript thuần túy và thư viện giao diện người dùng có tên VueJS. Bạn có thể phát triển bằng JavaScript và VueJ thuần túy, đồng thời tìm hiểu sự khác biệt giữa từng lần phát triển cũng như sự khác biệt giữa các mẫu thiết kế MVC và MVVM.

(4.7) 127 đánh giá

2,190 học viên

  • jeonghwan
JavaScript
Vue.js

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

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

  • Phương pháp phát triển thực tế Javascript

  • Khái niệm cơ bản về Vue.JS

  • Kiến trúc MVC/MVVM

  • Phát triển thành phần

  • Sự khác biệt về phương pháp phát triển giữa JS thuần túy và Vue.js

  • Thực hành triển khai hàm với JS thuần túy

Phát triển front-end tiến thêm một bước nữa,
So sánh trực tiếp JavaScript thuần túy và Vue!

1. Giới thiệu bài giảng

Khóa học này bao gồm thư viện UI Vue.js, và bạn sẽ tạo một trang tìm kiếm trung tâm mua sắm trực tuyến! Đầu tiên, bạn sẽ triển khai mẫu thiết kế MVC được sử dụng rộng rãi bằng JavaScript thuần túy. Sau đó, bạn sẽ khám phá những ưu điểm của thư viện này bằng cách phát triển mẫu thiết kế MVVM với Vue.js. Cuối cùng, bạn sẽ tìm hiểu về các thành phần, học cách mô-đun hóa và lắp ráp các thành phần UI để tạo màn hình. Mỗi bài học ngắn, dưới 10 phút. Các bài tập thực hành được bao gồm ở cuối mỗi chương. Hãy phát triển kỹ năng lập trình của bạn thông qua việc thực hành thực tế!

2. Mục tiêu học tập

Mục tiêu là hiểu lý do tại sao bạn nên sử dụng kiến trúc MVVM và tìm hiểu cách triển khai nó, Vue.js. Đây không chỉ đơn thuần là phần giới thiệu về thư viện; mà còn là tìm hiểu những hạn chế của các phương pháp phát triển giao diện người dùng (UI) truyền thống và sau đó nghiên cứu Vue.js như một giải pháp. Chúng ta cũng sẽ khám phá những lợi ích của việc phát triển front-end web dựa trên thành phần.

3. Những người có thể giúp đỡ

  • Người mới bắt đầu phát triển front-end web
  • Bất kỳ ai muốn hiểu ý nghĩa của các mẫu thiết kế JavaScript
  • Bất kỳ ai muốn học phát triển Vue.js
  • Bất kỳ ai muốn biết sự khác biệt giữa công nghệ JavaScript thuần túy và công nghệ Vue.js

4. Những điều cần học

  • Kiến thức cơ bản về Vue.JS
  • Kiến trúc MVC/MVVM
  • Phát triển thành phần

5. Giới thiệu người chia sẻ kiến thức

Kim Jeong-hwan
Tôi là một nhà phát triển JavaScript chuyên xây dựng các ứng dụng máy chủ/máy khách bằng công nghệ web. Tôi thích học hỏi và chia sẻ kiến thức của mình. ^^

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

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

  • Giới thiệu về phát triển JavaScript

  • Giới thiệu về phát triển web front-end

  • Bất kỳ ai muốn hiểu ý nghĩa của các mẫu thiết kế JavaScript

  • Bất cứ ai muốn học phát triển VueJS

  • Nhà phát triển mới bắt đầu muốn phát triển nhưng đang thua lỗ

  • Bất cứ ai muốn phát triển với JS thuần túy

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

  • Cơ bản về Javascript

  • Kiến thức đánh dấu HTML, CSS

Xin chào
Đây là

13,787

Học viên

858

Đánh giá

585

Trả lời

4.8

Xếp hạng

9

Các khóa học

👋🏼 안녕하세요 인프런에서 강의하는 김정환입니다.

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

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

Tất cả

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

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

127 đánh giá

4.7

127 đánh giá

  • 김동혁님의 프로필 이미지
    김동혁

    Đánh giá 20

    Đánh giá trung bình 4.8

    5

    100% đã tham gia

    강의 장점 1. 편집을 엄청 잘해놓으셔서 강의시간이 짧고 이로 인해 2회독 3회독 하는데 부담이 없음. 마치 공단기나 수능의 1타 인강처럼 편집이 장난 아님. 사용자의 시간을 안뺏고 진짜 강의도 짧으면서 안에 핵심 내용은 다들어가있음. 2. 강의 커리큘럼을 완벽하게 짜놓음. 처음부터 vuejs를 배웠으면 vuejs가 가지고 있는 장점이나 이점을 이해하기 힘들었을 것임. 순수 자바스크립트로 기능 구현을 하면서 고생을 뻘뻘하고, 이후에 같은 기능을 vuejs로 구현하면서 암을 치유하는 이 기법은 참으로 대단함 단점 없음. 인프런에서 강의 4-5개 들었지만 없다고 쓴건 처음임.. 시작할려고하는 분들에게 ES6 기본 커리큘럼은 듣고 오셔야 이 강의를 듣기 쉬움. 저같은 경우 Es6를 제대로 모르고 자바스크립트 기초강의만 듣고 와서 이 강의를 처음 수강했는데 처음 자바스크립트로 구현하는 곳에서 이해가 안되서 꽤 힘들었고 인터넷 찾아보면서 하나하나 개념익혔는데 이게 알고보니 ES6 기초강의 하나 들었으면 해결될 문제였음 마지막으로 강사분에게 좋은 강의 감사합니다. 무조건 다른 강의도 수강하겠다는 생각 듭니다. (__) 한줄평 : 인프런 1타 강사 & 강의입니다.

    • 김정환
      Giảng viên

      이런 리뷰를 이제야 봤다니... 고맙습니다. 🙇‍♂️

    • 저는 자바스크립트 기초공부좀 하고 다시 와야겠네요ㅠㅠㅠ

  • 이유정님의 프로필 이미지
    이유정

    Đánh giá 7

    Đánh giá trung bình 4.4

    5

    100% đã tham gia

    강좌 엄청 좋아요. 퍼블리셔 일하다 웹 개발쪽으로 가고 싶다고 생각해서 인프런에서 강의 찾다가 vue.js가 제일 가벼운 framework라고 듣고, 강사님 강의 듣게 됬는데... 좋아요.. 엄청... 인터넷에서 강의 듣다가 내용이 공중분해 되는 느낌을 받은 적이 빈번했는데, 강사님 강의는 전혀 아니네요... 신기합니다... 질문 응답도 빨리 해주시네요. 감사합니다. vue.js 좀더 심도 있게 공부하고 싶어졌어요

    • 김정환
      Giảng viên

      저도 퍼블리셔와 일해본 경험이 있는데 그때 뷰js가 많이 생각났었어요. 잘 활용만한다면 협업하기 좋을거 같았는데, 이렇게 수강해주셔서 고맙습니다.

  • 훈트님의 프로필 이미지
    훈트

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    실무에서는 아직 ES5와 제이쿼리만 사용을 하는데 공부의필요성을 느껴서 강의를 수강하게 됐습니다. 바닐라스크립트 부분 강의에서 모르는 api나 es6 문법이 있어서 찾아보면서 공부를 했고 이제 vue 파트로 넘어와서 학습중인데 이 강의를 수강하기 잘했다는 생각이 듭니다. 감사합니다!

    • 김정환
      Giảng viên

      모르는 것을 찾아볼수 있다는 것도 능력이라고 생각해요. 초반에 어려우셨을 텐데 잘 따라와 주셔서 고맙습니다.

  • nicolas83님의 프로필 이미지
    nicolas83

    Đánh giá 107

    Đánh giá trung bình 3.3

    5

    100% đã tham gia

    정말 좋은 강좌였습니다. 프로젝트를 통해 배우는 강좌여서 전혀 지루하지 않고 이해가 잘되었습니다. 5개 강좌 모두 구입하고 처음으로 끝맺은 강좌였습니다. 나머지 강좌들도 모두 들어볼 계획입니다. 추가적인 강좌들도 생겼으면 좋겠습니다. nuxt, vuetify 같은 다른 library 들을 사용하는 내용이던가 제가 ionic 을 공부하는데 vue beta version 이 나왔고 좀있으면 vue 가 들어간 정식 버전이 나온다 하는데 vue 를 이용한 ionic 아님 많은 초보 개발자들이 원하면서 뻔한 topic이지만 개발이 쉽지 않고 내용 이해 하기 쉽지 않은 ecommerce 나 instagram clone 같은거였으면 좋겠습니다. 배포까지면 더더욱 좋을거 같습니다. 그리고 그 당시 내용관 관련된 error 관련된tip 같은거도 중간중간에 짤막하게 있었으면 좋겠습니다. 다시한번 정말 만족스러운 강좌였습니다.

    • 윤아몬님의 프로필 이미지
      윤아몬

      Đánh giá 4

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      강의 하나하나 길지 않게 편집이 되어있어서 좋았습니다. 인프런에서 처음으로 결제한 유료 강의인데 좋은 선택이였다고 생각이드네요 멋진 강의 감사합니다. 독학하느라 힘들었는데 큰 도움이 되었어요.

      • 김정환
        Giảng viên

        인프런 첫강의라니 무척 영광이에요.

    926.720 ₫

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

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

    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!