Có phải bạn muốn bé nhà mình chuyển đổi từ thói quen nghiện game sang thành việc đam mê sáng tạo tự làm ra các sản phẩm game cho bản thân để có thể vừa chơi vừa học. Tuy nhiên việc dạy con cách lập trình game cơ bản để vun đắp niềm đam mê cho con là điều rất khó khăn với đa phần các bậc phụ huynh. Hãy để huannghe.edu.vn bật mí với bạn cách tạo game đơn giản cho người chưa biết gì nhé.
Đang xem: Cách tạo phần mềm trò chơi
Tìm hiểu cách lập trình game
Lập trình game là một chuyên ngành bao gồm rất nhiều mảng và được xem như là một nhánh thuộc chuyên ngành lập trình kỹ thuật – phần mềm.
Học cách lập trình game cơ bản
Hiểu cơ bản, cách lập trình game là sử dụng những câu lệnh code để xây dựng lên mọi hoạt động, nội dung trong trò chơi. Trực tiếp nhận tương tác từ bên ngoài bằng những phím điều khiển và gamepad được hiển thị trên màn hình.
Hiện nay, lập trình game đang là một nghề nghiệp “hot” có cơ hội nghề nghiệp rộng mở với thu nhập cao, môi trường làm việc năng động, sáng tạo.
Chu trình cách lập trình game
Cách lập trình game đơn giản, thuận tiện và ít mắc sai sót nhất dành cho người mới bắt đầu, đó là chuẩn bị một chu trình làm việc hợp lý trước khi bắt đầu. Dưới đây là chu trình cách làm game đơn giản mà hiệu quả, bạn có thể tham khảo:
Chu trình lập trình Game chuyên nghiệp
Nghĩ ra ý tưởng: Trước khi bắt đầu xây dựng một game đơn giản hay một dự án nào đó, bạn cần phải hình thành trong đầu mình những nội dung, kịch bản cho game trước rồi mới đề ra được ý tưởng để phát triển như thế nào.Thiết kế game: sau khi đã có ý tưởng về game trong đầu, bạn hãy bắt đầu xây dựng và thiết kế từng hạng mục một trong trò chơi như: tạo tư liệu, xây dựng hệ thống, cấp độ và phong cách cho game,…Tạo game: Hoàn thành xong công việc thiết kế các hạng mục game, bạn sẽ tạo ra game của mình bằng việc kết hợp các hạng mục thiết kế đó lại với nhau.Thử nghiệm: Tạo ra trò chơi không phải là đã lập trình game xong, bạn cần phải gửi nó đến với bạn bè hay bất cứ ai để trải nghiệm thử trò chơi xem có lỗi và vấn đề nào không để chỉnh sửa lại và hoàn thiện dần game của mình.
Cách tạo game online đơn giản
Game về cơ bản là một vòng lặp luân hồi vô tần của các chức năng: hiển thị, nhận lệnh điều khiển từ người chơi, xử lý và win/lose.
Lập trình game là việc ta sử dụng các lệnh code để thiết kế những hoạt động lặp lại vô tận này.
Sau đây, huannghe.edu.vn sẽ hướng dẫn bạn đọc cách tạo game đơn giản với lệnh code trên màn hình console:
Hướng dẫn cách lập trình Game online đơn giản
1. Mở Notepad
Đầu tiên, bạn mở Notepad để bắt đầu công việc lập trình game của mình.
Notepad là một lập trình soạn văn bản miễn phí được cài đặt sẵn trên tất cả các máy tính Windows. Bạn sử dụng Notepad để nhập mã code (ngôn ngữ lập trình Game).
2. Mã code đặt tiêu đề cho game
Bạn có thể sao chép văn bản sau vào Notepad, tuy nhiên, hãy đảm bảo thay thế “” bằng bất kỳ ký tự nào bạn muốn đặt cho game của mình, rồi nhấn Enter.
echo offtitle
</p>
<h3>3. Chọn màu cho văn bản và nền của game</h3>
<p>Command Prompt có nhiệm vụ cung cấp một số màu sắc cho văn bản và nền khác nhau. Người lập trình có thể kích hoạt bằng cách nhập code dành riêng cho màu ở định dạng “OA”, trong đó:</p>
<p>Mã “O” là màu thể hiện cho nềnMã “A” là màu thể hiện cho văn bản.</p>
<h3>4. Đặt màu cho game</h3>
<p>Nhập văn bản dưới đây vào Notepad</p>
<p>echo offtitle OnlineCmag Gamecolor 0Aif “%1” neq “” ( goto %1)</p>
<p>Bạn cũng hãy đảm bảo thay thế “OA” bằng kết hợp nền và văn bản ưa thích của bạn, rồi nhấn Enter.</p>
<p>Xem thêm: <a href="https://huannghe.edu.vn/he-toa-do-wgs84-la-gi/" title="Những Điều Cần Biết Về Hệ Tọa Độ Wgs84 Là Gì #1, Hệ Tọa Độ Vn2000 Và Wgs84 Là Gì">Những Điều Cần Biết Về Hệ Tọa Độ Wgs84 Là Gì #1, Hệ Tọa Độ Vn2000 Và Wgs84 Là Gì</a></p>
<h3>5. Tạo Menu game</h3>
<p>Để tạo Menu cho trò chơi, bạn chỉ cần nhập vào dòng văn bản sau vào lập trình Notepad của mình:</p>
<p>:Menuclsecho 1. Startecho 2. Creditsecho 3. Exitset /p answer=Type the number of your option and press enter :if %answer%==1 goto Start_1if %answer%==2 goto Creditsif %answer%==3 goto Exit</p>
<h3>6. Thêm tùy chọn “Thoát”</h3>
<p>Tạo công cụ “Thoát” này với công dụng tắt và rời khỏi trò chơi Command Prompt, bạn nhập dòng văn bản dưới đây và nhấn Enter:</p>
<p>:Exitclsecho Thanks for playing!pauseexit /b</p>
<h3>7. Thêm tín dụng cho game</h3>
<p>Để thêm tín dụng cho game, bạn chỉ cần nhập dòng văn bản sau, tuy nhiên, vẫn phải đảm bảo thay thế tiêu đề thành tiêu đề trò chơi của bạn:</p>
<p>:Creditsclsecho Creditsecho.echo Thank you for playing <Title>!pausegoto Menu</p>
<h3>8. Tạo code bắt đầu</h3>
<p>Đây là code cho phép người chơi bắt đầu game. Để tạo tính năng này, bạn sử dụng dòng code dưới đây:</p>
<p>:Start_1clsecho Oh no! You’re surrounded by enemies.echo There are five of them, and they’re all armed.echo If you fight them, you are having a high chance of winning.set /p answer=Would you like to fight or run?if %answer%==fight goto Fight_1if %answer%==run goto Run_1pause</p>
<h3>9. Nhập action code</h3>
<p>Cuối cùng bạn nhập mã sau để kích hoạt trò chơi hoạt động:</p>
<p>:Run_1clsecho You live to fight another day.pausegoto Start_1:Fight_1echo Prepare to fight.echo The enemies suddenly rush you all at once.set /p answer= Type 1 and press Enter to continue.if %answer%==1 goto Fight_1_Loop:Fight_1_Loopset /a num=%random%if %num% gtr 4 goto Fight_1_Loopif %num% lss 1 goto Fight_1_Loopif %num%==1 goto Lose_Fight_1if %num%==2 goto Win_Fight_1if %num%==3 goto Win_Fight_1if %num%==4 goto Win_Fight_1:Lose_Fight_1clsecho You were defeated. Play again?pausegoto Menu:Win_Fight_1clsecho You are victorious!set /p answer=Would you like to save? <y/n>if %answer%==’y’ goto ‘Save’if %answer%==’n’ goto ‘Start_2’:Savegoto Start 2</p>
<h3>10. Save file dưới dạng đuôi .bat</h3>
<p>Người lập trình lưu ý nên đổi định dạng đuôi “.bat” khi lưu Game.</p>
<p></p>
<figure class="wp-block-image size-large"><img decoding="async" width="593" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20593%201024'%3E%3C/svg%3E" alt="*" class="wp-image-10" data-lazy-src="https://teky.edu.vn/blog/wp-content/uploads/2020/12/save-duoi-.bat_.cho-game.jpg" /><noscript><img decoding="async" loading="lazy" width="593" height="1024" src="https://teky.edu.vn/blog/wp-content/uploads/2020/12/save-duoi-.bat_.cho-game.jpg" alt="*" class="wp-image-10" /></noscript></figure>
<p>Save đuôi .bat cho Game</p>
<p></p>
<h3>11. Khởi động game</h3>
<p>Vậy là bạn đã hoàn thành xong cách lập trình game của huannghe.edu.vn, giờ thì hãy mở trò chơi lên và trải nghiệm sản phẩm mới này thôi nào.</p>
<h2>Cơ hội việc làm lương cao cho lập trình viên game</h2>
<p>Theo thống kê của New Zoom năm 2018, trên thế giới có hơn 2,3 tỷ game thủ và số tiền được rót vào game lên đến 137,9 tỷ USD. Tại Việt Nam, có hơn 12 triệu game thủ và doanh thu của ngành mang lại đạt 150 triệu USD, chiếm 70% tổng nguồn thu của công nghệ số.</p>
<p>Tuy nhiên, một thực tế đáng buồn là phần lớn lợi nhuận này đều đền từ các đầu game nước ngoài. Lý giải cho thực trạng này, Ông Lê Hồng Minh, Tổng giám đốc điều hành VNG chia sẻ.</p>
<p>“Ngành công nghiệp lập trình game ở Việt Nam mới bắt đầu phát triển, cả nước chỉ có 1000 lập trình viên game. Con số này quá chênh lệch so với 100.000 nhân viên tại Hàn Quốc và 300.000 nhân viên tại Trung Quốc. Điều này đã khiến ngành công nghiệp game nước ta chưa thể đủ nguồn lực và nhân lực để theo kịp ngành game nước bạn.”</p>
<p>Như vậy, ta có thể thấy ngành lập trình game ở Việt Nam đang thiếu nguồn nhân lực nghiêm trọng.</p>
<p>Với thị trường trị giá hàng trăm triệu USD và sẽ tiếp tục tăng trưởng mạnh trong tương lai, các nhà sản xuất game trong nước đang dành nhiều chế độ phúc lợi và mức lương siêu hấp dẫn cho các lập trình viên game để thu hút nguồn nhân lực chất lượng cho mình.</p>
<p>Để đón đầu xu thế công nghệ trong tương lai Học viện công nghệ sáng tạo huannghe.edu.vn là đơn vị đầu tiên đào tạo lập trình ươm mần tài năng công nghệ cho trẻ cùng tìm hiểu về huannghe.edu.vn qua Video dưới đây nhé.</p>
</p>
<p><h2>Cơ sở học cách lập trình game hiệu quả cho trẻ</h2>
<p>Việc sớm cho con học cách lập trình game không chỉ là để trẻ thỏa sức trải nghiệm và sáng tạo với đam mê mà còn mở ra một cơ hội nghề nghiệp tốt cho con sau này. Vì vậy, nhiều bậc phụ huynh đã sớm đầu tư cho con học công nghệ lập trình và cách tạo game tại các cơ sở đào tạo chất lượng.</p>
<p></p>
<figure class="wp-block-image size-large"><img decoding="async" width="593" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20593%201024'%3E%3C/svg%3E" alt="*" class="wp-image-10" data-lazy-src="https://teky.edu.vn/blog/wp-content/uploads/2020/12/teky-dao-tao-lap-trinh-game-so-1-cho-tre.jpg" /><noscript><img decoding="async" loading="lazy" width="593" height="1024" src="https://teky.edu.vn/blog/wp-content/uploads/2020/12/teky-dao-tao-lap-trinh-game-so-1-cho-tre.jpg" alt="*" class="wp-image-10" /></noscript></figure>
<p>huannghe.edu.vn đào tạo lập trình số 1 cho trẻ</p>
<p></p>
<p>huannghe.edu.vn tự hào là đơn vị đi đầu trong đào tạo về công nghệ lập trình và lập trình game cho trẻ, với đội ngũ giảng viên giàu kinh nghiệm, tâm huyết, cơ sở vật chất hiện đại, môi trường năng động sáng tạo khơi dậy tinh thần ham học hỏi trong trẻ.</p>
<p>Chúng tôi đã nhận được nhiều đánh giá tốt về chất lượng từ các bậc phụ huynh và cơ quan báo chí.</p>
<p>Với cơ sở giáo dục trải khắp các thành phố lớn trên cả nước: Hà Nội, Tp. Hồ Chí Minh,… huannghe.edu.vn sẵn sàng đáp ứng mọi nhu cầu của khách hàng và tự tin về chất lượng dịch vụ, sản phẩm, chăm sóc khách hàng của thương hiệu.</p>
<p>Xem thêm: <a href="https://huannghe.edu.vn//" title=""></a></p>
<p>Vậy là huannghe.edu.vn đã chia sẻ cách lập trình game với đọc giả xong rồi. Bạn có thấy cách tạo game có khó và phức tạp lắm không. Nếu có gì chưa rõ và câu hỏi gì, hãy để lại bình luận hoặc liên hệ trực tiếp với huannghe.edu.vn để sớm nhận được lời giải đáp ưng ý nhất từ các chuyên gia nhé.</p>
<h3>Liên hệ ngay học viện công nghệ sáng tạo huannghe.edu.vn để được tư vấn khóa học:</h3>
<p>Cam kêt 7 tuổi có thể lập trìnhTop 10 dự án giáo dục có tầm ảnh hưởng nhất Đông Nam Á 2017 & 2018Top 3 Dự án xuất sắc nhất, NextGen – Thụy Sĩ Hotline Hà Nội: 024-7109-6668 | 0975-241-015 Hotline Hồ Chí Minh: 028-7109 9948 | 097-900-8642</p>
<script type="rocketlazyloadscript">
function pinIt()
{
var e = document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','https://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);
document.body.appendChild(e);
}
</script>
<div class="post-share">
<div class="post-share-icons cf">
<a class="facebook" href="https://www.facebook.com/sharer.php?u=https://huannghe.edu.vn/cach-tao-phan-mem-tro-choi/" class="link " target="_blank" >
<i class="fab fa-facebook"></i></a>
<a class="twitter" href="http://twitter.com/share?url=https://huannghe.edu.vn/cach-tao-phan-mem-tro-choi/&text=H%E1%BB%8Dc%20C%C3%A1ch%20T%E1%BA%A1o%20Ph%E1%BA%A7n%20M%E1%BB%81m%20Tr%C3%B2%20Ch%C6%A1i%20Tr%C3%AAn%20M%C3%A1y%20T%C3%ADnh%2C%20H%E1%BB%8Dc%20C%C3%A1ch%20L%E1%BA%ADp%20Tr%C3%ACnh%20Game%20T%E1%BB%AB%20%C4%90%E1%BA%A7u" class="link " target="_blank">
<i class="fab fa-twitter"></i></a>
<a class="envelope" href="mailto:?subject=Học%20Cách%20Tạo%20Phần%20Mềm%20Trò%20Chơi%20Trên%20Máy%20Tính,%20Học%20Cách%20Lập%20Trình%20Game%20Từ%20Đầu&body=https://huannghe.edu.vn/cach-tao-phan-mem-tro-choi/" class="link " target="_blank" >
<i class="fas fa-envelope-open"></i></a>
<a class="linkedin" href="https://www.linkedin.com/sharing/share-offsite/?url=https://huannghe.edu.vn/cach-tao-phan-mem-tro-choi/&title=H%E1%BB%8Dc%20C%C3%A1ch%20T%E1%BA%A1o%20Ph%E1%BA%A7n%20M%E1%BB%81m%20Tr%C3%B2%20Ch%C6%A1i%20Tr%C3%AAn%20M%C3%A1y%20T%C3%ADnh%2C%20H%E1%BB%8Dc%20C%C3%A1ch%20L%E1%BA%ADp%20Tr%C3%ACnh%20Game%20T%E1%BB%AB%20%C4%90%E1%BA%A7u" class="link " target="_blank" >
<i class="fab fa-linkedin"></i></a>
<a href="javascript:pinIt();" class="pinterest"><i class="fab fa-pinterest"></i></a>
<a class="telegram" href="https://t.me/share/url?url=https://huannghe.edu.vn/cach-tao-phan-mem-tro-choi/&title=H%E1%BB%8Dc%20C%C3%A1ch%20T%E1%BA%A1o%20Ph%E1%BA%A7n%20M%E1%BB%81m%20Tr%C3%B2%20Ch%C6%A1i%20Tr%C3%AAn%20M%C3%A1y%20T%C3%ADnh%2C%20H%E1%BB%8Dc%20C%C3%A1ch%20L%E1%BA%ADp%20Tr%C3%ACnh%20Game%20T%E1%BB%AB%20%C4%90%E1%BA%A7u" target="_blank" >
<i class="fab fa-telegram"></i>
</a>
<a class="whatsapp" href="https://api.whatsapp.com/send?text&url=https://huannghe.edu.vn/cach-tao-phan-mem-tro-choi/&title=H%E1%BB%8Dc%20C%C3%A1ch%20T%E1%BA%A1o%20Ph%E1%BA%A7n%20M%E1%BB%81m%20Tr%C3%B2%20Ch%C6%A1i%20Tr%C3%AAn%20M%C3%A1y%20T%C3%ADnh%2C%20H%E1%BB%8Dc%20C%C3%A1ch%20L%E1%BA%ADp%20Tr%C3%ACnh%20Game%20T%E1%BB%AB%20%C4%90%E1%BA%A7u" target="_blank" >
<i class="fab fa-whatsapp"></i>
</a>
<a class="reddit" href="https://www.reddit.com/submit?url=https://huannghe.edu.vn/cach-tao-phan-mem-tro-choi/&title=H%E1%BB%8Dc%20C%C3%A1ch%20T%E1%BA%A1o%20Ph%E1%BA%A7n%20M%E1%BB%81m%20Tr%C3%B2%20Ch%C6%A1i%20Tr%C3%AAn%20M%C3%A1y%20T%C3%ADnh%2C%20H%E1%BB%8Dc%20C%C3%A1ch%20L%E1%BA%ADp%20Tr%C3%ACnh%20Game%20T%E1%BB%AB%20%C4%90%E1%BA%A7u" target="_blank" >
<i class="fab fa-reddit"></i>
</a>
</div>
</div>
<div class="clearfix mb-3"></div>
<nav class="navigation post-navigation" aria-label="Posts">
<h2 class="screen-reader-text">Post navigation</h2>
<div class="nav-links"><div class="nav-previous"><a href="https://huannghe.edu.vn/bo-mang-den-huynh-quang-am-tran-3-bong/" rel="prev"><div class="fa fa-angle-double-left"></div><span></span> Bộ Máng Đèn Huỳnh Quang Âm Trần 3 Bóng 1M2, Máng Đèn Huỳnh Quang Âm Trần 3 Bóng 1M2 </a></div><div class="nav-next"><a href="https://huannghe.edu.vn/chieu-cao-ban-lam-viec/" rel="next"> Chiều Cao Bàn Làm Việc Theo Tiêu Chuẩn Quốc Tế, Kích Thước Bàn Làm Việc Theo Phong Thủy <div class="fa fa-angle-double-right"></div><span></span></a></div></div>
</nav> </article>
</div>
<div class="bs-info-author-block py-4 px-3 mb-4 flex-column justify-content-center text-center">
<a class="bs-author-pic mb-3" href="https://huannghe.edu.vn/author/admin-huannghe/"><img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo' height='150' width='150' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=150&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=150&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo' height='150' width='150' decoding='async'/></noscript></a>
<div class="flex-grow-1">
<h4 class="title">By <a href ="https://huannghe.edu.vn/author/admin-huannghe/">admin-huannghe</a></h4>
<p></p>
</div>
</div>
<div class="py-4 px-3 mb-4 bs-card-box">
<!--Start bs-realated-slider -->
<div class="bs-widget-title mb-3">
<!-- bs-sec-title -->
<h4 class="title">Related Post</h4>
</div>
<!-- // bs-sec-title -->
<div class="row">
<!-- featured_post -->
<!-- blog -->
<div class="col-md-4">
<div class="bs-blog-post three md back-img bshre mb-md-0" >
<a class="link-div" href="https://huannghe.edu.vn/chieu-cao-ban-lam-viec/"></a>
<div class="inner">
<div class="bs-blog-category">
<a class="blogus-categories category-color-1" href="https://huannghe.edu.vn/category/tong-hop/" alt="View all posts in Tổng Hợp">
Tổng Hợp
</a>
</div>
<h4 class="title sm mb-0"> <a href="https://huannghe.edu.vn/chieu-cao-ban-lam-viec/" title="Permalink to: Chiều Cao Bàn Làm Việc Theo Tiêu Chuẩn Quốc Tế, Kích Thước Bàn Làm Việc Theo Phong Thủy">
Chiều Cao Bàn Làm Việc Theo Tiêu Chuẩn Quốc Tế, Kích Thước Bàn Làm Việc Theo Phong Thủy</a> </h4>
<div class="bs-blog-meta">
<span class="bs-author"> <a class="auth" href="https://huannghe.edu.vn/author/admin-huannghe/"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo' height='150' width='150' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=150&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=150&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo' height='150' width='150' decoding='async'/></noscript>admin-huannghe </a>
</span>
<span class="bs-blog-date"> <a href="https://huannghe.edu.vn/2022/11/"> Nov 7, 2022</a></span>
</div>
</div>
</div>
</div>
<!-- blog -->
<!-- blog -->
<div class="col-md-4">
<div class="bs-blog-post three md back-img bshre mb-md-0" >
<a class="link-div" href="https://huannghe.edu.vn/bo-mang-den-huynh-quang-am-tran-3-bong/"></a>
<div class="inner">
<div class="bs-blog-category">
<a class="blogus-categories category-color-1" href="https://huannghe.edu.vn/category/tong-hop/" alt="View all posts in Tổng Hợp">
Tổng Hợp
</a>
</div>
<h4 class="title sm mb-0"> <a href="https://huannghe.edu.vn/bo-mang-den-huynh-quang-am-tran-3-bong/" title="Permalink to: Bộ Máng Đèn Huỳnh Quang Âm Trần 3 Bóng 1M2, Máng Đèn Huỳnh Quang Âm Trần 3 Bóng 1M2">
Bộ Máng Đèn Huỳnh Quang Âm Trần 3 Bóng 1M2, Máng Đèn Huỳnh Quang Âm Trần 3 Bóng 1M2</a> </h4>
<div class="bs-blog-meta">
<span class="bs-author"> <a class="auth" href="https://huannghe.edu.vn/author/admin-huannghe/"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo' height='150' width='150' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=150&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=150&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo' height='150' width='150' decoding='async'/></noscript>admin-huannghe </a>
</span>
<span class="bs-blog-date"> <a href="https://huannghe.edu.vn/2022/11/"> Nov 7, 2022</a></span>
</div>
</div>
</div>
</div>
<!-- blog -->
<!-- blog -->
<div class="col-md-4">
<div class="bs-blog-post three md back-img bshre mb-md-0" >
<a class="link-div" href="https://huannghe.edu.vn/sot-uop-thit-nuong-barona/"></a>
<div class="inner">
<div class="bs-blog-category">
<a class="blogus-categories category-color-1" href="https://huannghe.edu.vn/category/tong-hop/" alt="View all posts in Tổng Hợp">
Tổng Hợp
</a>
</div>
<h4 class="title sm mb-0"> <a href="https://huannghe.edu.vn/sot-uop-thit-nuong-barona/" title="Permalink to: Sốt Ướp Thịt Nướng Barona Gói 80G Huymart247, Xốt Gia Vị Hoàn Chỉnh Barona">
Sốt Ướp Thịt Nướng Barona Gói 80G Huymart247, Xốt Gia Vị Hoàn Chỉnh Barona</a> </h4>
<div class="bs-blog-meta">
<span class="bs-author"> <a class="auth" href="https://huannghe.edu.vn/author/admin-huannghe/"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo' height='150' width='150' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=150&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=150&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/49a14c50126c44371cd7ac31545530b2?s=300&d=mm&r=g 2x' class='avatar avatar-150 photo' height='150' width='150' decoding='async'/></noscript>admin-huannghe </a>
</span>
<span class="bs-blog-date"> <a href="https://huannghe.edu.vn/2022/11/"> Nov 7, 2022</a></span>
</div>
</div>
</div>
</div>
<!-- blog -->
</div>
</div>
<!--End bs-realated-slider -->
<div id="comments" class="comments-area bs-card-box p-4">
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/cach-tao-phan-mem-tro-choi/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://huannghe.edu.vn/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p>
<p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p>
<p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p>
<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='26800' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p></form> </div><!-- #respond -->
</div><!-- #comments --> </div>
<!--sidebar-->
<!--col-lg-3-->
<aside class="col-lg-3">
<div id="sidebar-right" class="bs-sidebar bs-sticky ">
<div id="search-2" class="bs-widget widget_search"><form role="search" method="get" class="search-form" action="https://huannghe.edu.vn/">
<label>
<span class="screen-reader-text">Search for:</span>
<input type="search" class="search-field" placeholder="Search …" value="" name="s" />
</label>
<input type="submit" class="search-submit" value="Search" />
</form></div>
<div id="recent-posts-2" class="bs-widget widget_recent_entries">
<div class="bs-widget-title"><h2 class="title">Recent Posts</h2></div>
<ul>
<li>
<a href="https://huannghe.edu.vn/chieu-cao-ban-lam-viec/">Chiều Cao Bàn Làm Việc Theo Tiêu Chuẩn Quốc Tế, Kích Thước Bàn Làm Việc Theo Phong Thủy</a>
</li>
<li>
<a href="https://huannghe.edu.vn/cach-tao-phan-mem-tro-choi/" aria-current="page">Học Cách Tạo Phần Mềm Trò Chơi Trên Máy Tính, Học Cách Lập Trình Game Từ Đầu</a>
</li>
<li>
<a href="https://huannghe.edu.vn/soan-bai-hanh-dong-noi-tt/">Soạn Văn 8 Bài: Hành Động Nói (Tiếp Theo) Trang 70 Sgk, Soạn Văn 8: Hành Động Nói (Tiếp Theo)</a>
</li>
<li>
<a href="https://huannghe.edu.vn/bo-mang-den-huynh-quang-am-tran-3-bong/">Bộ Máng Đèn Huỳnh Quang Âm Trần 3 Bóng 1M2, Máng Đèn Huỳnh Quang Âm Trần 3 Bóng 1M2</a>
</li>
<li>
<a href="https://huannghe.edu.vn/sot-uop-thit-nuong-barona/">Sốt Ướp Thịt Nướng Barona Gói 80G Huymart247, Xốt Gia Vị Hoàn Chỉnh Barona</a>
</li>
</ul>
</div><div id="recent-comments-2" class="bs-widget widget_recent_comments"><div class="bs-widget-title"><h2 class="title">Recent Comments</h2></div><ul id="recentcomments"></ul></div><div id="archives-2" class="bs-widget widget_archive"><div class="bs-widget-title"><h2 class="title">Archives</h2></div>
<ul>
<li><a href='https://huannghe.edu.vn/2022/11/'>November 2022</a></li>
<li><a href='https://huannghe.edu.vn/2022/10/'>October 2022</a></li>
<li><a href='https://huannghe.edu.vn/2022/09/'>September 2022</a></li>
<li><a href='https://huannghe.edu.vn/2022/05/'>May 2022</a></li>
<li><a href='https://huannghe.edu.vn/2022/04/'>April 2022</a></li>
<li><a href='https://huannghe.edu.vn/2022/03/'>March 2022</a></li>
<li><a href='https://huannghe.edu.vn/2022/02/'>February 2022</a></li>
<li><a href='https://huannghe.edu.vn/2022/01/'>January 2022</a></li>
<li><a href='https://huannghe.edu.vn/2021/12/'>December 2021</a></li>
<li><a href='https://huannghe.edu.vn/2021/11/'>November 2021</a></li>
<li><a href='https://huannghe.edu.vn/2021/10/'>October 2021</a></li>
<li><a href='https://huannghe.edu.vn/2021/09/'>September 2021</a></li>
</ul>
</div><div id="categories-2" class="bs-widget widget_categories"><div class="bs-widget-title"><h2 class="title">Categories</h2></div>
<ul>
<li class="cat-item-none">No categories</li> </ul>
</div><div id="meta-2" class="bs-widget widget_meta"><div class="bs-widget-title"><h2 class="title">Meta</h2></div>
<ul>
<li><a href="https://huannghe.edu.vn/login-huannghe/">Log in</a></li>
<li><a href="https://huannghe.edu.vn/feed/">Entries feed</a></li>
<li><a href="https://huannghe.edu.vn/comments/feed/">Comments feed</a></li>
<li><a href="https://wordpress.org/">WordPress.org</a></li>
</ul>
</div> </div> </aside>
<!--/col-lg-3-->
<!--/sidebar-->
</div>
<!--/row-->
</div>
<!--/container-->
</main>
<!--==================== Missed ====================-->
<div class="missed">
<div class="container">
<div class="row">
<div class="col-12">
<div class="wd-back">
<div class="bs-widget-title">
<h2 class="title">You Missed</h2>
</div>
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="bs-blog-post three md back-img bshre mb-lg-0" ">
<a class="link-div" href="https://huannghe.edu.vn/chieu-cao-ban-lam-viec/"></a>
<div class="inner">
<div class="bs-blog-category">
<a class="blogus-categories category-color-1" href="https://huannghe.edu.vn/category/tong-hop/" alt="View all posts in Tổng Hợp">
Tổng Hợp
</a> </div>
<h4 class="title sm mb-0"> <a href="https://huannghe.edu.vn/chieu-cao-ban-lam-viec/" title="Permalink to: Chiều Cao Bàn Làm Việc Theo Tiêu Chuẩn Quốc Tế, Kích Thước Bàn Làm Việc Theo Phong Thủy"> Chiều Cao Bàn Làm Việc Theo Tiêu Chuẩn Quốc Tế, Kích Thước Bàn Làm Việc Theo Phong Thủy</a> </h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="bs-blog-post three md back-img bshre mb-lg-0" ">
<a class="link-div" href="https://huannghe.edu.vn/cach-tao-phan-mem-tro-choi/"></a>
<div class="inner">
<div class="bs-blog-category">
<a class="blogus-categories category-color-1" href="https://huannghe.edu.vn/category/tong-hop/" alt="View all posts in Tổng Hợp">
Tổng Hợp
</a> </div>
<h4 class="title sm mb-0"> <a href="https://huannghe.edu.vn/cach-tao-phan-mem-tro-choi/" title="Permalink to: Học Cách Tạo Phần Mềm Trò Chơi Trên Máy Tính, Học Cách Lập Trình Game Từ Đầu"> Học Cách Tạo Phần Mềm Trò Chơi Trên Máy Tính, Học Cách Lập Trình Game Từ Đầu</a> </h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="bs-blog-post three md back-img bshre mb-lg-0" ">
<a class="link-div" href="https://huannghe.edu.vn/soan-bai-hanh-dong-noi-tt/"></a>
<div class="inner">
<div class="bs-blog-category">
<a class="blogus-categories category-color-1" href="https://huannghe.edu.vn/category/cuoc-song/" alt="View all posts in Cuộc Sống">
Cuộc Sống
</a> </div>
<h4 class="title sm mb-0"> <a href="https://huannghe.edu.vn/soan-bai-hanh-dong-noi-tt/" title="Permalink to: Soạn Văn 8 Bài: Hành Động Nói (Tiếp Theo) Trang 70 Sgk, Soạn Văn 8: Hành Động Nói (Tiếp Theo)"> Soạn Văn 8 Bài: Hành Động Nói (Tiếp Theo) Trang 70 Sgk, Soạn Văn 8: Hành Động Nói (Tiếp Theo)</a> </h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="bs-blog-post three md back-img bshre mb-lg-0" ">
<a class="link-div" href="https://huannghe.edu.vn/bo-mang-den-huynh-quang-am-tran-3-bong/"></a>
<div class="inner">
<div class="bs-blog-category">
<a class="blogus-categories category-color-1" href="https://huannghe.edu.vn/category/tong-hop/" alt="View all posts in Tổng Hợp">
Tổng Hợp
</a> </div>
<h4 class="title sm mb-0"> <a href="https://huannghe.edu.vn/bo-mang-den-huynh-quang-am-tran-3-bong/" title="Permalink to: Bộ Máng Đèn Huỳnh Quang Âm Trần 3 Bóng 1M2, Máng Đèn Huỳnh Quang Âm Trần 3 Bóng 1M2"> Bộ Máng Đèn Huỳnh Quang Âm Trần 3 Bóng 1M2, Máng Đèn Huỳnh Quang Âm Trần 3 Bóng 1M2</a> </h4>
</div>
</div>
</div>
</div><!-- end inner row -->
</div><!-- end wd-back -->
</div><!-- end col12 -->
</div><!-- end row -->
</div><!-- end container -->
</div>
<!-- end missed -->
<!--==================== FOOTER AREA ====================-->
<footer>
<div class="overlay" style="background-color: ;">
<!--Start bs-footer-widget-area-->
<div class="bs-footer-bottom-area">
<div class="container">
<div class="divide-line"></div>
<div class="row align-items-center">
<div class="col-md-6">
<div class="footer-logo">
<div class="site-branding-text">
<p class="site-title-footer"> <a href="https://huannghe.edu.vn/" rel="home">Website WP</a></p>
<p class="site-description-footer">Just another WordPress site</p>
</div>
</div>
</div>
<!--col-md-3-->
<div class="col-md-6">
<ul class="bs-social justify-content-center justify-content-md-end">
<li><a href="#"><i class="fab fa-facebook"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-telegram"></i></a></li>
</ul>
</div>
<!--/col-md-3-->
</div>
<!--/row-->
</div>
<!--/container-->
</div>
<!--End bs-footer-widget-area-->
<div class="bs-footer-copyright">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<p class="mb-0">
Copyright © All rights reserved <span class="sep"> | </span>
<a href="https://themeansar.com/free-themes/blogus/" target="_blank">Blogus</a> by <a href="https://themeansar.com" target="_blank">Themeansar</a>. </a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/overlay-->
</footer>
<!--/footer-->
</div>
<!--/wrapper-->
<!--Scroll To Top-->
<a href="#" class="bs_upscr bounceInup animated"><i class="fa fa-angle-up"></i></a>
<!--/Scroll To Top-->
<!-- Modal -->
<div class="modal fade bs_model" data-bs-keyboard="true" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></button>
</div>
<div class="modal-body">
<form role="search" method="get" class="search-form" action="https://huannghe.edu.vn/">
<label>
<span class="screen-reader-text">Search for:</span>
<input type="search" class="search-field" placeholder="Search …" value="" name="s" />
</label>
<input type="submit" class="search-submit" value="Search" />
</form> </div>
</div>
</div>
</div>
<!-- /Modal -->
<!-- /Scroll To Top -->
<style>
footer .footer-logo img{
width: 210px;
height: 70px;
}
</style>
<style type="text/css">
/*==================== Top Bar color ====================*/
.bs-head-detail
{
background: ;
}
.bs-head-detail .top-date, .bs-head-detail
{
color: ;
}
/*==================== Menu color ====================*/
.navbar-wp
{
background: ;
}
.bs-default .navbar-wp .navbar-nav > li > a{
background: ;
color: ;
}
.bs-default .navbar-wp .navbar-nav > li > a:hover{
color: ;
}
.navbar-wp .dropdown-menu > li > a {
background: #fff;
color: ;
}
.navbar-wp .dropdown-menu > li > a:hover, .navbar-wp .dropdown-menu > li > a:focus {
background: ;
color: ;
}
.bs-default .navbar-collapse ul, .navbar-wp .dropdown-menu > li > a:hover, .navbar-wp .dropdown-menu > li > a:focus {
background: ;
}
/*=================== Subscribe Button Color ===================*/
.desk-header .btn-subscribe{
background: ;
color: ;
border-color: ;
}
.desk-header .btn-subscribe:hover{
background: ;
color: ;
border-color: ;
}
/*=================== Breadeking News Color ===================*/
.bs-latest-news
{
background: ;
}
.bs-latest-news .bs-latest-news-slider a
{
color: ;
}
/*=================== Slider Color ===================*/
.homemain .bs-slide.overlay:before{
background-color: #00000099;
}
.bs-slide .inner .title a
{
color: ;
}
.bs-slide .inner .title{
font-size: 50px;
}
</style>
<script type="rocketlazyloadscript" data-rocket-type="text/javascript">window.addEventListener('DOMContentLoaded', function() {
(function($) {
"use strict";
document.documentElement.setAttribute("data-theme", " ")
document.getElementById("switch").checked = false;
localStorage.setItem("data-theme", '')
})(jQuery);
});</script>
<script type="rocketlazyloadscript" data-rocket-type="text/javascript">
let theme = localStorage.getItem('data-theme');
const checkbox = document.getElementById("switch");
const changeThemeToDark = () =>{
document.documentElement.setAttribute("data-theme", "dark")
document.getElementById("switch").checked = true;
localStorage.setItem("data-theme", "dark")
console.log("I give you dark")
document.querySelector(".site-title a").style.color = '#fff';
document.querySelector(".site-description").style.color = '#fff';
// For Responsive
document.querySelector(".m-header .site-title a").style.color = '#fff';
document.querySelector(".m-header .site-description").style.color = '#fff';
}
const changeThemeToLight = () =>{
document.documentElement.setAttribute("data-theme", "")
localStorage.setItem("data-theme", '')
console.log("I give you light")
document.querySelector(".site-title a").style.color = '#000';
document.querySelector(".site-description").style.color = '#000';
// For Responsive
document.querySelector(".m-header .site-title a").style.color = '#000';
document.querySelector(".m-header .site-description").style.color = '#000';
}
if(theme === 'dark'){
changeThemeToDark()
}else{
changeThemeToLight()
}
checkbox.addEventListener('change', ()=> {
let theme = localStorage.getItem('data-theme');
if (theme ==='dark'){
changeThemeToLight()
}else{
changeThemeToDark()
}
});
</script>
<style>
.site-branding-text p , .site-title a {
color: ;
}
</style>
<script type="rocketlazyloadscript" data-rocket-type="text/javascript">
Sticksy.initializeAll('.bs-sticky', {topSpacing: 0}, { listen: true });
</script>
<script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-browser-checker-js-after">
/* <![CDATA[ */
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
/* ]]> */
</script>
<script type="text/javascript" id="rocket-preload-links-js-extra">
/* <![CDATA[ */
var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index\\.php\/)?(.*)wp\\-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/huannghe.edu.vn","onHoverDelay":"100","rateThrottle":"3"};
/* ]]> */
</script>
<script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-preload-links-js-after">
/* <![CDATA[ */
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
/* ]]> */
</script>
<script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://huannghe.edu.vn/wp-includes/js/comment-reply.min.js?ver=6.5.2" id="comment-reply-js" async="async" data-wp-strategy="async"></script>
<script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://huannghe.edu.vn/wp-content/themes/blogus/js/dark.js?ver=6.5.2" id="blogus-dark-js" defer></script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://huannghe.edu.vn/wp-content/cache/min/1/wp-content/themes/blogus/js/custom.js?ver=1676478207" id="blogus_custom-js-js" defer></script>
<script type="rocketlazyloadscript">
/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
</script>
<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://huannghe.edu.vn/wp-content/plugins/wp-rocket/assets/js/lazyload/17.5/lazyload.min.js"></script></body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me --> 
