Danh Mục Bài Viết
Ok anh em, Đây sẽ là bài viết đầu tiên trong chuỗi bài viết liên quan đến chủ đề học nhanh Javascript cùng Minacode. Bài viết này mình sẽ giới thiệu đôi nét về Javascript và những điều mà Javascript có thể làm trong lập trình web nhé! Nào Let's go thôi.
<!DOCTYPE html>
<html>
<body>
<h2>Minacode|JavaScript</h2>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Bạn hãy click vào tôi để biết hôm nay ngày mấy.</button>
<p id="demo"></p>
</body>
</html>
Mình vừa tạo một function đơn giản để có thể lấy ngày hiện tại. Ta có:
Các phiên bản JavaScript
JavaScript là một trong 3 ngôn ngữ mà tất cả các nhà phát triển web phải học bên cạch Html và Css:
Một trong nhiều phương thức Html của JavaScript là getElementById(). Ví dụ bên dưới "tìm" một phần tử HTML (với id="demo") và thay đổi nội dung phần tử (innerHTML) thành "Xin chào Minacode":
<!DOCTYPE html>
<html>
<body>
<h2>Minacode|JavaScript</h2>
<p id="demo">JavaScript có thể thay đổi nôi dung của Html.</p>
<button type="button" onclick='document.getElementById("demo").innerHTML = "Hello Minacode!"'>Click Tôi!</button>
</body>
</html>
Ta có:
<!DOCTYPE html>
<html>
<body>
<h2>Miancode|JavaScript</h2>
<p>JavaScript có thể thay đổi thuộc tính Css< p>
<button onclick="document.getElementById('myh1').style.color='red'">Chuyển màu đỏ</button>
<h1 id="myh1">MINACODE</h1>
<button onclick="document.getElementById('myh1').style.color='green'">Chuyển màu xanh</button>
</body>
</html>
Việc ẩn các phần tử Html có thể được thực hiện bằng cách thay đổi thuộc tính display:
document.getElementById("demo").style.display = "none";
document.getElementById("demo").style.display = "block";
Trong ví dụ dưới đây, mình dùng JavaScript để thay đổi giá trị thuộc tính (src) của thẻ <img>
:
<!DOCTYPE html>
<html>
<body>
<h2>Minacode|JavaScript</h2>
<p>JavaScript có thể thay đổi thuộc tính src của thẻ img.</p>
<button onclick="document.getElementById('myImage').src='https://minacode.net/public/storage/images/1704697069-1.png'">Ảnh 1</button>
<img id="myImage" src="https://minacode.net/public/frontend/images/minacode.png" style="width:100px">
<button onclick="document.getElementById('myImage').src='https://minacode.net/public/storage/images/1702377445-G%C3%93C%20T%C3%8DCH%20H%E1%BB%A2P-min.png'">Ảnh 2</button>
</body>
</html>
Ta có:
Bạn có biết không?
JavaScript và Java là những ngôn ngữ hoàn toàn khác nhau, cả về ý tưởng lẫn thiết kế. JavaScript được phát minh bởi Brendan Eich vào năm 1995 và trở thành tiêu chuẩn ECMA vào năm 1997.
ECMA-262 là tên chính thức của tiêu chuẩn. ECMAScript là tên chính thức của ngôn ngữ.
>>Còn tiếp nhé>>
Banker To Coder
Hi All,
Nguyên đây! MinaCode là website mình tạo ra với mong muốn chia sẻ chút kiến thức liên quan đến lập trình FullStack.
Ngôn ngữ lập trình chủ yếu được sử dụng là Htm, Css, Javascript, Php cùng một số thư viện như Jquery, Fontawesome... Phía Frontend và Farmework Laravel phía Backend.
Mình chưa bao giờ tham gia bất cứ một trường lớp nào về lập trình. Tất cả kiến thức mình chia sẻ đều là trên tình thần tự học. Do đó:
+ MinaCode phù hợp với những tay ngang, xem lập trình như là một kỹ năng bổ trợ trong công việc hay là một kênh kiếm thêm thu nhập từ những very mini projects.
+ MinaCode không phù hợp với những bạn đang được đào tạo bài bản, chính quy.
Mình tin rằng, Trong tương lai không xa. Lập trình sẽ trở nên một kỹ năng không thể thiếu đối với các bạn trẻ.
Cuối cùng thì Ngôn ngữ lập trình không quan trọng bằng Tư duy lập trình. Mình chúc các bạn sẽ có được những kiến thức bổ ích với MinaCode.
--Ngô Sỹ Nguyên--