MODULE1

Các bài học và chứng chỉ hoàn thành:

Các chứng chỉ trên code.org.
Các khóa học "Học cách học", "Hoàn thành mọi việc với Kanban 2.0", "Kỹ năng làm việc tại doanh nghiệp".

Các bài đã được học và đã được áp dụng:

Mô tả thuật toán bằng Pseudo cosde & flowchart.

Định nghĩa mã giả và ví dụ :

Mã giả sử dụng một tập hợp những từ tương tự như mã thật nhưng nó không thể được biên dịch và thực thi như mã thật.

BEGIN DISPLAY 'Hello World!' END
Định nghĩa lưu đồ và ví dụ :

Một lưu đồ là một hình ảnh minh hoạ cho giải thuật. Nó vẽ ra biểu đồ của luồng chỉ thị hay những hoạt động trong một tiến trình. Mỗi hoạt động như vậy được biểu diễn qua những ký hiệu.

Ví dụ :
Ý nghĩa của những biểu tượng trong lưu đồ :
Ví dụ pseudo:

Git & HTML.

Khái niệm về Git

Git là một cách thức (mô hình, giao thức, công cụ, qui tắc) để lưu trữ mã nguồn và hỗ trợ cộng tác trong quá trình phát triển ứng dụng. Hãy tưởng tượng, Bob và James cùng tham gia phát triển một dự án. Họ lưu trữ mã nguồn của dự án ở đâu? Làm thế nào để họ cộng tác với nhau? Làm thế nào để họ chia sẻ chung một bộ mã nguồn? Git có thể giúp Bob và James trong trường hợp này
Repository

Là nơi chứa mã nguồn (repository có nghĩa là "kho chứa"), tức là nơi mà chúng ta lưu trữ các file, các đoạn mã được viết ra trong suốt quá trình phát triển dự án. Có 2 loại Repository là Local Repository và Remote Repository.
Local Repository

Là nơi lưu trữ mã nguồn trên máy tính của lập trình viên. Chẳng hạn Bob và James mỗi người đều có các Local Repository trên máy của riêng mình. Các đoạn mã do Bob hoặc James viết ra đều được lưu trữ trên các Local Repository đó.
Remote Repository

Là nơi lưu trữ mã nguồn ở trên mạng (chẳng hạn là mạng Internet hay là mạng nội bộ của một công ty). Để có Remote Repository thì chúng ta cần có một máy chủ và cài Git Server lên đó. Hoặc chúng ta có thể sử dụng các dịch vụ miễn phí (chẳng hạn như GitHub.com, GitLab.com...). Remote Repository (có nghĩa là "kho chứa từ xa") là nơi mà cả Bob và James đều có thể truy cập được để tải mã nguồn về hoặc đưa mã nguồn lên đó
Version

Là trạng thái mã nguồn ở một thời điểm nhất định nào đó. Chẳng hạn, sáng hôm nay Bob hoàn thành xong tính năng Đăng nhập của website, Bob quyết định đánh dấu rằng đây là một phiên bản của mã nguồn. Đến buổi trưa, James hoàn thành tính năng Cài đặt lại mật khẩu, James lại quyết định đánh dấu rằng đây là một phiên bản nữa của mã nguồn. Như vậy, có thể thấy rằng trong quá trình phát triển một dự án thì mã nguồn sẽ có rất nhiều phiên bản được tạo ra liên tiếp nhau. Đến buổi chiều, chẳng may Bob lỡ tay xoá mất mấy đoạn mã quan trọng. Nhưng Bob không hề lo lắng, bởi vì Bob có thể "quay trở về" phiên bản trước đó của mã nguồn một cách dễ dàng. Đó là một trong rất nhiều những lợi ích của việc quản lý phiên bản mã nguồn.
Quản lý Phiên bản mã nguồn

Git không chỉ giúp chúng ta quản lý mã nguồn mà còn quản lý phiên bản mã nguồn. Tức là giúp chúng ta làm chủ được từng thay đổi của mã nguồn theo thời gian.
Đồng bộ giữa các Repository

Ngoài Repository chung (chính là Remote Repository) thì Bob và James đều có các Repository riêng của mình (chính là Local Repository), do đó phải có cơ chế để đồng bộ giữa các Repository này với nhau, tức là giữ cho mã nguồn ở các Repository này giống hệt nhau. Hay nói cách khác, tất cả các Repository này là những bản sao của nhau.
Làm việc và thực hành cơ bản với Git
Một vài câu lệnh thường sử dụng trong git

HTML

Ý nghĩa của các thẻ HTML cơ bản
Giới thiệu về các trình duyệt:

Trình duyệt (chẳng hạn như Chrome, IE, Firefox, Safari...) là những phần mềm được sử dụng để đọc các tài liệu HTML và hiển thị chúng dưới dạng giao diện người dùng. Trình duyệt không hiển thị các thẻ HTML ra giao diện, thay vào đó chúng dựa vào các thẻ HTML để biết phải hiển thị những thành phần tương ứng ra giao diện. Chẳng hạn ở ví dụ trên, khi trình duyệt đọc được một thẻ <h1> thì chúng sẽ hiển thị ra một tiêu đề lớn, còn khi đọc được một thẻ <p>thì lại hiển thị một đoạn văn bản
Cấu trúc của một trang HTML
Một số thuộc tính nổi bật của một vài thẻ HTML cơ bản:

Các thẻ HTML có thể khai báo thêm các thuộc tính
Các thuộc tính cung cấp thêm các thông tin cần thiết cho thẻ
Thuộc tính luôn được viết trong thẻ mở
Thuộc tính đi thành cặp thuộc_tính/giá_trị dạng: tên_thuộc_tính="giá_trị"
Lưu ý khi viết tên các thẻ HTML : Luôn viết thuộc tính bằng chữ in thường, luôn đặt giá trị trong cặp dấu nháy
Một vài ví dụ về các cặp thẻ trong HTML :

<a href="https://www.facebook.com/sinhnhat.ichi" target="_blank"><img src="https://www.seekpng.com/png/detail/265-2657650_facebook-icon-png-facebook.png" alt="Facebook Icon - Png Facebook@seekpng.com" height="30px"></a>

This is p case HTML

HTML Form & Table.

Cú pháp của form
Thuộc tính action của form

Thuộc tính action quy định nơi dữ liệu được gửi đến. Địa chỉ này có thể là trên cùng server với trang web hiện tại hoặc trên bất kỳ server nào khác.
Thuộc tính method của form

Thuộc tính method quy định cách thức dữ liệu được gửi lên server. Có 2 cách thức thường được sử dụng đó là POST và GET
Phân biệt POST và GET
Cách đặt tên cho các trường trong form :

Cần phải đặt tên cho các trường của biểu mẫu. Nếu một trường nào đó không được đặt tên thì dữ liệu của trường đó sẽ bị bỏ qua
Các loại input phổ biến : text, password, checkbox, radio, reset, submit, hidden

Text here:

Password:

Sở thích:
Du lịch
Thể thao
Nấu ăn

Sở thích:
Du lịch
Thể thao
Nấu ăn

Account:

Account:

This is a box where you can put any text here
Sử dùng cặp thẻ <select> <option> :

Thẻ <select> được sử dụng chung với thẻ <option> để tạo một danh sách drop-down hoặc list, cho phép chọn một hoặc nhiều hạng mục từ một danh sách có sẵn. Ví dụ :

Kiến thúc sử dụng các cặp thẻ <table>, <tr>, <th>, <td>:

<table>: Định nghĩa một bảng
<tr>: Định nghĩa một dòng
<th>: Định nghĩa một ô tiêu đề
<td>: Định nghĩa một ô dữ liệu.

Ví dụ về bảng :

Firstname	Lastname	Age
Văn Cường	Hứa	30
Lực	Đinh	50

Javascript.

Định nghĩa Javascript :

JavaScript là một ngôn ngữ script được dùng để tạo các script ở máy client và máy server. Các script ở máy client có thể thực thi được trong trình duyệt trong khi các script ở máy server lại thực hiện trên server.
Ý nghĩa ngôn ngữ Javascript :

Javascript là một ngôn ngữ lập trình dùng để xử lý các sự kiện và tác động trên các phần tử trong một trang web. Nó có thể được sử dụng để tạo ra các hiệu ứng trực quan, xử lý dữ liệu và tương tác với máy chủ.
Mục tiêu của Javascript :

Mục tiêu của Javascript là giúp cho các trang web trở nên đẹp mắt hơn và tương tác đa dạng hơn, giúp người dùng trải nghiệm tốt hơn trên trang web. Nó cũng có thể dùng để xử lý dữ liệu và tương tác với máy chủ, giúp cho các trang web hoạt động mượt mà hơn và có thể cập nhật dữ liệu mà không cần tải lại trang.

Biến, kiểu dữ liệu và toán tử.

Kiểu boolean
Kiểu của null
Kiểu của undefined
Kiểu số
Kiểu chuỗi
Kiểu Symbol (mới trong ECMAScript 6)
Kiểu đối tượng

Cấu trúc điều kiện.

Câu lệnh IF :

Lệnh if để xác định một khối mã JavaScript sẽ được thực thi nếu điều kiện chỉ ra là đúng.
Câu lệnh IF-ELSE :

Sử dụng else để xác định một khối mã được thực thi, nếu điều kiện được chỉ ra trong if là sai. Ví dụ :

if (hour < 18) { greeting = "Good day"; } else { greeting = "Good evening"; }

Câu lệnh SWiTCH-CASE :

Lệnh switch được sử dụng để thực hiện các hành động khác nhau dựa trên các điều kiện khác nhau.

Sử dụng lệnh switch để chọn một trong số nhiều khối mã được thực thi. Ví dụ :

switch (new Date().getDay()) { case 0:day = "Chủ Nhật"; break; case 1:day = "Thứ hai"; break; case 2:day = "Thứ ba"; break; case 3:day = "Thứ tư"; break; case 4:day = "Thứ năm"; break; case 5:day = "Thứ sáu"; break; case 6:day = "Thứ bảy"; break; } document.write(day);

Các sự kiện trong html :

Các sự kiện có trong html rất nhiều. Nhưng thường được sử dụng nhất là sự kiện chuột và sự kiện bàn phím.

Ví dụ:

Cấu trúc lặp.

Vòng lặp for :

Vòng lặp for là 1 vòng lặp của HTML, cho phép duyệt qua các block nhiều lần lặp đi lặp lại. Ví dụ :

for (let i = 1; i <= 3; i++) { alert(i); }
Vòng lặp for-in, for-of, for-each :

Vòng lặp for-in, for-of, for-each là 3 dạng javascript của HTML trong đó for-in và for-of là cấu trúc vòng lặp, for-each là cấu trúc duyệt mảng thay vì là một cấu trúc vòng lặp

Ví dụ vòng lặp for-each :

let arr = [4, 5, 6]; arr.forEach(function(val) { alert(val); };

Vòng lặp do-while, while :

- while là một kiểu vòng lặp điều kiện. Nó sẽ thực hiện một chuỗi các lệnh trong vòng lặp cho đến khi điều kiện dừng bị false
- do-while cũng là một kiểu vòng lặp điều kiện. Nó sẽ thực hiện một chuỗi các lệnh trong vòng lặp một lần rồi kiểm tra điều kiện. Nếu điều kiện là true, nó sẽ tiếp tục thực hiện vòng lặp.

let i = 1; while (i <= 3) { console.log(i); i++; }	let i = 1; do { console.log(i); i++; } while (i <= 3);

Mảng.

Khái niệm về mảng :

Mảng là một loại biến đặc biệt, được dùng để lưu trữ nhiều giá trị.
Các thành phần của mảng :

Tên mảng (name): Phải tuân thủ theo quy tắc đặt tên của biến
Độ dài của mảng (length): Là số lượng giá trị mà mảng có thể chứa.
Cú pháp khai báo mảng :

Có 2 cách để khai báo mảng bao gồm :

let arr = [element1, element2, element3]

let arr = new Array("element1", "element2", "element3")
Cách truy xuất phần tử trong mảng :

Để truy xuất đến một phần tử của mảng thì chúng ta sử dụng tên mảng và chỉ số của phần tử đó.

Ví dụ:

let aaa = arr[0]
Trả về độ dài trong mảng :

Chúng ta sử dụng thuộc tính length để biết độ dài của mảng.

Ví dụ :

let cars = ["Suzuki", "Lamborgini", "Ferrari"] let countOfCars = cars.length // count trả về là 3
Thêm, xoá phần tử trong mảng :

Để thêm phần tử vào trong mảng ta sử dụng hàm push() hoặc hàm unshift(). Hàm push() đẩy giá trị mới vào cuối mảng. Hàm unshift() đẩy giá trị mới vào đầu mảng.

Để xóa phàn tử trong mảng ta sử dụng hàm pop() hoác hàm shift(). Hàm pop() xóa đi giá trị cuối cùng trong mảng. Hàm shift xóa đi giá trị đầu mảng.
Sắp xếp các phần tử trong mảng :

Hàm sort() sẽ giúp sắp xếp các phần tử của mảng theo một trật tự nhất định. Chúng ta cũng có thể đảo ngược trật tự của một mảng bằng cách sử dụng hàm reverse().

Hàm.

Khái niệm về hàm :

Hàm là một khối lệnh (bao gồm nhiều câu lệnh) được sử dụng để thực hiện một công việc nhất định.
Cú pháp khai báo hàm :

Để khai báo một hàm, chúng ta sử dụng từ khoá function, kèm theo tên hàm và danh sách các tham số (parameter). Hàm có thể trả về một giá trị bằng cách sử dụng từ khoá return.
Cú pháp gọi hàm :

Sau khi khai báo hàm thì chúng ta có thể gọi nó. Chẳng hạn, chúng ta có thể gọi một hàm khi người dùng nhấn chuột vào một nút, hoặc khi người dùng nhấn một phím bất kỳ... Để gọi hàm, chúng ta sử dụng tên của hàm và truyền vào các tham số theo yêu cầu của hàm đó.

Các ví dụ sử dụng hàm :

function example9() { let A = +prompt('Nhập diểm Hóa'); let B = +prompt('Nhập điểm Lý'); let C = +prompt('Nhập điểm Sinh'); let R = (A + B + C) / 3; alert("Điểm trung bình là: " + R); } function example10() { let number = +prompt('Nhập số cần kiểm tra'); { if (number < 2) { return alert("Số nhập vào không phải số nguyên tố"); } for (let i = 2; i < number; i++) { if (number % i === 0) { return alert("Số nhập vào không phải số nguyên tố"); } } return alert("Số nhập vào là số nguyên tố"); } }

Lập trình hướng đối tượng.

Khái niệm về đối tượng :

Một đối tượng là một tập hợp có liên quan với nhau giữa dữ liệu hoặc các chức năng (việc này thường được thể hiện với các biến và hàm - chúng được gọi là các thuộc tính và phương thức khi được đưa vào trong các đối tượng.)

Ví dụ:

class Item {
                        constructor(name, price, quantity) {
                            this.name = name;
                            this.price = price;
                            this.quantity = quantity;
                        }
                    }

**Show all product**
Product Name	Price	Inventory

Bài tổng kết module