Rất chào các bạn, Như các bạn đã biết, trong kỉ nguyên công nghệ, song song với sự sinh ra dày đặc của các trang web mới cũng là sự biến mất của những trang web "lạc hậu" hay hoạt động kém hiệu quả. Một trang web hấp dẫn người dùng luôn có cách cung cấp nội dung hiệu quả, sáng tạo, dễ dàng nắm bắt; và các bức ảnh chất lượng, thú vị là cách tốt nhất để thực hiện điều...
Happy New Year HTML javascipt best tips Front-end
Như chúng ta đã biết, Array trong JS có rất nhiều method tiện dụng có thể hỗ trợ chúng ta. Sau đây là một số method thông dụng được giải thích bằng các emoji. 1. Array.push() Thêm một hoặc nhiều phần tử vào sau mảng. let livestock = ["?", "?", "?"]; livestock.push("?", "?"); // console.log(livestock); // ["?", "?", "?", "?", "?"] 2....
Happy New Year javascipt array Array methods emoji
Cách mà mình "hack" được vào hệ thống của SMAS Thật ra dùng từ hack cũng không đúng lắm, chỉ là một vài trick để lừa hệ thống mà thôi. 1. Cảm hứng Chuyện là vào tầm giữa học ky I năm 2020. Mình cũng vừa mới thi xong giữa kỳ nên quyết định làm một con bot để theo dõi điểm của mình. Nên mình có ghé vào trang http://smsedu.smas.vn/ để xem có API nào hay hay để giúp mình làm việc đó...
javascipt Nodejs express
Chào các bạn, lại một tháng nữa trôi qua và mình vẫn lại lên đây để chém gió như mọi khi nữa rồi . Sau khi phần 1 ra lò với biết bao sóng gió thì hôm nay mình sẽ tiếp tục cho lên sóng phần 2 của loạt bài viết về Testing trong Javascript với Jest với hy vọng dùng tấm thân nhỏ bé này để giúp các bạn hiểu thêm về Mr. Jest. Bây giờ hãy cùng tìm hiểu thôi nào các bạn. Testing Asynchronous Code Như...
javascipt Jest Mock asynchronous Jest
1. Yêu cầu Yêu cầu thứ nhất là khi click vào button thì thay đổi màu nền ngẫu nhiên trong một danh sách các mã màu cho trước. Yêu cầu thứ hai là màu sau không trùng với màu trước. Đây là một trong những bài tập vanilla Javascript ở mức cơ bản giúp các bạn làm quen, chủ yếu giải thích về Javascript nên phần giao diện sẽ không phân tích nhiều. Hi vọng với bài tập này các bạn sẽ thấy thích...
HTML javascipt CSS vanilla js
1. Yêu cầu Yêu cầu bài toán là khi người dùng chọn ảnh từ máy tính thì chúng ta sẽ hiển thị hình ảnh preview để xem trước mà không cần phải upload lên server. Đây là một trong những bài tập vanilla Javascript ở mức cơ bản giúp các bạn làm quen, chủ yếu giải thích về Javascript nên phần giao diện sẽ không phân tích nhiều. Hi vọng với bài tập này các bạn sẽ thấy thích thú khi học...
HTML javascipt CSS vanilla js May Fest
Biến là một khái niệm rất quan trọng trong nhiều ngôn ngữ lập trình, được sử dụng để lưu trữ cá giá trị. Chúng ta có thể gán một giá trị cho một biến, khi nào cần giá trị (số, chuỗi, etc) thì gọi tên biến thay vì giá trị, các interpreter, compiler truy xuất đến giá trị đã được gán vào biến khi thực hiện việc tính toán thay cho chúng ta. Con người dễ tiếp thu ngôn ngữ hơn là những...
javascipt MayFest programming language
1. Yêu cầu Yêu cầu bài toán là khi người dùng kéo thả ảnh từ máy tính vào vùng chỉ định thì chúng ta sẽ hiển thị hình ảnh preview để xem trước mà không cần phải upload lên server. Đây là một trong những bài tập vanilla Javascript ở mức cơ bản giúp các bạn làm quen, chủ yếu giải thích về Javascript nên phần giao diện sẽ không phân tích nhiều. Hi vọng với bài tập này các bạn sẽ thấy...
HTML javascipt CSS vanilla js May Fest
Problem with creating objects with the constructor function: Xem xét hàm constructor ở dưới đây : function Human(firstName, lastName) { this.firstName = firstName, this.lastName = lastName, this.fullName = function() { return this.firstName + " " + this.lastName; } } var person1 = new Human("Virat", "Kohli"); console.log(person1) Hãy tạo object person1 và person2 bằng Human function constructor Human: var person1 = new...
javascipt May Fest
Xin chào mọi người hôm nay mình giới thiệu một loại đồ chơi cực xịn cực hay ho luôn, đây là một thư viện giúp cho mọi người tạo ra 1 class Typescript trong dự án Frontend ở đây mình lấy ví dụ là Angular một cách nhanh chóng nhất dựa vào response class của Backend. Như mọi người thường biết trong dự án Spring Boot chúng ta thường sử dụng Maven như một công cụ để quản lý thư viện và các...
javascipt Java Spring Boot typesciprt angular
1. Yêu cầu Yêu cầu bài toán là khi người dùng nhập text vào ô input thì kiểm tra xem Caps Lock có bật hay không. Đây là một trong những bài tập vanilla Javascript ở mức cơ bản giúp các bạn làm quen, chủ yếu giải thích về Javascript thuần không framework nên phần giao diện sẽ không phân tích nhiều. Hi vọng với bài tập này các bạn sẽ thấy thích thú khi học Javascript. 2. Giao diện HTML - CSS <!DOCTYPE...
HTML javascipt CSS vanilla js
Nullish Coalescing là một toán tử khá thú vị trong Javascript / Typescript. Toán tử này được viết dưới dạng: ?? Nó được sử dụng với các biến mang giá trị null hoặc undefined (các biến chưa được xác định). Giá trị trả về của a ?? b là: a nếu a xác định. b nếu a không xác định. Giả sử chúng ta có biến user và chúng ta muốn log xem user đã đăng nhập hay chưa, đầu tiên ta có thể sử dụng if...
javascipt TypeScript operator
Functors trong JavaScript là gì? Functors là gì? Đôi khi, logic chính xác sẽ là bất khả thi bởi sự phức tạp của data trong thế giới lập trình. Do đó, data trừu tượng (data abstraction) là một tool rất hữu ích giúp ta tạo một đại diện đơn giản cho data. Để có thể đạt được điều này, chúng ta tạo ra ‘Containers’, những container này sẽ chỉ chứa data và không làm gì khác. Ta cũng không cung cấp...
javascipt
Face-api là một thư viện giúp cho chúng ta thực hiện các công việc như phát hiện khuôn mặt và nhận diện khuôn mặt trên trình duyệt và nó được triển khai trên lõi của tensorFlow.js Face-api.js model Trước khi bắt đầu với việc làm demo thì mình muốn giới thiệu một chút về các model của thư viện Face-api.js. Hiện tại thì chúng ta có thể sử dụng được 5 model mà face-api cung cấp đó là: Face...
javascipt Face Recognition
1. Class là gì? Trong lập trình hướng đối tượng, class hay còn gọi là lớp được sử dụng để tạo đối tượng có thuộc tính (attribute) và phương thức (method). Từ phiên bản ECMAScript 6 thì JavaSript hỗ trợ tạo ra class giống các ngôn ngữ lập trình hướng đối tượng khác (Java, C++...). Ví du: class Person { constructor(name, age) { this.name= name; this.age= age; } show() { return...
javascipt
JavaScript là ngôn ngữ lập trình phổ biến nhất trong lập trình web hiện nay. Hiện tại đã có rất nhiều phiên bản được ra mắt, xong phiên bản JS 2015 (ES6) lại là phiên bản được chú ý rất nhiều. Trong bài viết này, mình sẽ giới thiệu với các bạn những tính năng mới có trong ES6. 1. let/var/const const - cho phép bạn khai báo một hằng số let - tạo ra một biến chỉ có thể truy cập được trong...
javascipt ECMAScript 6 es6 là gì