Hướng Dẫn Toàn Diện Về JavaScript: Từ Cơ Bản Đến Nâng Cao

JavaScript là một ngôn ngữ lập trình mạnh mẽ, được sử dụng rộng rãi trong phát triển web. 89 trang · net.

• Tác giả: Jose Antonio Rodríguez
• Trường học: net
• Chuyên ngành: JavaScript
• Đề tài: Hướng Dẫn Toàn Diện Về JavaScript Cho Người Mới Bắt Đầu
• Loại tài liệu: manual

Mục lục chi tiết

• 1. Introducción al lenguaje JavaScript:
• 1.1. Programas, lenguajes, scripts.
• 1.2. Variables, datos, objetos.
• 1.3. La ejecución de los scripts.
• 2. Elementos del lenguaje:
• 2.1. Los datos
• 2.2. Las variables
• 2.3. Los Objetos
• 2.4. Los Arrays
• 2.5. Las funciones
• 3. Los operadores:
• 3.1. Operadores aritméticos
• 3.2. Operadores binarios
• 3.3. Operadores lógicos
• 3.4. Operadores varios
• 3.5. Funciones Globales en Javascript
• 3.6. Expresiones regulares
• 4. La gramática:
• 4.1. Gramática JavaScript: Condicionales
• 4.2. Gramática JavaScript: Selección múltiple
• 4.3. Gramática JavaScript: Bucles
• 4.4. Gramática JavaScript: Ruptura de bucles
• 5. Los objetos:
• 5.1. Objetos en JavaScript: Array
• 5.2. Objetos booleanos: Verdadero o Falso
• 5.3. Objeto Function
• 5.4. Objeto Number
• 5.5. Objeto Object
• 5.6. Objeto Regular Expresion
• 5.6.1. Métodos RegExp: Compile
• 5.6.2. Métodos RegExp: Exec
• 5.6.3. Métodos RegExp: Test
• 5.6.4. RegExp
• 5.7. Objeto String
• 5.7.1. Métodos de String: anchor
• 5.7.2. Métodos de String: big
• 5.7.3. Métodos de String: blink
• 5.7.4. Métodos de String: bold
• 5.7.5. Métodos de String: charAt
• 5.7.6. Métodos de String: charCodeAt
• 5.7.7. Métodos de String: concat
• 5.7.8. Métodos de String: fixed
• 5.7.9. Métodos de String: fontcolor
• 5.7.10. Métodos de String: fontsize
• 5.7.11. Métodos de String: fromCharCode
• 5.7.12. Métodos de String: indexOf
• 5.7.13. Métodos de String: italics
• 5.7.14. Métodos de String: lastIndexOf
• 5.7.15. Métodos de String: link
• 5.7.16. Métodos de String: match
• 5.7.17. Métodos de String: replace
• 5.7.18. Métodos de String: search
• 5.7.19. Métodos de String: slice
• 5.7.20. Métodos de String: small
• 5.7.21. Métodos de String: split
• 5.7.22. Métodos de String: strike
• 5.7.23. Métodos de String: sub
• 5.7.24. Métodos de String: substr
• 5.7.25. Métodos de String: substring
• 5.7.26. Métodos de String: sup
• 5.7.27. Métodos de String: toLowerCase
• 5.7.28. Métodos de String: toUpperCase
• 5.8. Objeto Date
• 5.8.1. Métodos de Date: getDate()
• 5.8.2. Métodos de Date: getDay()
• 5.8.3. Métodos de Date: getFullYear()
• 5.8.4. Métodos de Date: getHours()
• 5.8.5. Métodos de Date: getMilliseconds()
• 5.8.6. Métodos de Date: getMinutes()
• 5.8.7. Métodos de Date: getMonth()
• 5.8.8. Métodos de Date: getSeconds()
• 5.8.9. Métodos de Date: getTime()
• 5.8.10. Métodos de Date: getTimezoneOffset()
• 5.8.11. Métodos de Date: getYear()
• 5.8.12. Métodos de Date: Object.toString()
• 5.8.13. Métodos de Date: Object.valueOf()
• 5.8.14. Métodos de Date: parse()
• 5.8.15. Métodos de Date: setDate()
• 5.8.16. Métodos de Date: setFullYear()
• 5.8.17. Métodos de Date: setHours()
• 5.8.18. Métodos de Date: setMilliseconds()
• 5.8.19. Métodos de Date: setMinutes()
• 5.8.20. Métodos de Date: setMonth()
• 5.8.21. Métodos de Date: setSeconds()
• 5.8.22. Métodos de Date: setTime()
• 5.8.23. Métodos de Date: setYear()
• 5.8.24. Métodos de Date: toGMT()
• 5.8.25. Métodos de Date: toLocaleString()
• 5.8.26. Métodos de Date: toUTCString()
• 5.9. Objeto Math
• 5.9.1. Métodos Math: abs
• 5.9.2. Métodos Math: acos
• 5.9.3. Métodos Math: asin
• 5.9.4. Métodos Math: atan
• 5.9.5. Métodos Math: atan2
• 5.9.6. Métodos Math: ceil
• 5.9.7. Métodos Math: cos
• 5.9.8. Métodos Math: exp
• 5.9.9. Métodos Math: floor
• 5.9.10. Métodos Math: log
• 5.9.11. Métodos Math: max
• 5.9.12. Métodos Math: min
• 5.9.13. Métodos Math: pow
• 5.9.14. Métodos Math: random
• 5.9.15. Métodos Math: round
• 5.9.16. Métodos Math: sin
• 5.9.17. Métodos Math: sqrt
• 5.9.18. Métodos Math: tan
• 6. Ejemplos JavaScript:
• 6.1. Operadores
• 6.2. Media Aritmética
• 6.3. Saludo
• 6.4. Array aleatorio
• 6.5. Comprobar E-mail 1
• 6.6. Comprobar E-mail 2
• 6.7. Buscar en un Array
• 6.8. Extraer Subcadena
• 6.9. Creando Objetos
• 7. Aplicaciones JavaScript HTML:
• 7.1. El Reloj en pantalla
• 7.2. Fecha de Actualización
• 7.3. Menús Desplegables (IE)
• 7.4. Formularios de Correo
• 7.5. Personalizar Colores
• 7.6. Persianas
• 7.7. Rollover
• 7.8. Información del Navegador
• 7.9. Esquema desplegable (IE)
• 7.10. Botón más/menos
• 7.11. Password 1
• 7.12. Título de página animado
• 7.13. Bloque fijo
• 7.14. Paisaje Nevado 1
• 7.15. Paisaje Nevado 2
• 7.16. Estrella Navideña 1
• 7.17. Estrella Navideña 2
• 7.18. Buscador en la Página
• 7.19. Página de Inicio
• 7.20. Carrusel de Imágenes

Tóm tắt

I. Hướng Dẫn Toàn Diện Về JavaScript Cho Người Mới Bắt Đầu

JavaScript là một ngôn ngữ lập trình mạnh mẽ, được sử dụng rộng rãi trong phát triển web. Bài viết này sẽ cung cấp cái nhìn tổng quan về JavaScript, từ những khái niệm cơ bản đến các ứng dụng thực tiễn. Đối với những người mới bắt đầu, việc nắm vững JavaScript là rất quan trọng để xây dựng các trang web tương tác và động.

1.1. Tổng Quan Về JavaScript Cơ Bản

JavaScript là một ngôn ngữ lập trình được sử dụng để tạo ra các trang web động. Nó cho phép lập trình viên tương tác với người dùng thông qua các sự kiện và thay đổi nội dung trang web mà không cần tải lại trang.

1.2. Tại Sao Nên Học JavaScript Cho Người Mới Bắt Đầu

Học JavaScript mở ra nhiều cơ hội nghề nghiệp trong lĩnh vực phát triển web. Ngôn ngữ này được hỗ trợ bởi tất cả các trình duyệt và có thể được sử dụng để xây dựng các ứng dụng web phức tạp.

II. Những Thách Thức Khi Học JavaScript Cho Người Mới Bắt Đầu

Mặc dù JavaScript là một ngôn ngữ dễ học, nhưng vẫn có nhiều thách thức mà người mới bắt đầu có thể gặp phải. Việc hiểu rõ các khái niệm cơ bản và cách thức hoạt động của JavaScript là rất quan trọng để vượt qua những khó khăn này.

2.1. Khó Khăn Trong Việc Hiểu Cú Pháp JavaScript

Cú pháp của JavaScript có thể gây nhầm lẫn cho người mới bắt đầu. Việc nắm vững các quy tắc cú pháp cơ bản là cần thiết để viết mã hiệu quả.

2.2. Sự Khác Biệt Giữa JavaScript và Các Ngôn Ngữ Khác

JavaScript có nhiều điểm khác biệt so với các ngôn ngữ lập trình khác như Python hay Java. Việc hiểu rõ những khác biệt này sẽ giúp người học dễ dàng hơn trong việc chuyển đổi giữa các ngôn ngữ.

III. Các Phương Pháp Học JavaScript Hiệu Quả Cho Người Mới Bắt Đầu

Để học JavaScript hiệu quả, người mới bắt đầu cần áp dụng các phương pháp học tập phù hợp. Việc thực hành thường xuyên và tham gia vào các dự án thực tế sẽ giúp củng cố kiến thức.

3.1. Thực Hành Qua Các Dự Án Nhỏ

Thực hành qua các dự án nhỏ giúp người học áp dụng lý thuyết vào thực tế. Các dự án như tạo một trang web đơn giản hoặc một ứng dụng nhỏ sẽ giúp củng cố kiến thức.

3.2. Sử Dụng Tài Nguyên Học Tập Trực Tuyến

Có nhiều tài nguyên học tập trực tuyến miễn phí và trả phí. Các khóa học trên nền tảng như Codecademy, Udemy hay Coursera cung cấp kiến thức từ cơ bản đến nâng cao.

IV. Ứng Dụng Thực Tiễn Của JavaScript Trong Phát Triển Web

JavaScript không chỉ là một ngôn ngữ lập trình mà còn là một công cụ mạnh mẽ trong phát triển web. Nó cho phép tạo ra các trang web tương tác và động, mang lại trải nghiệm người dùng tốt hơn.

4.1. Tạo Các Trang Web Động Với JavaScript

JavaScript cho phép lập trình viên tạo ra các trang web động, nơi nội dung có thể thay đổi mà không cần tải lại trang. Điều này giúp cải thiện trải nghiệm người dùng.

4.2. Sử Dụng JavaScript Để Tương Tác Với Người Dùng

JavaScript cho phép xử lý các sự kiện như nhấp chuột, di chuột và nhập liệu từ bàn phím, giúp tạo ra các ứng dụng web tương tác và thân thiện với người dùng.

V. Kết Luận Về Học JavaScript Cho Người Mới Bắt Đầu

Học JavaScript là một hành trình thú vị và đầy thử thách. Với sự kiên nhẫn và thực hành, người mới bắt đầu có thể trở thành lập trình viên giỏi. JavaScript sẽ mở ra nhiều cơ hội trong lĩnh vực phát triển web.

5.1. Tương Lai Của JavaScript Trong Phát Triển Web

JavaScript sẽ tiếp tục phát triển và trở thành một phần không thể thiếu trong phát triển web. Các công nghệ mới như Node.js và React.js đang mở rộng khả năng của JavaScript.

5.2. Lời Khuyên Cho Người Mới Bắt Đầu

Người mới bắt đầu nên kiên nhẫn và không ngại hỏi khi gặp khó khăn. Tham gia vào cộng đồng lập trình viên sẽ giúp học hỏi và chia sẻ kinh nghiệm.

Nội dung chính

Tổng quan về giáo trình

Manual de JavaScript là tài liệu học thuật được biên soạn bởi tác giả Jose Antonio Rodríguez, chuyển thể từ khóa học trực tuyến Javascript desde cero (phát hành qua các cổng thông tin www.net và www.com/javascriptdesdecero). Trong chương trình đào tạo đại học thuộc khối ngành Công nghệ Thông tin và Kỹ thuật Phần mềm, tài liệu này giữ vị trí giáo trình cơ sở thuộc học phần Lập trình Web và Kịch bản phía Trình duyệt (Client-Side Web Scripting).

Mục tiêu học tập của giáo trình tập trung vào việc trang bị cho người học nền tảng cú pháp của ngôn ngữ JavaScript, hiểu rõ cơ chế vận hành của một ngôn ngữ thông dịch (interpreted language) trong môi trường trình duyệt web, phân biệt rõ ranh giới kỹ thuật giữa JavaScript và ngôn ngữ Java (về mặt kiến trúc applet và ngôn ngữ lập trình đa mục đích độc lập). Người học được rèn luyện khả năng quản lý biến, điều khiển cấu trúc dữ liệu, sử dụng toán tử, định nghĩa hàm, khởi tạo đối tượng tùy biến và khai thác triệt để các đối tượng dựng sẵn (intrinsic objects).

Cấu trúc giáo trình được thiết kế theo lộ trình sư phạm tuyến tính gồm 7 phần chính:

1. Nhập môn ngôn ngữ JavaScript (khái niệm chương trình, ngôn ngữ kịch bản, luồng thực thi).
2. Các phần tử ngôn ngữ (kiểu dữ liệu, biến, phạm vi, đối tượng, mảng, hàm).
3. Hệ thống toán tử và hàm toàn cục (toán tử số học, nhị phân, so sánh, logic, hàm chuyển đổi kiểu dữ liệu và biểu thức chính quy).
4. Ngữ pháp điều khiển luồng (cấu trúc điều kiện, rẽ nhánh đa trường hợp, vòng lặp và ngắt luồng).
5. Khảo sát chuyên sâu hệ thống đối tượng dựng sẵn (Array, Boolean, Function, Number, Object, RegExp, String, Date, Math).
6. Các bài tập mẫu ứng dụng JavaScript.
7. Các ứng dụng kịch bản kết hợp HTML động.

Điểm đặc thù của tài liệu là phương pháp tiếp cận hướng thực nghiệm, gắn liền với các tiêu chuẩn của European Computer Manufacturers Association (ECMA) và phân tích trực tiếp mức độ tương thích trên các trình duyệt phổ biến thời kỳ đầu như Netscape Navigator (từ bản 2.0) và Microsoft Internet Explorer (từ bản 3.5).

---

Nội dung kiến thức cốt lõi

Các chương/chủ đề chính

Nội dung học thuật của giáo trình được triển khai qua các khối kiến thức trọng tâm:

• Phần 1 & 2: Cơ sở ngôn ngữ và các thành phần cú pháp: Giáo trình thiết lập định nghĩa về ngôn ngữ thông dịch (interpreted) so với ngôn ngữ biên dịch (compiled như C, Pascal, Ada). Phân tích bốn kiểu dữ liệu nền tảng gồm dữ liệu số (hệ thập phân, bát phân, thập lục phân, ký hiệu khoa học), chuỗi ký tự (sử dụng ký tự thoát \), giá trị logic (true, false) và con trỏ hàm. Trình bày phạm vi biến (toàn cục và cục bộ với từ khóa var), nguyên lý kế thừa thông qua thuộc tính prototype và từ khóa this, cấu trúc mảng đa chiều (Array), cùng cơ chế định nghĩa hàm thông qua từ khóa function hoặc hàm tạo Function.
• Phần 3: Hệ số toán tử, hàm toàn cục và Regular Expression: Phân loại toàn diện các nhóm toán tử số học (+, -, *, /, %, ++, --), toán tử thao tác mức bit (~, <<, >>, &, |, ^), toán tử so sánh bằng giá trị (==, !=) và nhận dạng kiểu dữ liệu nghiêm ngặt (===, !==). Khảo sát các hàm toàn cục độc lập với đối tượng gồm eval(), isNaN(), parseInt(), parseFloat(), escape(), unescape(), Number(), String(). Giới thiệu hệ thống siêu ký tự (metacharacters) và cờ biến đổi (g, i, m, s, x) trong biểu thức chính quy.
• Phần 4: Ngữ pháp điều khiển luồng: Phân tích các cấu trúc rẽ nhánh điều kiện đơn và lồng nhau (if...else, toán tử ba ngôi ? :), cấu trúc lựa chọn đa trường hợp (switch...case...default kết hợp break), các dạng vòng lặp lặp lại (while, do...while, for, for...in) và các lệnh ngắt quãng luồng xử lý (break, continue).
• Phần 5: Hệ thống đối tượng tích hợp (Built-in Objects):
  • Object: Lớp cơ sở cung cấp phương thức toString(), valueOf(), thuộc tính constructor, prototype.
  • Array: Các phương thức concat(), join(), reverse(), slice(), sort().
  • Boolean & Number: Hằng số giới hạn MAX_VALUE, MIN_VALUE, NaN, NEGATIVE_INFINITY, POSITIVE_INFINITY.
  • Function: Xử lý mảng tham số động arguments và tham chiếu hàm gọi caller.
  • RegExp: Các phương thức compile(), exec(), test() cùng các thuộc tính trạng thái tĩnh của đối tượng toàn cục RegExp ($1–$9, input, lastMatch, lastParen, leftContext, rightContext).
  • String: 28 phương thức xử lý chuỗi và định dạng đánh dấu HTML (gồm anchor, big, blink, bold, charAt, charCodeAt, concat, fixed, fontcolor, fontsize, fromCharCode, indexOf, italics, lastIndexOf, link, match, replace, search, slice, small, split, strike, sub, substr, substring, sup, toLowerCase, toUpperCase).
  • Date: Toàn bộ các phương thức truy xuất và thiết lập thời gian (getDate, getDay, getFullYear, getHours, getMilliseconds, getMinutes, getMonth, getSeconds, getTime, getTimezoneOffset, getYear, parse, setDate, setFullYear, setHours, setMilliseconds, setMinutes, setMonth, setSeconds, setTime, setYear, toGMT, toLocaleString, toUTCString), chú trọng chuẩn hóa xử lý năm 4 chữ số tránh lỗi Y2K.
  • Math: Hệ thống hằng số toán học (E, LN10, LOG10E, SQRT1_2, LN2, LOG2E, PI, SQRT2) và các hàm tính toán lượng giác, đại số (abs, acos, asin, atan, atan2, ceil, cos, exp, floor, log, max, min, pow, random, round, sin, sqrt, tan).
• Phần 6 & 7: Minh họa thuật toán và ứng dụng kịch bản HTML: Triển khai các thuật toán xử lý chuỗi/mảng (tính giá trị trung bình cộng, trích xuất chuỗi con, kiểm tra định dạng e-mail bằng RegExp) và xây dựng 20 ứng dụng kịch bản giao diện web cụ thể (đồng hồ hiển thị màn hình, ngày cập nhật, menu thả xuống cho Internet Explorer, biểu mẫu thư điện tử, hiệu ứng đổi màu, hiệu ứng trượt rollover, thu thập thông tin trình duyệt, kiểm tra mật khẩu, thanh tiêu đề động, tạo tuyết rơi Paisaje Nevado, carrusel xoay vòng hình ảnh).

Kiến thức nền tảng được xây dựng

Giáo trình hình thành nền tảng lý thuyết vững chắc về mô hình lập trình kịch bản dựa trên đối tượng (object-based programming) trong trình duyệt:

• Mô hình thông dịch mã nguồn theo dòng lệnh trực tiếp.
• Cơ chế quản lý bộ nhớ thông qua gán định danh biến kiểu động (dynamically typed variables).
• Nguyên lý mở rộng cấu trúc dữ liệu và kế thừa thuộc tính bằng prototype.
• Kỹ thuật khớp mẫu văn bản (pattern matching) sử dụng biểu thức chính quy.
• Mô hình lập trình hướng sự kiện (event-driven programming) kích hoạt dựa trên hành vi của người dùng trên trang web.

Kỹ năng phát triển

Qua các chương mục, tài liệu rèn luyện cho sinh viên ba nhóm năng lực chính:

• Năng lực kỹ thuật (Technical skills): Cú pháp JavaScript chuẩn tắc, kỹ thuật ép kiểu dữ liệu (parseInt, parseFloat), thao tác mảng một chiều và hai chiều, xử lý toán tử bit nhị phân, lập trình các hàm xử lý chuỗi và thời gian.
• Năng lực phân tích (Analytical skills): Phân tích luồng thực thi rẽ nhánh, tối ưu hóa biểu thức chính quy trong xác thực dữ liệu đầu vào (form validation), xử lý sai khác giữa các phiên bản trình duyệt.
• Năng lực ứng dụng thực hành (Practical competencies): Nhúng mã kịch bản vào cấu trúc HTML, xử lý sự kiện tương tác giao diện người dùng (chuột, bàn phím, nạp trang), xây dựng các thành phần giao diện động (DHTML).

---

Phương pháp giảng dạy và học tập

Giáo trình triển khai phương pháp tiếp cận sư phạm đi từ cơ chế nguyên lý đến thực nghiệm ứng dụng. Tác giả sử dụng phương pháp trực quan hóa dòng lệnh bằng cách cho phép người học kiểm thử trực tiếp các câu lệnh JavaScript ngay trên thanh địa chỉ của trình duyệt thông qua lược đồ URI javascript: (ví dụ: javascript:window.alert(...)), giúp sinh viên quan sát phản hồi của trình thông dịch mà không cần thiết lập môi trường phức tạp.

Hệ thống bài tập và nghiên cứu tình huống được tích hợp đa dạng:

• Bài tập giải thuật cơ sở: Tính trung bình số học (Media Aritmética), khởi tạo mảng ngẫu nhiên (Array aleatorio), tìm kiếm phần tử trong mảng (Buscar en un Array), trích xuất chuỗi con (Extraer Subcadena).
• Nghiên cứu tình huống xác thực dữ liệu: Kiểm tra cú pháp địa chỉ hòm thư điện tử thông qua hai phương pháp tiếp cận (Comprobar E-mail 1 và Comprobar E-mail 2) dựa trên đối tượng String và RegExp.
• Thực hành ứng dụng giao diện (20 module): Xây dựng các thành phần DHTML thực tế như đồng hồ thời gian thực (El Reloj en pantalla), bảng điều khiển màu sắc (Personalizar Colores), menu dạng gấp mở cho Internet Explorer (Esquema desplegable), xác thực mật khẩu đầu vào (Password 1), và trình chiếu hiệu ứng đồ họa xoay vòng (Carrusel de Imágenes).

Đối với phương pháp đánh giá, giảng viên có thể dựa trên khả năng viết hàm tái sử dụng, hiệu quả sử dụng bộ nhớ và độ chính xác của các mẫu RegExp trong các bài lab. Về phía người học, tài liệu khuyến nghị lộ trình tự học tuần tự: nắm vững các kiểu dữ liệu và toán tử ở Phần 1–3, làm chủ ngữ pháp điều khiển ở Phần 4, tra cứu và thực hành từng phương thức của 9 đối tượng cốt lõi ở Phần 5, trước khi ghép nối thành các ứng dụng hoàn chỉnh ở Phần 6 và 7.

---

Điểm nổi bật và cập nhật

Tài liệu phản ánh trung thực giai đoạn phát triển và chuẩn hóa của công nghệ web:

• Tính chuẩn hóa theo ECMA: Giáo trình bám sát quá trình tiêu chuẩn hóa ngôn ngữ kịch bản của European Computer Manufacturers Association (ECMA), đặt nền tảng cho tiêu chuẩn ECMAScript hiện đại.
• Phân tích đối sánh tương thích đa trình duyệt: Giáo trình chỉ ra sự khác biệt kỹ thuật cụ thể giữa các phiên bản trình duyệt Netscape Navigator (từ phiên bản 2.0, 3.0, 4.0) và Microsoft Internet Explorer (bản 3.5 và JScript). Ví dụ: việc phương thức getMilliseconds() được hỗ trợ trong JScript và ECMA nhưng chưa có mặt trên Netscape đời cũ; hay phương thức getYear() trả về năm 4 chữ số trên Internet Explorer nhưng trả về hiệu số trừ đi 1900 trên Netscape (năm 2000 trả về 100).
• Giải quyết sự cố kỹ thuật năm 2000 (Y2K): Hướng dẫn sinh viên chuyển đổi dứt điểm từ phương thức getYear() sang getFullYear() và setFullYear() để đảm bảo biểu diễn năm đủ 4 chữ số, tránh lỗi hệ thống.
• Tích hợp các phương thức sinh mã HTML tự động: Tài liệu phân loại chi tiết các phương thức của đối tượng String chuyên dùng để bao bọc chuỗi trong các thẻ HTML như .bold() sinh ra <B>, .link() sinh ra thẻ neo <A HREF="...">, .fontcolor() sinh ra <FONT COLOR="...">, phản ánh đặc thù lập trình giao diện của kỷ nguyên web động sơ khai.

---

Đối tượng sử dụng giáo trình

Giáo trình được thiết kế phục vụ các nhóm đối tượng cụ thể trong môi trường giáo dục đại học và tự nghiên cứu:

• Sinh viên đại học: Sinh viên năm thứ nhất hoặc năm thứ hai chuyên ngành Công nghệ Thông tin, Kỹ thuật Phần mềm, Hệ thống Thông tin, Mạng máy tính bắt đầu tiếp cận môn Lập trình Web hoặc Kỹ thuật Internet.
• Yêu cầu kiến thức tiên quyết: Người học cần có kiến thức cơ bản về cấu trúc văn bản HTML (các thẻ, thuộc tính, siêu liên kết, biểu mẫu) và hiểu biết tổng quát về cách thức hoạt động của trình duyệt web. Giáo trình không yêu cầu người học phải có kiến thức lập trình chuyên sâu từ trước nhờ phần nhập môn diễn giải chi tiết các khái niệm biến, lệnh, kiểu dữ liệu.
• Giảng viên: Dùng làm tài liệu tham khảo để biên soạn đề cương bài giảng lý thuyết cú pháp, xây dựng ngân hàng câu hỏi trắc nghiệm về phương thức đối tượng và thiết kế các bài tập thực hành phòng máy (lab assignments).
• Người tự học và kỹ thuật viên: Dùng như một sổ tay tra cứu nhanh (quick reference manual) hệ thống hàm, toán tử, hằng số và danh mục đầy đủ các phương thức của các đối tượng String, Date, Math, RegExp.

---

Câu hỏi thường gặp

1. Giáo trình này phù hợp với đối tượng người học nào?

Tài liệu được thiết kế cho người bắt đầu học lập trình kịch bản web từ con số không (Javascript desde cero), đặc biệt là sinh viên các ngành công nghệ thông tin và người làm việc với giao diện web tĩnh cần bổ sung tính năng tương tác động.

2. Người học cần chuẩn bị kiến thức nền tảng nào trước khi tiếp cận tài liệu?

Người học chỉ cần nắm vững cú pháp ngôn ngữ đánh dấu siêu văn bản HTML cơ bản (cấu trúc trang, thẻ định dạng, bảng, biểu mẫu) và biết cách thao tác trên trình duyệt web.

3. Sự khác biệt cốt lõi giữa JavaScript và Java được giáo trình chỉ ra là gì?

Java là ngôn ngữ lập trình hướng đối tượng độc lập, biên dịch mã sang bytecode để chạy trên máy ảo hoặc dạng applet đa nền tảng. Ngược lại, JavaScript là ngôn ngữ kịch bản thông dịch, dựa trên đối tượng (object-based), hoạt động trực tiếp trong ngữ cảnh của trình duyệt web nhằm điều khiển tài liệu và phản hồi sự kiện người dùng.

4. Phương pháp tự học và kiểm thử mã nguồn được khuyến nghị trong tài liệu là gì?

Người học có thể nhập trực tiếp các lệnh ngắn vào thanh địa chỉ trình duyệt bằng tiền tố javascript: kết hợp với hàm window.alert(), hoặc nhúng mã lệnh vào khối thẻ <script language="Javascript"> trong tệp tin .html để kiểm tra kết quả hiển thị trên trình duyệt.

5. Giáo trình cung cấp những tài liệu và mã nguồn bổ trợ nào?

Tài liệu cung cấp đầy đủ bảng tra cứu ký tự đặc biệt, bảng metacharacter cho biểu thức chính quy, bảng mô tả chi tiết phương thức của 9 đối tượng tích hợp, cùng toàn bộ mã nguồn của 9 ví dụ thuật toán ở Phần 6 và 20 ứng dụng kịch bản HTML hoàn chỉnh ở Phần 7.

---

Kết luận

Giáo trình Manual de JavaScript của tác giả Jose Antonio Rodríguez cung cấp một hệ thống lý thuyết chuẩn xác và toàn diện về ngôn ngữ kịch bản JavaScript thời kỳ chuẩn hóa ECMA. Giá trị học thuật cốt lõi của tài liệu nằm ở bảng phân loại chi tiết các kiểu dữ liệu, hệ thống toán tử đầy đủ từ số học đến nhị phân, danh mục phương thức đối tượng intrinsic phong phú (String, Date, Math, RegExp) cùng 20 ứng dụng kịch bản HTML thực tế. Tài liệu định hình rõ ràng lộ trình tiếp cận từ việc hiểu bản chất ngôn ngữ thông dịch, làm chủ ngữ pháp điều khiển luồng, đến khả năng lập trình giao diện web tương tác theo mô hình hướng sự kiện.

Trích đoạn nội dung tài liệu

MANUAL DE JAVASCRIPT de Jose Antonio Rodríguez Publicado en la página web www.net Adaptación del curso “Javascript desde cero”, publicado en: www.com/javascriptdesdecero 1 INDICE: 1) Introducción al lenguaje JavaScript: A) Programas, lenguajes, scripts. C) Variables, datos, objetos. D) La ejecución de los scripts. 2) Elementos del lenguaje: A) Los datos B) Las variables C) Los Objetos D) Los Arrays E) Las funciones 3) Los operadores: A) Operadores aritméticos B) Operadores binarios C) Operadores lógicos D) Operadores varios E) Funciones Globales en Javascript F) Expresiones regulares 4) La gramática: A) Gramática JavaScript: Condicionales B) Gramática JavaScript: Selección múltiple C) Gramática JavaScript: Bucles D) Gramática JavaScript: Ruptura de bucles 5) Los objetos: A) Objetos en JavaScript: Array B) Objetos booleanos: Verdadero o Falso C) Objeto Function D) Objeto Number E) Objeto Object F) Objeto Regular Expresion a) Métodos RegExp: Compile b) Métodos RegExp: Exec c) Métodos RegExp: Test d) RegExp G) Objeto String a) Métodos de String: anchor b) Métodos de String: big c) Métodos de String: blink d) Métodos de String: bold e) Métodos de String: charAt f) Métodos de String: charCodeAt g) Métodos de String: concat h) Métodos de String: fixed i) Métodos de String: fontcolor 2 j) Métodos de String: fontsize k) Métodos de String: fromCharCode l) Métodos de String: indexOf m) Métodos de String: italics n) Métodos de String: lastIndexOf o) Métodos de String: link p) Métodos de String: match q) Métodos de String: replace r) Métodos de String: search s) Métodos de String: slice t) Métodos de String: small u) Métodos de String: split v) Métodos de String: strike w) Métodos de String: sub x) Métodos de String: substr y) Métodos de String: substring z) Métodos de String: sup aa) Métodos de String: toLowerCase bb) Métodos de String: toUpperCase H) Objeto Date a) Métodos de Date: getDate() b) Métodos de Date: getDay() c) Métodos de Date: getFullYear() d) Métodos de Date: getHours() e) Métodos de Date: getMilliseconds() f) Métodos de Date: getMinutes() g) Métodos de Date: getMonth() h) Métodos de Date: getSeconds() i) Métodos de Date: getTime() j) Métodos de Date: getTimezoneOffset() k) Métodos de Date: getYear() l) Métodos de Date: Object.toString() m) Métodos de Date: Object.valueOf() n) Métodos de Date: parse() o) Métodos de Date: setDate() p) Métodos de Date: setFullYear() q) Métodos de Date: setHours() r) Métodos de Date: setMilliseconds() s) Métodos de Date: setMinutes() t) Métodos de Date: setMonth() u) Métodos de Date: setSeconds() v) Métodos de Date: setTime() w) Métodos de Date: setYear() x) Métodos de Date: toGMT() y) Métodos de Date: toLocaleString() z) Métodos de Date: toUTCString() I) Objeto Math a) Métodos Math: abs b) Métodos Math: acos c) Métodos Math: asin 3 d) Métodos Math: atan e) Métodos Math: atan2 f) Métodos Math: ceil g) Métodos Math: cos h) Métodos Math: exp i) Métodos Math: floor j) Métodos Math: log k) Métodos Math: max l) Métodos Math: min m) Métodos Math: pow n) Métodos Math: random o) Métodos Math: round p) Métodos Math: sin q) Métodos Math: sqrt r) Métodos Math: tan 6) Ejemplos JavaScript: A) Operadores B) Media Aritmética C) Saludo D) Array aleatorio E) Comprobar E-mail 1 F) Comprobar E-mail 2 G) Buscar en un Array H) Extraer Subcadena I) Creando Objetos 7) Aplicaciones JavaScript HTML: A) El Reloj en pantalla B) Fecha de Actualización C) Menús Desplegables (IE) D) Formularios de Correo E) Personalizar Colores F) Persianas G) Rollover H) Información del Navegador I) Esquema desplegable (IE) J) Botón más/menos K) Password 1 L) Título de página animado M) Bloque fijo N) Paisaje Nevado 1 O) Paisaje Nevado 2 P) Estrella Navideña 1 Q) Estrella Navideña 2 R) Buscador en la Página S) Página de Inicio T) Carrusel de Imágenes 4 1) Introducción al lenguaje JavaScript: A) Programas, lenguajes, scripts.

Antes de comenzar: Nada de asustarse por la jerga técnica. Para quién comienza desde cero, estas cosillas son lo primero que debiera conocer: Que es eso de programa, lenguaje, scripts o guiones. Lo primero a aclarar es lo del programa, algo que realmente no es exclusivo de la informática, todos hemos programado alguna vez: al poner el vídeo para que grabe cuando no estamos en casa, cuando ponemos el despertador para que nos dé el disgusto matutino.