NTM Solutions

Thứ Tư, 3 tháng 8, 2022

ĐỆ QUY DANH MỤC

Trong lập trình, chúng ta hay gặp đi gặp lại 01 vài bài toán kinh điển.

01 trong những bài toán thường gặp trong lập trình web là tạo danh mục nhiều cấp bằng đệ quy.

Ví dụ:

trang web bán hàng thời trang online có 01 menu đa cấp.

Hoặc trang bán hàng có danh mục đa cấp chứa thông tin hàng hóa như sau:

thoitrang

-quan

--jeans

--legging

--congso

-ao

-vay

baiviet

giải thích: trang shop bán hàng có danh mục thời trang bài viết.

trong danh mục thời trang -> chứa 03 danh mục: quần, áo, váy.

Trong danh mục quần -> chứa 03 danh mục: quần jeans, quần legging, quần công sở...


Ở đây mình tạo sẵn 01 cơ sở dữ liệu: shopping

Và tạo bảng categories có nội dung như sau:

Thứ Tư, 27 tháng 7, 2022

MÃ MORSE

Những ai am hiểu công nghệ thông tin và yêu thích mật mã chắc cũng từng nghe qua mã mọt (MORSE)

là phương pháp được sử dụng trong viễn thông để mã hóa văn bản ký tự như trình tự chuẩn của 02 khoảng thời gian tín hiệu khác nhau, là dấu chấm (dot) và dấu gạch ngang (dash).

Mã Morse được đặt theo tên của Samuel Morse, nhà phát minh điện báo.

Đây là bức điện báo đầu tiên trong lịch sử nhân loại.

Bức điện báo đầu tiên trên thế giới
Nội dung thông điệp là: “What hath God wrought”

Bảng mã Morse quốc tế bao gồm 26 chữ cái tiếng Anh không phân biệt HOA-thường.

Mỗi chữ cái được hình thành bởi các dấu chấm gạch ngang.

Thời lượng dấu chấm là đơn vị đo cơ bản.

Thời lượng gạch ngang gấp 03 lần dấu chấm.

Bảng mã Morse quốc tế

Thứ Bảy, 9 tháng 7, 2022

Tự học CSS - Bài 34 - Website layout

Website Layout

01 trang web thường được chia thành các phần như: header, menus, phần chứa nội dung và footer.

Có rất nhiều kiểu thiết kế layout khác nhau. Nhưng nhìn chung, cấu trúc trang web như trên rất dễ gặp. Chúng ta hãy cùng xem xét kỹ cấu trúc này.

Header

01 header thường nằm ở đỉnh trang web (hoặc bên phải ngay dưới menu điều hướng top). Nó thường chứa 01 logo hoặc tên trang web.

Ví dụ:

.header {
  background-color
: #F1F1F1;
  text-align
: center;
  padding
: 20px;
}

Navigation Bar

01 thanh điều hướng chứa danh sách các liên kết để giúp người dùng di chuyển xuyên suốt trang web.

Ví dụ:

/* The navbar container */
.topnav
{
  overflow
: hidden;
  background-color
: #333;
}

/* Navbar links */
.topnav a
{
  float
: left;
  display
: block;
  color
: #f2f2f2;
  text-align
: center;
  padding
: 14px 16px;
  text-decoration
: none;
}

/* Links - change color on hover */
.topnav a:hover
{
  background-color
: #ddd;
  color
: black;
}

Thứ Tư, 6 tháng 7, 2022

Tự học CSS - Bài 33 - Định dạng số đếm thẻ TIÊU ĐỀ

 CSS counters là “các biến” được lưu giữ bởi CSS, trong đó các giá trị này có thể tăng lên bởi các qui tắc thiết lập của CSS (để lưu lại số lần chúng được dùng). Counters cho phép bạn tùy biến giao diện nội dung dựa vào những thay thế của nó trên văn bản.

Số tự động với counters

CSS counters giống như “các biến” vậy.

Giá trị biến có thể tăng bởi các qui tắc thiết lập trong CSS (chúng sẽ ghi lại bao nhiêu lần đã được dùng).

Để làm việc với CSS counters, chúng ta sẽ dùng các thuộc tính sau:

·         counter-reset – tạo hoặc resets lại 01 counter

·         counter-increment – tăng 01 giá trị counter

·         content – chèn nội dung phát sinh


Hàm counter() hoặc counters() – thêm giá trị của 01 counter vào 01 phần tử.

Để dùng 01 CSS counter, ban đầu ta phải tạo ra bằng counter-reset

Ví dụ sau tạo ra 01 counter cho trang (trong phần chọn qua body), sau đó tăng giá trị counter sau mỗi thẻ <h2> và thêm “Section <giá trị của counter>:” vào đầu mỗi thẻ <h2>

body {
  counter-reset
: section;
}

h2::before
{
  counter-increment
: section;
  content
: "Section " counter(section) ": ";
}

Thứ Bảy, 2 tháng 7, 2022

Tự học CSS - Bài 32 - Định dạng biểu mẫu

Định dạng INPUT

Sử dụng thuộc tính width để khai báo bề ngang của input.

input {
  width
: 100%;
}

Ví dụ trên áp dụng cho tất cả phần tử <input>. Nếu bạn chỉ muốn định dạng 01 input nhất định, bạn có thể dùng cách chọn qua thuộc tính.

input[type=text] – chỉ chọn text fields

input[type=password] – chỉ chọn các password fields

input[type=number] – chỉ chọn các number fields

và còn nhiều trường khác nữa.


Padded Inputs

Dùng thuộc tính padding để thêm khoảng trắng bên trong text field.

Mẹo: khi bạn có nhiều inputs xen kẽ nhau, bạn cũng sẽ muốn thêm vào margin để thêm khoảng cách giữa chúng.

input[type=text] {
  width
: 100%;
  padding
: 12px 20px;
  margin
: 8px 0;
  box-sizing
: border-box;
}

Chú ý rằng chúng ta thiết lập thuộc tính box-sizing cho border-box. Điều này đảm bảo rằng padding và ngay cả các đường viền được bao gồm trong kích thước tổng chiều cao và bề rộng của các phần tử.

Thứ Tư, 29 tháng 6, 2022

Tự học CSS - Bài 31 - Chọn đối tượng qua thuộc tính

 Chúng ta hoàn toàn có thể định dạng các phần tử HTML theo thuộc tính hay giá trị thuộc tính đặc biệt.

[attribute]

Chọn qua [attribute] nghĩa là chọn đối tượng thông qua thuộc tính.

Ví dụ sau chọn tất cả thẻ <a> có thuộc tính target

a[target] {
  background-color
: yellow;
}

 

[attribute=”value”]

Chọn qua [attribute=”value”] nghĩa là chọn phần tử có thuộc tính bằng giá trị nào đó.

Ví dụ sau chọn tất cả thẻ <a> có thuộc tính target="_blank"

a[target="_blank"] {
  background-color
: yellow;
}

Thứ Ba, 28 tháng 6, 2022

Cách viết blog kiếm tiền 2022

Mến chào các bạn!

Chỉ cần 01 chiếc điện thoại và khả năng viết lách về chủ đề mình thích, là bạn đã có thể kiếm tiền online.

Đầu tiên, chúng ta cần 01 tài khoản Gmail (bạn nào chưa có tài khoản gmail thì vào đây)

Sau đó bạn đăng nhập vào blogger.com bằng tài khoản Gmail để tạo 01 trang blog theo chủ đề mình thích.

(Ghi chú: blogger.com thuộc hệ sinh thái của Google)

Bạn điền vào tất cả các cửa sổ hiện lên.

Ở đây mình mới tạo trang blog: SỨC KHỎE ONLINE(suckhoeonline2022.blogspot.com)

Mình sẽ giới thiệu 02 cách để kiếm tiền online từ trang blog này:

Cách kiếm tiền số 01: kích hoạt google Ads

Trong màn hình quản trị trang blog vừa tạo, ta bấm vào nút Thu Nhập ở bên trái màn hình.

Thứ Bảy, 25 tháng 6, 2022

Tự học CSS - Bài 30 - Kỹ thuật dùng chung ảnh

Kỹ thuật dùng chung ảnh

Là kỹ thuật gom nhiều ảnh vào trong 01 ảnh đơn.

01 trang web tải nhiều ảnh có thể mất nhiều thời gian và phải gửi nhiều yêu cầu đến máy chủ.

Sử dụng kỹ thuật dùng chung ảnh sẽ tiết kiệm được băng thông và lệnh gửi đến máy chủ.


Ví dụ dùng chung ảnh

Trong ví dụ sau thay vì dùng 03 ảnh, chúng ta sẽ chỉ dùng 01 ảnh duy nhất “img_navsprites.gif”

Với CSS, chúng ta có thể hiển thị chỉ phần ảnh mà ta cần.

Ví dụ:

#home {
  width
: 46px;
  height
: 44px;
  background
: url(img_navsprites.gif) 0 0;
}

Giải thích ví dụ:

Đầu tiên ta chèn 01 thẻ <img> trong phần <body>

<img id="home" src="img_trans.gif"> đoạn mã này chỉ để chèn 01 tấm hình trong suốt vì thuộc tính src không thể bỏ trống. Hình ảnh hiển thị thật sự sẽ là hình trong thuộc tính background khai báo trong css.


width: 46px; height: 44px; xác định phần ảnh chúng ta muốn dùng.

background: url(img_navsprites.gif) 0 0; xác định ảnh nền và vị trí của nó trong ảnh chung (left 0px, top 0px)

Đây là cách dễ nhất để dùng ảnh chung, bây giờ chúng ta mở rộng ra phần chèn liên kết và hiệu ứng hover.

Thứ Tư, 15 tháng 6, 2022

Tự học HTML - Bài 31 - Xử lý Plugins và Youtube

Plug-ins là gì?

Plug-ins là các chương trình máy tính nhằm mở rộng các tính năng tiêu chuẩn của trình duyệt.

Plug-ins được thiết kế để sử dụng cho nhiều mục đích khác nhau:

·         Chạy Java applets

·         Chạy các điều khiển Microsoft ActiveX.

·         Hiển thị phim dạng Flash.

·         Hiển thị các bản đồ.

·         Quét virus.

·         Kiểm tra 01 id ngân hàng.

Chú ý:

·         Hầu hết các trình duyệt đã không còn hỗ trợ các Java AppletsPlug-ins.

·         Các điều khiển ActiveX không còn được hỗ trợ trên bất kỳ trình duyệt nào.

·         Các hỗ trợ Shockwave Flash cũng đã bị tắt trong các trình duyệt hiện đại.

 

Thứ Bảy, 11 tháng 6, 2022

Tự học HTML - Bài 30 - Xử lý AUDIO

Thẻ <audio>

Để phát 01 tập tin audio trong HTML, ta dùng thẻ <audio>

<audio controls>
  <source src="nhac.ogg" type="audio/ogg">
  <source src="nhac.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

 

Cách hoạt động

Thuộc tính controls thêm vào các nút điều khiển như play, pause, và volume.

Thẻ <source> cho phép ta khai báo đường dẫn và định dạng. Trình duyệt sẽ nhận định dạng tập tin audio trước tiên.

Dòng chữ giữa cặp thẻ <audio></audio> sẽ chỉ được hiển thị trên trình duyệt nếu không hỗ trợ thẻ <audio>

Thứ Tư, 8 tháng 6, 2022

Tự học HTML - Bài 29 - Xử lý VIDEO

Thẻ HTML <video>

Để hiển thị 01 video trong HTML, ta dùng thẻ <video>

Ví dụ:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

 

Cách hoạt động

Thuộc tính controls thêm các điều khiển video như nút play, volume,…

Thuộc tính width và height nếu không thiết lập trình duyệt sẽ nhấp nháy khi tải video.

Thuộc tính <source> xác định đường dẫn đến tập tin. Trình duyệt sẽ nhận diện định dạng trước.

Dòng chữ nằm giữa thẻ <video> và </video> sẽ chỉ hiển thị trên trình duyệt nếu thẻ <video> không được hỗ trợ.

Thuộc tính autoplay

Để thiết lập tự động phát video, ta dùng thuộc tính autoplay.

<video width="320" height="240" autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Thứ Bảy, 4 tháng 6, 2022

Tự học HTML - Bài 28 - Xử lý Đồ họa – SVG

SVG là gì?

·         SVG dùng để xác định đồ họa dạng vector dưới định dạng XML.

·         SVG dùng trong đồ họa web.

·         SVG hợp với chuẩn W3C.


Thẻ <svg>

Thẻ HTML <svg> chứa đồ họa SVG.

SVG có thể vẽ đường, khối hộp, vòng tròn, chữ và chèn ảnh.


SVG hình tròn

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>


SVG hình chữ nhật

<svg width="400" height="100">
  <rect width="400" height="100" style="fill:rgb(0,0,255);stroke-width:10;stroke:rgb(0,0,0)" />
</svg>

Thứ Tư, 1 tháng 6, 2022

Tự học HTML - Bài 27 - Xử lý Đồ họa - CANVAS

 Thẻ <canvas> dùng để vẽ đồ họa trên trang web.

Tấm hình này được tạo bởi thẻ <canvas>. Nó chứa các phần tử: 01 hình chữ nhật màu đỏ, 01 hình chữ nhật tô chuyển màu, 01 hình chữ nhật đa sắc và 01 chữ đa sắc.

HTML Canvas là gì?

Thẻ <canvas> dùng để vẽ đồ họa thông qua JavaScript.

Thẻ <canvas> chỉ là nơi chứa các phần tử đồ họa. Bạn phải dùng JavaScript để vẽ lên các hình đồ họa.

Canvas có nhiều phương thức vẽ đường thẳng, hộp, vòng tròn, chữ và chèn ảnh.

Thứ Bảy, 28 tháng 5, 2022

Tự học HTML - Bài 26 - HTML5 có gì mới

Các thẻ mới trong HTML5

<article>: Định nghĩa một bài viết hoặc bình luận của người dùng, độc lập với content của website.

<aside>: Đánh dấu nội dung một trang hiện tại.

<header><footer>: Loại bỏ việc định nghĩa id cho tiêu đề và cuối trang.

<nav>: Định nghĩa phần menu điều hướng cho website.

<section>: Xác định các thành phần khác nhau trong website.

<audio>, <video>: Hỗ trợ người dùng xem clip và nghe nhạc trên website mà không cần bên thứ ba.

<embed>: Xác định một container các plugin tương tác với ứng dụng bên ngoài.

<canvas>: Cho phép bạn đồ họa mà không cần ứng dụng hỗ trợ (dùng JavaScript).

Ngoài ra, phiên bản HTML5 đã loại bỏ một số thẻ lỗi thời như: <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <strike>

Thứ Ba, 24 tháng 5, 2022

Tự học HTML - Bài 21 – XHTML

XHTML là gì?

XHTML là 01 ngôn ngữ đánh dấu (markup language) nhưng  có khai báo rõ ràng, đầy đủ và chính xác.

XHTML được phát triển nhằm giúp HTML có thể làm việc được với các chuẩn dữ liệu khác (như XML).

Thêm nữa, các trình duyệt hay bỏ qua các lỗi trên trang HTML, và cố hiển thị trang web ngay cả khi có vài lỗi thẻ đánh dấu. Vì vậy, XHTML ra đời nhằm hạn chế các lỗi này.


Những điểm khác biệt của XHTML so với HTML

Thẻ <!DOCTYPE> là bắt buộc.

Thuộc tính xmlns trong thẻ <html> là bắt buộc.

Các thẻ <html>, <head>, <title> và <body> là bắt buộc.

Phần tử phải được đóng đúng thứ tự.

Phần tử phải có thẻ đóng.

Phần tử phải viết thường.

Tên thuộc tính phải viết thường.

Giá trị thuộc tính phải nằm trong cặp nháy.

Viết rút gọn thuộc tính bị cấm.

Thứ Bảy, 7 tháng 5, 2022

15 cách “câu” LIKE cực hiệu quả trên Facebook

1. Cài chế độ Public, Every body cho Profile và bài đăng – cách tăng like Facebook bắt buộc

Để tăng like hiệu quả bằng các cách tăng like Facebook, Profile của bạn phải cho phép hiện chức năng Add friend, Follow Message đối với người xem là “khách lạ”. Thêm vào đó bạn cũng nên chỉnh chế độ bài đăng của mình thành “Công khai”.


Việc cài đặt này giúp cho mọi người có thể like, comment, share những bài mà bạn đã chia sẻ cũng như có thể Follow (theo dõi), Add friend với bạn.


2. Cập nhật Cover photo và Profile picture

Bạn nên thường xuyên cập ảnh bìa ảnh đại diện vì những loại ảnh này thường được chú ý nhất do khách viếng thăm bắt gặp trực tiếp trước mắt họ. Chúng sẽ xuất hiện trên News Feed của bạn bè.


Đoạn thông tin của bạn dù có hấp dẫn tới mấy cũng không thể thu hút được sự chú ý lập tức từ người xem. Ví dụ bạn muốn truyền tải một thông điệp và mong muốn thu hút được sự quan tâm lớn, có lẽ bạn nên sử dụng ảnh đại diện với nhiều màu sắc.


Nhiều người cũng tỏ ý rằng họ không thích những tài khoản không có ảnh đại diện, bạn nên để ý nhé !


Thứ Bảy, 16 tháng 4, 2022

Quản lý bán hàng online bằng Microsoft Excel - Phần 02

 Mến chào các bạn!


Trong bài viết quản lý bán hàng online bằng Microsoft Excel trước,

tập tin DonHang.xlsx sẽ phát sinh vấn đề, nếu số lượng sản phẩm phải nhập vào lên đến hàng trăm loại.

Rất khó để nhớ GiáPhần Mô Tả Sản Phẩm chính xác, lại còn lỗi đánh máy trong quá trình nhập liệu nữa...

Tất cả vấn đề đó sẽ được giải quyết khi ta tạo thêm 01 tập tin Kho.xlsx dành riêng chứa thông tin về sản phẩm.

Nội dung tập tin Kho.xlsx như sau:



Thứ Hai, 11 tháng 4, 2022

Quản lý bán hàng online bằng Microsoft Excel - Phần 01

 Mến chào các bạn!!!

"Phi thương bất phú" -> "Không kinh doanh thì làm sao giàu được."

Câu nói của người xưa đến nay vẫn còn nguyên giá trị.

Hiện nay, trên các nền tảng mạng xã hội, việc bán hàng online rất phổ biến.

Hôm nay, mình sẽ viết bài hướng dẫn quản lý bán hàng online bằng phần mềm Microsoft Excel.

Trên đây chỉ là kinh nghiệm cá nhân của bản thân, chưa chắc đã đúng trong mọi trường hợp.

Nếu các bạn phát hiện ra cách nào quản lý hay hơn, hãy bình luận phía dưới để chia sẻ cho mọi người nhé!

Đầu tiên chúng ta sẽ tạo 01 tập tin Excel với tên DonHang.xlsx có nội dung như sau:

Thứ Ba, 15 tháng 3, 2022

Cách chọn mua và những lỗi hư hỏng thường gặp của vợt muỗi

 #votmuoi

Muỗi bắt nguồn từ lăng quăng,

Lăng quăng bắt nguồn từ đâu...Tui cũng không biết nữa...

Chỉ biết rằng, từ khi loài người sống chung với muỗi thì đã xuất hiện nhiều cách diệt muỗi như:

đập tay không, dùng hóa chất để xịt, nhang khói, đèn bắt muỗi, vợt muỗi...

Hôm nay mình xin chia sẻ cách lựa chọn, cũng như cách khắc phục những hư hỏng thường gặp của vợt muỗi.

Đầu tiên các bạn xem qua video clip review vợt muỗi thông dụng hiện có trên thị trường:



Thứ Tư, 16 tháng 2, 2022

Tự chế bể nước nóng năng lượng mặt trời

Nguyên liệu gồm : 

𝟎𝟗𝟑𝟔𝟏𝟗𝟏𝟏𝟗𝟐

01. Bể nước gồm 06 tấm kiếng dán keo lại(04 mặt chung quanh + đáy + nắp) => theo mình ngoại trừ nắp, các mặt còn lại nên dùng gương hoặc lót giấy bạc sẽ cho phản hồi ánh sáng mặt trời tốt hơn. Bao xung quanh bể (chừa phần nắp ra) là các miếng mút xốp và  01 lớp tôn để giữ nhiệt tốt hơn. Phần nắp chèn vải chung quanh viền để hạn chế bay hơi nước.


02. 01 ống nhựa dẫn nước máy vào + phao cơ ngắt đóng/mở (canh sao cho đậy nắp hộp lại không đụng phao)


03. 01 ống nhựa dẫn nước nóng ra (đến tận vòi tắm). Ống có chiều hướng hếch lên trên (vì trong 01 bể chứa, phần nước nóng thường là nổi lên lớp trên) => nên dùng loại ống chịu được nhiệt độ cao.

Bổ sung: các bạn đục thêm 01 lỗ trên bể, nối thẳng 01 đường nước lạnh đến vòi tắm (để điều hòa nhiệt độ). Vòi tắm là loại có 2 đường nước NÓNGLẠNH riêng (Hot và Cold)

Vòi tắm nóng lạnh
Màu ĐỎ-Nóng vặn sang TRÁI ,Màu XANH-Lạnh vặn sang PHẢI

Facebook Youtube RSS