Bài Viết

Tổng hợp bài học về lập trình.

Hiển thị 10 / 670 kết quả
Lập Trình Lập Trình

Ở bài học này chúng ta sẽ tạo một ứng dụng Hello World đơn giản sử dụng thư viện ReactJs và ReactDOM.

Bước 1.1: Tạo File index.html

Chúng ta sẽ bắt đầu bằng việc tạo một file HTML để bootstrap dự án sử dụng các thư viện liên quan tới React.js. Trong thư mục dự án bạn tạo tập tin static và bên trong này tạo tập tin index.html với nội dung sau:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Hello React!</title>
        <script src="https://cdnjs.cloudflare.com/aj...
Lập Trình Lập Trình

Spread operator có cú pháp giống với rest paraterter tuy nhiên cả hai có ý nghĩa khác nhau. Rest paramter được sử dụng khi khai báo hàm, ngược lại spread operator được sử dụng trong các câu lệnh, biểu thức hoặc khi gọi hàm.

Để hiểu về spread operator chúng ta sẽ cùng tham khảo một số ví dụ tiếp sau đây.

Sử Dụng Spread Operator Với Mảng

Nối Mảng (Concatenate Array)

Trước khi ES6 được ra đời thì cách phổ biến để nối mảng là sử dụng phương thức concat() của một mảng với đối số truyền vào là những m...

Lập Trình Lập Trình
Trước khi đi vào việc phát triển ứng dụng, chúng ta cùng bỏ một chút thời gian tìm hiểu về giao diện của Xcode. Ở đây tôi chia giao diện ra thành 8 khung nhau n...
Làm Quen Với Xcode
Lập Trình Lập Trình
Sử dụng module fs trong Node.js giúp chúng ta có thể dễ dàng làm việc với hệ thống tập tin trên máy tính (hoặc máy chủ). Trong phần này chúng ta sẽ học cách viế...
File System
Lập Trình Lập Trình

Node.js Là Gì

Node.js là một phần mềm mã nguồn mở được viết dựa trên ngôn ngữ JavaScript cho phép lập trình viên có thể xây dựng các ứng dụng chạy trên máy chủ. Ban đầu, Node.js được phát triển bởi Ryan Dahl. Phiên bản đầu tiên của Node.js được cho ra mắt vào năm 2009.

console.log("Xin chào");

Mở editor

Node.js có thể chạy được trên nhiều nền tảng khác nhau như Windows, Linux hay Mac OS. Node.js được phát triển sử dụng V8 Engine là bộ thư viện JavaScript được Google phát triển để viết trình duyệt web...

Lập Trình Lập Trình

Destructuring assignment là một biểu thức JavaScript dùng để lấy ra (destructure) giá trị của một hay nhiều phần tử rong mảng hoặc đối tượng đồng thời gán các giá trị này cho các biến cho trước.

Chúng ta cùng tham khảo một đoạn code ví dụ khá cơ bản dùng để destructure các thuộc tính trong đối tượng như sau:

var iPhone = {  
    model: "iPhone X",
    price: "$1500 USD",
    year: 2017
};

var model = iPhone.model;
var price = iPhone.price;
var year = iPhone.year;

Bạn có thể thấy sử dụng cú phá...

Lập Trình Lập Trình

Arrow functon trong ECMAScript là kiểu cú pháp giúp đơn giản hoá việc việc định nghĩa hàm.

Cú Pháp Arrow Function

Trước khi sử dụng arrow function thì chúng ta hãy cùng xem cách định nghĩa một hàm JavaScript theo cách thông thường trước đây:

var sumNumbers = function (a, b) {
    return a + b;
}

Với tính năng arrow function trong ECMAScript 6 chúng ta có thể viết lại đoạn code trên như sau:

const sumNumbers = (a, b) => {
    return a + b;
}

Có 2 điểm bạn cần lưu ý ở cách viết trên:

  • Từ khoá func...
Lập Trình Lập Trình

Template Literal Là Gì

Template literal là tính năng mới trong ECMAScript 6 cho phép lập trình viên có thể nhúng biểu thức JavaScript (ví dụ như giá trị của biến, hoặc kết quả của một phép toán...) bên trong chuỗi string một cách dễ dàng.

Sử dụng phiên bản trước của ECMAScript thì việc nối chuỗi với giá trị của một biến hoặc biểu thức thường sử dụng toán tử + và chúng ta sẽ thường được thấy những đoạn code tương tự sau xuất hiện trong source code:

var spiderMan = {
    name: "Peter",
    age: 25...
Lập Trình Lập Trình

Tham Số Mặc Định

Trong nhiều trường hợp, khi định nghĩa một hàm chúng ta muốn gán giá trị mặc định cho tham số trong hàm để khi hàm được gọi nếu không có giá trị nào truyền vào cho các tham số này thì giá trị mặc định của chúng sẽ được sử dụng.

Với các phiên bản trước của ECMAScript không cung cấp sẵn tính năng gán giá trị mặc định cho tham số của hàm mà thông thường cần phải thực hiện thông qua một số bước gián tiếp khác để đạt được mục đính tương tự. Trong ECMAScript 6, tính năng gán giá trị m...

Lập Trình Lập Trình

Trong ES5 chúng ta chỉ có một cách duy nhất để để khai báo biến đó là var, trong ES6 chúng ta có hai cách khách nhau đó là sử dụng constlet để khai báo biến.

constlet Là Gì

Trong phiên bản ES5 và trước đó để khai báo một biến chúng ta sử dụng từ khoá var:

var student_name = "Super Man";
var student_age = 200;

Trong ES6 chúng ta thường sẽ không sử dụng var mà thay vào đó sẽ sử dụng constlet. Sự khác biệt ở đây đó là const dùng để khai báo các biến mà giá trị không thay đổi (hay hằng s...