Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
BEST
Programming

/

Front-end

Học Vue.js 3 qua các dự án

Chúng tôi sẽ giúp bạn tìm hiểu cách sử dụng Vue.js 3 và áp dụng nó vào dự án của bạn.

(4.9) 98 đánh giá

942 học viên

  • kossiecoder
Vue.js
Vuex
Web Application

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

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

  • API sáng tác Vue.js

  • ứng dụng web

  • Cách tạo dự án với Vue CLI

  • Vue 3 tính năng mới

  • Cách sử dụng Bộ định tuyến Vue

  • Cách sử dụng Vuex

Gặp gỡ Vue 3 mới nhất,
Giới thiệu dễ dàng và mạnh mẽ về phát triển front-end!

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

Khung front-end phổ biến, Vue.js
Hãy xem phiên bản mới nhất của Vue 3 ,
Hãy tự mình thử nghiệm và thực hành bằng chính đôi tay của bạn nhé!

Khóa học giới thiệu này sẽ giúp bạn bắt đầu với framework front-end phổ biến Vue.js. Sử dụng API Composition mới được bổ sung vào Vue.js 3, bạn sẽ học từng tính năng cơ bản cần thiết để xây dựng một dự án và áp dụng ngay vào dự án của mình. Mỗi video đều ngắn, hầu hết có thời lượng dưới 10 phút.

Câu hỏi dự kiến Hỏi & Đáp

H. Tôi có thể tham gia khóa học ngay cả khi tôi không biết gì về Vue.js không?
A. Vâng! Đây là khóa học nhập môn Vue.js, vì vậy bạn có thể học từ những kiến thức cơ bản ngay cả khi chưa biết gì về nó. Sau khi hoàn thành khóa học này, bạn sẽ có đủ kiến thức cơ bản để tự mình thực hiện các dự án với Vue.js. Tuy nhiên, tôi khuyên bạn nên có kiến thức cơ bản về HTML, CSS và Javascript (ES6+). Khóa học cũng sẽ có các bài giải thích liên quan đến ES6+. 😊

H. Tôi đã xem hướng dẫn Vue.js 2 Basics trên kênh YouTube Cozy Coder. Nó có khác biệt nhiều so với khóa học này không?
A. Khóa học Vue.js 2 Basics trên YouTube chỉ bao gồm ngữ pháp cơ bản, nhưng ứng dụng của nó vào các dự án thực tế còn hạn chế. Khóa học này bao gồm các tính năng của Vue.js và giải thích cách áp dụng chúng vào dự án của bạn. Cụ thể, khóa học này sử dụng API Composition mới trong Vue.js 3. Các giải thích chi tiết hơn nhiều, giúp bạn hiểu toàn diện về ứng dụng một trang. 😊

H. API Composition là gì?
A. Trong Vue.js 2, chúng tôi đã sử dụng API Tùy chọn để phát triển, nhưng việc tái sử dụng mã khi làm việc trên các dự án quy mô lớn không hề dễ dàng. Vì vậy, trong Vue.js 3, một tính năng mới gọi là API Hợp thành đã được thêm vào, giúp việc tái sử dụng logic và bảo trì mã dễ dàng hơn. 😊

Giới thiệu tài liệu bài giảng

Tôi đã tải mã nguồn ở cuối mỗi video lên GitHub dưới dạng một nhánh. Nếu bạn gặp lỗi, bạn có thể so sánh mã nguồn trên GitHub. 😁 Để dễ tìm, tôi đã tải số video lên làm tên nhánh.

Cozy Coder GitHub (phím tắt)

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

Cozy Coder

Tôi làm việc với vai trò là nhà phát triển web tại Úc và điều hành kênh YouTube 'Cozy Coder'.
Liên kết YouTube: https://www.youtube.com/kossiecoder

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

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

  • Bất cứ ai muốn tìm hiểu kiến ​​thức cơ bản về Vue.js 3

  • Bất kỳ ai muốn tạo ứng dụng web bằng Vue.js

  • Bất kỳ ai muốn phát triển bằng Composition API

  • Nếu bạn chưa quen với Vue.js

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

  • HTML

  • CSS

  • Javascript

Xin chào
Đây là

1,283

Học viên

130

Đánh giá

95

Trả lời

4.9

Xếp hạng

2

Các khóa học

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

Tất cả

88 bài giảng ∙ (9giờ 30phút)

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

Đánh giá

Tất cả

98 đánh giá

4.9

98 đánh giá

  • zhwanhwang4538님의 프로필 이미지
    zhwanhwang4538

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    The instructor explains it well step by step. It was a great help to me to start something with the latest version of Vue3. Thank you.

    • kossiecoder
      Giảng viên

      Thank you, Mr. Hwang Ji-hwan, for your course review ^^

  • canon48597291님의 프로필 이미지
    canon48597291

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Like👍👍

    • durusk930845님의 프로필 이미지
      durusk930845

      Đánh giá 2

      ∙

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      I really enjoyed learning the basic structure of Vue.js 3 and how to create components efficiently.

      • krrubric0041님의 프로필 이미지
        krrubric0041

        Đánh giá 1

        ∙

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        This was a great lecture! Please make an intermediate version too~

        • kjlee03287439님의 프로필 이미지
          kjlee03287439

          Đánh giá 2

          ∙

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          great!

          716.373 ₫

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

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

          Learn React.js with Projects강의 썸네일

          Learn React.js with Projects

          kossiecoder

          You can learn React basics through blog projects.

          초급

          초급

          React, Redux, ES6

          Learn React.js with Projects강의 썸네일

          Learn React.js with Projects

          kossiecoder

          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!

          Vue 3 Intermediate - Composition API강의 썸네일

          Vue 3 Intermediate - Composition API

          captain

          The easiest and most accurate course to learn Vue Composition API, available in both Vue 2 and the latest Vue 3!

          중급이상

          중급이상

          Vue 3, Vue.js

          Vue 3 Intermediate - Composition API강의 썸네일

          Vue 3 Intermediate - Composition API

          captain

          Vue 3 Mastery: Build Modern Web Interfaces with Composition API강의 썸네일

          Vue 3 Mastery: Build Modern Web Interfaces with Composition API

          professional

          Learn to build dynamic, high-performance web applications using Vue 3, Composition API, Vue Router, Pinia, and real-world projects.

          초급

          초급

          Vue.js, Vue 3, frontend

          Vue 3 Mastery: Build Modern Web Interfaces with Composition API강의 썸네일

          Vue 3 Mastery: Build Modern Web Interfaces with Composition API

          professional

          Creating a job search site with Vue3 and Supabase강의 썸네일

          Creating a job search site with Vue3 and Supabase

          csslick

          From developing your own full-stack application to a Progressive Web App (PWA)!

          초급

          초급

          Vue.js, supabase, Vue 3

          Creating a job search site with Vue3 and Supabase강의 썸네일

          Creating a job search site with Vue3 and Supabase

          csslick

          Kakao, Google SNS login (springboot3, vue3)강의 썸네일

          Kakao, Google SNS login (springboot3, vue3)

          bradkim

          Implementing Kakao and Google login using Spring Boot. JWT token-based login is implemented. A simple screen is configured through Vue3.

          초급

          초급

          OAuth, oauth2, JWT

          Kakao, Google SNS login (springboot3, vue3)강의 썸네일

          Kakao, Google SNS login (springboot3, vue3)

          bradkim

          Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap강의 썸네일

          Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap

          gis

          You can easily learn Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login~~

          초급

          초급

          Vue.js, PWA, Firebase

          Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap강의 썸네일

          Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap

          gis

          The Latest Vue 3 Complete Guide: Project Setup & Specifications강의 썸네일

          The Latest Vue 3 Complete Guide: Project Setup & Specifications

          gymcoding

          This is a follow-up lecture to "Vue 3 Perfect Master", and it will teach you how to set up a project and learn the latest specifications of the latest Vue 3 version. This lecture is provided free of charge to those who have taken the Vue Basics or Practical Course.

          초급

          초급

          Vue.js, Vue 3, TailwindCSS

          The Latest Vue 3 Complete Guide: Project Setup & Specifications강의 썸네일

          The Latest Vue 3 Complete Guide: Project Setup & Specifications

          gymcoding

          A complete summary of basic web front-end concepts with keywords and practice강의 썸네일

          A complete summary of basic web front-end concepts with keywords and practice

          ronpark

          A compass for beginners in web development, a guided lecture to discover what you don't know about web front-end and move forward systematically.

          입문

          입문

          Network, Google Chrome, Chrome DevTools

          A complete summary of basic web front-end concepts with keywords and practice강의 썸네일

          A complete summary of basic web front-end concepts with keywords and practice

          ronpark

          Creating a Map Service with Corona Map Developers 1강의 썸네일

          Creating a Map Service with Corona Map Developers 1

          donghunee

          This is a course on creating a map service taught by the developers of Corona Map.

          초급

          초급

          Node.js, Web Application, Express

          Creating a Map Service with Corona Map Developers 1강의 썸네일

          Creating a Map Service with Corona Map Developers 1

          donghunee

          A Guide to Elm, a Purely Functional Front-End Language강의 썸네일

          A Guide to Elm, a Purely Functional Front-End Language

          hatemogi

          Study the Elm programming language guide to building front-end web apps with pure functional programming in just 3 hours.

          초급

          초급

          elm, Functional Programming, SPA

          A Guide to Elm, a Purely Functional Front-End Language강의 썸네일

          A Guide to Elm, a Purely Functional Front-End Language

          hatemogi

          Creating web and apps that anyone can easily follow (from basics to practical use)강의 썸네일

          Creating web and apps that anyone can easily follow (from basics to practical use)

          jocoding

          We will create easy coding that anyone can learn. Our goal is to understand what coding is and create serviceable web and apps by utilizing external resources such as libraries and APIs as much as possible.

          입문

          입문

          Web Application

          Creating web and apps that anyone can easily follow (from basics to practical use)강의 썸네일

          Creating web and apps that anyone can easily follow (from basics to practical use)

          jocoding