Quay lại Khóa học
AI020 Nghề nghiệp

Eloquent JavaScript: Giới thiệu hiện đại về lập trình

Hướng dẫn toàn diện về lập trình hiện đại bằng JavaScript. Khóa học bao gồm các nguyên lý cơ bản của lập trình, quy định ngôn ngữ JavaScript, tích hợp với trình duyệt web và phát triển phía máy chủ với Node.js, bao gồm năm ứng dụng dự án thực tế.

5.0
30.0h
561 học viên
10 lessons
0 lượt thích
Trí tuệ nhân tạo
Bắt đầu học

Tổng quan khóa học

📚 Tóm tắt nội dung

Hướng dẫn toàn diện về lập trình hiện đại bằng JavaScript. Khóa học bao gồm các nguyên lý cơ bản của lập trình, quy định ngôn ngữ JavaScript, tích hợp với trình duyệt web và phát triển phía máy chủ với Node.js, bao gồm năm ứng dụng thực tế.

Một cuộc lặn sâu và tinh tế vào trái tim lập trình JavaScript.

Tác giả: Marijn Haverbeke

Lời cảm ơn: Được hỗ trợ bởi 454 người tài trợ tài chính; minh họa bởi Wasif Hyder, Max Xiantu, Margarita Martínez, José Menor, Jim Tierney, Dyle MacGregor, Jeff Avallone, Thomas Palef, và Antonio Perdomo Pastor.

🎯 Mục tiêu học tập

  1. Định nghĩa chương trình là gì và giải thích các mức độ trừu tượng khác nhau trong ngôn ngữ máy tính.
  2. Sử dụng số và toán tử toán học trong JavaScript để tạo ra giá trị.
  3. Khai báo và cập nhật biến, tuân thủ quy tắc đặt tên và giới hạn từ khóa được bảo lưu.
  4. Thực hiện luồng điều khiển mạnh mẽ bằng do vòng lặp, for vòng lặp và câu lệnh switch, đồng thời duy trì mã sạch nhờ thụt đầu dòng và ghi chú.
  5. Định nghĩa và gọi hàm bằng nhiều cách viết khác nhau, xử lý tham số, đối số tùy chọn và phạm vi ngữ nghĩa lồng ghép.
  6. Áp dụng các khái niệm chức năng nâng cao như đệ quy, đóng gói (closures) và ngăn xếp gọi để giải các bài toán thuật toán phức tạp.
  7. Sử dụng các phương thức đặc biệt cho đối tượng và mảng để quản lý cấu trúc dữ liệu phức tạp và chuỗi ký tự.
  8. Triển khai các hàm cấp cao (filter, map, reduce) để trừu tượng hóa logic và kết hợp các phép biến đổi dữ liệu.
  9. Điều hướng và thao tác chuỗi prototype để tạo ra các thể hiện đối tượng có cấu trúc, tái sử dụng được và giao diện đa hình.
  10. Triển khai giao diện đa hình để xử lý trực quan hóa dữ liệu phức tạp (bảng).

Bài học

Lesson

This lesson introduces the concept of programming as the art of subduing complexity by creating immaterial logic that directs physical hardware. Students will learn the fundamental structure of JavaScript, including the roles of variables, control flow, and the distinction between statements and expressions.

This lesson explores advanced control flow in JavaScript, focusing on sophisticated iteration patterns like for loops, do-while loops, and multi-way branching with switch statements. Students will learn to manage program execution precisely using break and continue keywords, modular arithmetic, and nested loops to solve complex algorithmic challenges.

This lesson explores the concept of abstraction in programming, focusing on how to transition from imperative, hardware-level logic to declarative, human-readable code. Students will learn to implement and refine flexible functions, such as range and sum, while analyzing the performance trade-offs associated with the abstraction tax.

This lesson explores interface-based polymorphism by defining a standardized Table Interface that allows layout engines to process diverse data types through a consistent set of methods. Students will learn to implement flexible, decoupled systems by using defensive programming techniques and interface contracts to manage object rendering and alignment.

This lesson introduces Regular Expressions (RegExp) in JavaScript, covering how to define patterns using literal notation or constructors and how to use the .test() method for validation. Students will learn to manage case sensitivity, handle special characters through escaping, and apply these techniques to dynamic string matching tasks.

This lesson explores the evolution of JavaScript module systems, focusing on how to prevent namespace pollution through techniques like Immediately Invoked Function Expressions (IIFEs) and closures. Students will learn to design robust, encapsulated code by creating private scopes and structured public interfaces for their modules.

AI020: Events and Interactive Platforms (Lesson 7) explores the technical foundations of building dynamic web experiences through DOM manipulation, regular expressions, and event handling. Students will learn to transform static content into interactive environments by implementing efficient workflows for real-time feedback and user input tracking.

This lesson explores the performance advantages of the HTML5 Canvas API over SVG for high-density graphics by utilizing a 2D rendering context to bypass DOM overhead. Students will also examine the role of the transport layer in web applications, specifically analyzing the performance trade-offs between TCP and UDP for data transmission.

This lesson explores the necessity of asynchronous programming in web development to prevent UI freezing caused by synchronous I/O operations. Students will learn to implement event-driven patterns and browser persistence APIs to maintain responsive, high-performance applications during network-intensive tasks.

This lesson explores advanced Canvas API techniques for building interactive drawing tools, focusing on state management, composite operations, and mathematical constraints. Students will learn to implement dynamic features like spray brushes and erasers by manipulating canvas context properties and handling mouse events through higher-order patterns.