Lập Trình JavaScript Cơ Bản | Basic JavaScript programming

15 ol.ol { list-style: none; counter-reset: list; padding: 0 1rem; } .post-body ol>li.li { --stop: calc(100% / var(--length) * var(--i)); --l: 62%; --l2: 88%; --h: calc((var(--i) - 1) * (180 / var(--length))); --c1: hsl(var(--h), 71%, var(--l)); --c2: hsl(var(--h), 50%, var(--l2)); position: relative; counter-increment: list; max-width: 45rem; margin: 2rem auto; padding: 2rem 1rem 1rem; box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.3); border-radius: 0.25rem; overflow: hidden; } .post-body ol>li.li::before { content: ''; display: block; width: 100%; height: 1rem; position: absolute; top: 0; left: 0; background: linear-gradient(to right, var(--c1) var(--stop), var(--c2) var(--stop)); } .post-body h3.h3 { display: flex; align-items: center; margin: 0 0 1rem; -webkit-text-fill-color: unset; } .post-body h3.h3::before { display: flex; justify-content: center; align-items: center; flex: 0 0 auto; margin-right: 1rem; width: 1.5rem; height: 1.5rem; content: counter(list); padding: 1rem; border-radius: 50%; background-color: var(--c1); color: #161616; } .post-body ol li ul, .post-body ul li ul{ padding: 0 0 0 72px; } @media (min-width: 40em) { .post-body ol>li.li { margin: 2rem auto; padding: 2rem 1.5rem 1.5rem; } .post-body h3.h3 { margin: 0 0 1rem; } .post-body h3.h3::before { margin-right: 1.5rem; width: 1.5rem; height: 1.5rem; } } @media only screen and (max-width: 680px) { .post-body h3.h3::before { display: flex; justify-content: center; align-items: center; flex: 0 0 auto; margin-right: 1rem; width: 1rem; height: 1rem; font-size:13px; content: counter(list); padding: .8rem; border-radius: 50%; background-color: var(--c1); } .post-body ol li ul, .post-body ul li ul{ padding: 0 0 0 10px; } }

1. Giới thiệu

   • Giới thiệu về ngôn ngữ JavaScript và tầm quan trọng của nó trong lập trình web.

2. Cơ bản về Javascript

   • Biến, comments, built-in
   • Khám Phá Những Hàm Tích Hợp Độc Đáo và Hữu Ích (built-in functions)

3. Toán tử, Kiểu dữ liệu

   • Toán tử và kiểu dữ liệu
   • Toán Tử ++ Và --, Khác Nhau Khi Dùng Tiền Tố Và Hậu Tố
   • Toán Tử Nối Chuỗi
   • Toán Tử So Sánh
   • Kiểu Dữ Liệu Boolean
   • Câu Lệnh Điều Kiện
   • Truthy và Falsy Là Gì? Các Giá Trị Khi Chuyển Đổi Sang Boolean
   • Toán Tử Logical
   • Kiểu Dữ Liệu

4. DOM và Sự kiện

   • Manipulate DOM (Document Object Model).
   • Xử lý sự kiện trong JavaScript.

5. Làm việc với hàm (Function)

   • Hàm (function), Khái niệm?
   • Tham Số Trong Hàm
   • Giới Thiệu về "return" trong JavaScript: Ý Nghĩa, Ví Dụ và Ứng Dụng
   • Một Số Điều Cần Biết Về Hàm.

6. Làm việc với chuỗi (String)

   • Kiểu dữ liệu chuỗi (String).
   • Hàm Xử Lý Chuỗi Trong Javascript.
   • Toán tử nối chuỗi - các toán tử thường dùng với chuỗi.

7. Làm việc với số (Number)

   • Kiểu dữ liệu số (Number).

8. Làm việc với mảng (Array)

   • Mảng (Array).
   • Tổng Hợp Các Hàm Mảng Trong Javascript.

9. Làm việc với đối tượng (Object)

   • Đối tượng (Object) trong Javascript?
   • Object constructor.
   • Object Prototype.
   • Object Date.
   • Math object.

10. Câu lệnh điều kiện, toán tử 3 ngôi

    • Câu Lệnh Điều Kiện, Lệnh rẽ nhánh If/else Swich
    • Toán tử 3 ngôi (Ternary operator)

11. Vòng lặp

    • Vòng lặp trong JavaScript
    • Break và Continue trong vòng lặp
    • Vòng lặp lồng nhau (Nested loop)