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

/

Full-stack

React, Vue học tập - Kiến thức cần thiết - Làm chủ cú pháp cốt lõi Emmet

Khóa học này là một video bài giảng bao gồm cú pháp Emmet - tính năng tự động hoàn thành thiết yếu của VS Code cho phát triển frontend React.js và Vue.js, cùng với những nội dung cốt lõi để lập trình hiệu quả. Thông qua các ví dụ và mẹo có thể áp dụng ngay vào công việc thực tế và học tập, khóa học sẽ hướng dẫn bạn nâng cao năng suất và phát triển UI nhanh chóng, chính xác hơn.

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

  • usefulit
Vue.js
react.js
VSCode
emmet

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

  • Tăng tốc độ phát triển React và Vue – Sử dụng cú pháp Emmet để viết nhanh các đoạn code HTML/CSS lặp lại và rút ngắn thời gian triển khai giao diện người dùng frontend.

  • Tăng cường khả năng sử dụng VS Code – Có thể thiết lập và sử dụng hiệu quả Emmet cùng các tính năng tự động hoàn thành liên quan trong môi trường VS Code để nâng cao năng suất phát triển.

React, Vue học tập kiến thức cần thiết - Làm chủ cú pháp cốt lõi Emmet (Tính năng tự động hoàn thành VS Code)


Khóa học này là video hướng dẫn về các nội dung cốt lõi để lập trình hiệu quả, bao gồm tính năng tự động hoàn thành VS Code cần thiết cho phát triển frontend React.js và Vue.js - cú pháp Emmet. Thông qua các ví dụ và mẹo có thể áp dụng ngay vào công việc thực tế và học tập, khóa học sẽ hướng dẫn bạn nâng cao năng suất và phát triển UI nhanh hơn, chính xác hơn.

Nội dung bài giảng

React, Vue học tập kiến thức cần thiết – Làm chủ cú pháp cốt lõi Emmet (tính năng tự động hoàn thành VS Code) Phần 1

  • Học cách sử dụng các tính năng cần thiết và cú pháp cơ bản của Emmet sau khi cài đặt VS Code

    • Sau khi cài đặt VS Code, đây là những cài đặt cơ bản và chức năng cần thiết phải biết trong môi trường phát triển web: ## Cài đặt cơ bản **1. Cài đặt ngôn ngữ tiếng Việt** - Cài extension "Korean Language Pack" hoặc "Vietnamese Language Pack" - Restart VS Code để áp dụng **2. Cài đặt theme và icon** - Theme phổ biến: Dark+ (mặc định), One Dark Pro, Material Theme - Icon theme: Material Icon Theme, VSCode Icons **3. Cài đặt font và kích thước** ```json { "editor.fontFamily": "Fira Code, Consolas, monospace", "editor.fontSize": 14

    • Giới thiệu cách thức hoạt động cơ bản của Emmet và cách kích hoạt cũng như sử dụng trong VS Code

  • Làm quen với các chức năng cốt lõi như thẻ, thuộc tính, cấu trúc phân cấp, viết lặp lại và song song

    • Học cú pháp viết cấu trúc HTML: tạo thẻ HTML, chỉ định thuộc tính, biểu hiện mối quan hệ cha-con-anh em

    • Học cách tạo nhanh nhiều phần tử thông qua cú pháp viết lặp lại (*) và song song (+)

  • Tăng cường khả năng ứng dụng thực tế thông qua bài tập thực hành từng bước và sử dụng multi cursor

    • Nâng cao trình độ thành thạo thông qua việc tự tay viết các ngữ pháp đã học qua các bài tập thực hành theo từng mức độ khó

    • Thực hành cách sử dụng tính năng multi cursor để chỉnh sửa đồng thời nhiều vị trí và tăng năng suất

  • Cung cấp các mẹo học tập Emmet hiệu quả và ứng dụng thực tế

React, Vue học tập kiến thức cần thiết - Làm chủ cú pháp cốt lõi Emmet (Tính năng tự động hoàn thành VS Code) Phần 2

  • Học và thực hành tính năng nhóm Emmet trong VS Code

    • Học cú pháp nhóm Emmet sử dụng dấu ngoặc () để bao bọc cấu trúc HTML và tạo ra một lần

    • Học cách áp dụng nhóm cùng với các toán tử con (>), anh em (+), cha (^)

    • Tiến hành thực hành từ các ví dụ đơn giản đến việc viết khung HTML phức tạp dần dần

  • Học các tính năng cốt lõi của Emmet hữu ích cho việc viết CSS

    • Ngữ pháp cơ bản: Cách nhập thuộc tính CSS bằng từ viết tắt và tự động hoàn thành

    • Sử dụng ID: Chỉ định ID bằng # và ứng dụng bộ chọn

    • Dấu tuần tự: Tạo class·ID·element có đánh số thứ tự bằng cách sử dụng ký hiệu $

    • Thêm thuộc tính: Sử dụng dấu ngoặc vuông [] để chỉ định trực tiếp thuộc tính cho thẻ HTML

    • Chèn văn bản: Sử dụng dấu ngoặc nhọn {} để nhập văn bản trực tiếp vào bên trong thẻ

  • Tăng cường khả năng ứng dụng thực tế với 4 bài tập thực hành cấp độ trung cấp

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, Mã nguồn bài giảng(test 1-9)

part 2 - Tài liệu bài giảng_PDF, Mã nguồn bài giảng(test 1-9)

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 muốn bắt đầu hoặc tăng năng suất trong việc phát triển frontend với React.js hoặc Vue.js

  • Các nhà phát triển web từ cấp độ sơ cấp đến trung cấp muốn viết mã HTML/CSS nhanh hơn và hiệu quả hơn trong VS Code

Xin chào
Đây là

8,256,018

Học viên

6,086

Đánh giá

4.6

Xếp hạng

249

Các khóa học

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

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

Tất cả

23 bài giảng ∙ (8giờ 55phú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.940.178 ₫

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!