-
Javascript là một ngôn ngữ lập trình kịch bản dựa vào đối tượng phát triển có sẵn hoặc tự định nghĩa. Javascript được sử dụng rộng rãi trong các ứng dụng Website. Javascript được hỗ trợ hầu như trên tất cả các trình duyệt như Firefox, Chrome, ... trên máy tính lẫn điện thoại.
Nhiệm vụ của Javascript là xử lý những đối tượng HTML trên trình duyệt. Nó có thể can thiệp với các hành động như thêm / xóa / sửa các thuộc tính CSS và các thẻ HTML một cách dễ dàng. Hay nói cách khác, Javascript là một ngôn ngữ lập trình trên trình duyệt ở phía client. Tuy nhiên, hiện nay với sự xuất hiện của NodeJS đã giúp cho Javascript có thể làm việc ở backend.
Bạn thử truy cập vào một số website trên internet thì sẽ thấy có những hiệu ứng slide, menu xổ xuống, các hình ảnh chạy qua chạy lại rất đẹp. tất cả các chức năng này đều được xử lý bằng Javascript đấy các bạn ạ.
Trong những năm gần đây, sự xuất hiện của các framework như NodeJS (chuyên code backend), ExpressJS (NodeJS framework), và nhiều thư viện frontend khác như Angular, jQuery, RactJS ra đời, giúp tạo ra một cơn sốt với từ khóa Javascript Fullstack.
-
Khai báo biến trong Javascript
Có 3 kiểu khai báo biến
-
var bar = foo
-
const foo = bar
-
let zoo = rab
Suggest ticked
-
-
- Toán tử toán học trong javascript
- Toán tử gán trong javascript
- Toán tử quan hệ trong Javascript
- Toán tử luận lý trong Javascript
- Độ ưu tiên các toán tử trong Javascript
- Lưu ý với toán tử so sánh bằng Javascript
const newFn = () => {
return `Something`
}
newFn(); => `Something`
function oldFn () {
return `Something more`
}
oldFn(); => `Something more`
- Biến toàn cục và cục bộ trong JS
// Biến toàn cục
var comment = "Nội dung comment trước khi thay đổi";
// Hàm có sử dụng biến toàn cục
function add_comment()
{
comment = "Nội dung comment đa bị thay đổi";
alert(comment);
}
// Gọi fuction comment
add_comment();
// In biến toàn cục
alert(comment);
- setTimeout và setInterval trong JS
* setTimeout
setTimeout(function(){
alert("Chào mừng bạn đến với freetuts.net");
}, 3000);
var do_alert = function(){
alert("Chào mừng bạn đến với freetuts.net");
};
setTimeout(do_alert, 3000);
* clearTimeout
// hành động
var action = setTimeout(function(){
// something
}, 3000);
// hủy hành động
clearTimeout(action);
* setInterval
setInterval(function(){
alert("Chào mừng bạn đến với freetuts.net");
}, 3000);
* clearInterval
var interval_obj = setInterval(function(){
alert("Chào mừng bạn đến với freetuts.net");
clearInterval(interval_obj);
}, 3000);
EXERCISE:
Dùng for hiển thị đầu ra bằng console.log
var domains = [
'freetuts.net',
'qa.freetuts.net'
];
EXERCISE:
Đầu ra của đoạn code bên dưới là gì?
while (i < 10) {
console.log(`The number is ${i}`)
i++;
}
EXERCISE:
Đầu ra của đoạn code bên dưới là gì?
for (var i = 0; i < 10; i++){
console.log(i);
}
- String trong Javascript
- Hàm xử lý chuỗi trong Javascript
- Mảng trong javascript
- Các hàm xử lý mảng trong JS
- Mảng hai chiều trong Javascript
- Number trong Javascript
- Date trong Javascript
- Xử lý ngày tháng trong Javascript
- Typeof trong Javascript
Để lưu trữ dữ liệu tạm thời thì trong Javascript HTML5 có khái niệm
LocalStorage
vàSessionStorage
, còn trong PHP thì có khái niệm session. Vậy trong NodeJS có cách nào để lưu trữ dữ liệu tạm thời hay không? Có đấy các bạn, chúng ta sẽ sử dụng modulenode-persist
để lưu trữ dữ liệu tạm thời trên Server (không lưu trong hệ quản trị CSDL mà lưu file và bộ nhớ).
EXERCISE:
Xây dựng 1 mini app CRUD quản lý học sinh hoặc sinh viên biểu diễn dưới dạng Class và sử dụng
node-persist
để lưu trữ dữ liệu.
- Node module, module.export và require
- Asynchronous và Callback function trong NodeJS
- Asynchronous Promise vs Async/Await trong NodeJS
- Callback trong NodeJS
- Events trong NodeJS
- Buffer trong NodeJS
- Streams trong NodeJS
- HTTP Web Server trong Nodejs
- NodeJS Server đơn giản
- writeHead + setHeader NodeJS
- process.env trong Nodejs
- Upload files trong Nodejs
- Xử lý CORS trong NodeJS
- MongoDB trong NodeJS
- Kết nối với MongoDB
- Mongoose trong NodeJS
- Schemas trong Mongoose
- SchemaTypes trong Mongoose
- Models trong Mongoose
- Documents trong Mongoose
- Subdocuments trong Mongooose
- CRUD trong Mongoose
- Validation trong Mongoose
- Middleware trong Mongoose
- Populate trong Mongoose
SUGGESTION:
- Clone base project được gắn link ở trên
- Chạy nó lên và cài template engine bạn muốn sử dụng. Vd: ejs, handlebarsjs, ...
REQUIREMENT:
- Xây dựng giao diện trang chủ Blog
- Route và Logic lấy dữ liệu cho trang chủ
- Xây dựng trang chi tiết bài viết
- Xây dựng trang About cho Blog
REQUIREMENT:
- Site quản trị
- Site bán hàng