Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
NEW
Programming

/

Programming Language

React, Vue học tập cần thiết kiến thức cơ bản - Thiết lập môi trường học tập FrontEnd và cách sử dụng cơ bản VS Code

Khóa học này là bài gi강 video về thiết lập môi trường phát triển cần thiết cho việc học frontend React.js và Vue.js cũng như cách sử dụng cơ bản VS Code. Khóa học sẽ hướng dẫn từng bước từ việc xây dựng môi trường đến việc sử dụng các tính năng cơ bản giúp tăng năng suất, tập trung vào thực hành.

2 học viên đang tham gia khóa học này

  • usefulit
react.js
Vue.js
VSCode

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

  • Khả năng xây dựng môi trường học tập và phát triển tối ưu cho việc phát triển React và Vue

  • Nâng cao năng suất phát triển thông qua việc sử dụng các tính năng cơ bản và cài đặt của VS Code

React, Vue học tập - Kiến thức cần thiết để thiết lập môi trường học FrontEnd và cách sử dụng cơ bản VS Code

Khóa học này là bài giảng video về thiết lập môi trường phát triểncách sử dụng cơ bản VS Code cần thiết cho việc học frontend React.js và Vue.js. Hướng dẫn từng bước từ việc xây dựng môi trường đến việc sử dụng các tính năng cơ bản để tăng năng suất, tập trung vào thực hành.

Nội dung bài giảng

React, Vue học tập - Kiến thức cần thiết để thiết lập môi trường học FrontEnd và cách sử dụng cơ bản VS Code Phần 1

  • Hướng dẫn thứ tự học tập và các chương trình cần thiết phải cài đặt cho người mới bắt đầu phát triển Frontend

    • Giới thiệu lộ trình học tập dành cho người mới bắt đầu phát triển frontend

    • HTML, CSS, JavaScript, hướng dẫn thứ tự học framework (React, v.v.)

    • Giới thiệu các chương trình cần thiết để xây dựng môi trường phát triển (Node.js, VS Code, v.v.)

  • Thực hành cách gỡ bỏ và cài đặt lại Node.js và npm

    • Cách kiểm tra phiên bản Node.js và npm hiện tại

    • Quy trình gỡ bỏ Node.js và npm đã cài đặt

    • Thực hành quá trình cài đặt lại với phiên bản mới nhất

  • Làm quen với các tính năng và cài đặt cần thiết sau khi cài đặt VS Code

    • Tải xuống và cài đặt VS Code

    • Chủ đề, phông chữ, tự động lưu, trình định dạng mã và các cài đặt cần thiết khác

    • Cách cài đặt và quản lý tiện ích mở rộng (Extensions)

  • Hiểu biết nền tảng và thuật ngữ cốt lõi để cài đặt React

    • Giải thích React là gì và các đặc điểm của nó

    • Hiểu các thuật ngữ và khái niệm cốt lõi như Component, JSX, Virtual DOM, SPA

    • Tổng hợp các thuật ngữ liên quan đến môi trường phát triển nên biết trước khi cài đặt React

  • Thực hành cài đặt dự án React và chạy màn hình chính

    • Tạo dự án bằng create-react-app hoặc phương thức cài đặt mới nhất

    • Cấu trúc dự án và mô tả các thư mục/tệp chính

    • Sau khi chạy development server, kiểm tra màn hình chính trên trình duyệt

  • Cách cài đặt React sử dụng terminal VS Code

    • Mở terminal tích hợp VS Code và sử dụng các lệnh cơ bản

    • Thực thi lệnh tạo dự án React

    • Lỗi có thể xảy ra trong quá trình cài đặt và cách khắc phục

React, Vue học tập kiến thức cần thiết - Thiết lập môi trường học tập FrontEnd và cách sử dụng cơ bản VS Code Part.2

  • Cài đặt Live Server và làm quen với cách sử dụng cơ bản

    • Hướng dẫn cách cài đặt tiện ích mở rộng VS Code Live Server

    • Xem trước tệp HTML/CSS/JavaScript trong trình duyệt theo thời gian thực

    • Cách sử dụng tính năng tự động làm mới khi lưu

  • Thực hành cách chạy mã JavaScript trong VS Code

    • Thực thi mã JS dựa trên Node.js sử dụng terminal tích hợp

    • Cách chạy môi trường trình duyệt bằng tiện ích mở rộng VS Code

    • Viết mã ví dụ đơn giản và xác nhận kết quả thực thi

  • Học các tính năng cần thiết: Lựa chọn đa dạng, Sticky, các tính năng liên quan đến hàng, và các tính năng hữu ích khác

    • Lựa chọn đa điểm (Multi-cursor): Cách chỉnh sửa nhiều vị trí cùng lúc

    • Sticky Scroll (dính): Hiển thị cố định cấu trúc code (tên hàm, tên class, v.v.) ở phía trên khi cuộn

    • Tính năng liên quan đến hàng: Sử dụng phím tắt để sao chép, di chuyển, xóa, chèn hàng trên/dưới

    • Giới thiệu các tính năng chỉnh sửa khác của VS Code giúp tăng năng suất

  • Cải thiện tốc độ làm việc thông qua thực hành phím tắt

    • Thực hành các phím tắt cơ bản và lệnh thường dùng trong VS Code

    • Áp dụng các phím tắt cho các tác vụ chính như chỉnh sửa mã, khám phá tệp, tìm kiếm/thay thế

    • Tiến hành bài tập thực hành để thành thạo phím tắt

  • Tạo template HTML tùy chỉnh và thực hành

Những lưu ý trước khi học

Khóa học này không cung cấp dịch vụ hỏi đáp từ người chia sẻ kiến thức.

Tài liệu học tập

phần 1 - tài liệu bài giảng_PDF

part 2 - Tài liệu bài giảng_PDF

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

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

  • Các nhà phát triển cấp độ sơ cấp lần đầu học React.js·Vue.js hoặc muốn thiết lập môi trường học tập một cách đúng đắn

  • Người mới bắt đầu phát triển web muốn nâng cao hiệu quả phát triển bằng cách làm quen với các tính năng cơ bản và cài đặt của VS Code

Xin chào
Đây là

8,256,010

Học viên

6,086

Đánh giá

4.6

Xếp hạng

244

Các khóa học

유용한 IT 강의를 통해 여러분의 성장을 돕겠습니다.

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

Tất cả

19 bài giảng ∙ (7giờ 47phú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á

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

1.581.991 ₫

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

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!