Học hành say mê

Code Avengers – Dễ dàng học code website riêng của bạn

coong-cu-hoc-thiet-ke-web-coding
Văn Chí Nhân
Viết bởi Văn Chí Nhân

Hàng ngày, chúng ta đều tiếp cận với Internet như một phần không thể thiếu. Tuy nhiên, bạn có biết phía sau những trang web bắt mắt đó là gì không nào? Bạn có muốn một lần thử làm một trang web như vậy không?

Điều kiện cần và đủ để bạn tạo được một trang web là bạn phải biết chút ít về HTML và CSS.

Vậy HTML, CSS là gì?

Ngắn gọn thì, HTML (HyperText Markup Language) là ngôn ngữ dùng để tạo ra các trang web. Còn CSS (Cascading Style Sheets) được dùng miêu tả định dạng cho HTML.

Tóm lại thì, HTML tạo ra một cái áo trắng, còn CSS tô màu, sửa cổ áo, thêm tay áo… vào cho đẹp.

coong cu hoc code trang web html css la gi

Học code HTML/CSS một cách dễ dàng với codeavengers.com

https://www.codeavengers.com/

Nhấn vào nút Build Web Pages để bắt đầu học. Bạn có thể Sign up để lưu lại tiến trình học code của mình.

coong cu code avengers hoc code trang web dang ky bat dau

Thật ra thì khi mới vào giao diện học tập này thì bạn cũng sẽ được Code Avengers hướng dẫn tận răng thôi, nhưng ở đây mình nói sơ qua:

Số 1: Nội dung task – việc bạn cần làm, đưa ra khái niệm, ví dụ giải thích cho cái mà bạn đang học và sẽ thực hành ở mục số 2 và 3.

coong cu code avengers hoc code trang web giao dien hoc tap

Số 2: Làm theo từng bước hướng dẫn ở đây nhé, giống như yêu cầu của mấy bài tập về nhà thôi.
Số 3: Đây nôm na coi như là nơi bạn gõ mấy đoạn mã html và css để thực hành, kết quả sẽ được hiển thị ngay cái “smartphone” kế bên.
Mục index: Chỉ dành cho những ai đã đăng nhập vào, giúp bạn nhảy nhanh tới bất kỳ phần nào trong bài học.

Như ví dụ trong hình, ở Task 1, bạn sẽ được giới thiệu sơ qua về HTML, CSS, và mục tiêu của khóa học là tạo ra được 2 trang web để thêm vào trang Wiki Jr.

coong cu code avengers hoc code trang web bai tap 1

Hoàn thành Task 1 như nào? Nhanh lắm chỉ mất 10 giây.

Một task khác dài hơn – mất khoảng 1-2 phút thôi

Bonus – Codepen.io – Tận dụng code siêu đẹp tạo bởi cộng đồng developer

Hy vọng các bạn sẽ học được thêm kiến thức thú vị từ trang web, và đây là phần bonus, một trang web chứa rất rất nhiều ví dụ về HTML, CSS, trực quan, sinh động và đẹp nữa
http://codepen.io/

coong cu code avengers hoc code codepen

Một số link thú vị các bạn xem qua thử:
http://codepen.io/nicolasjengler/pen/oXpGQJ
http://codepen.io/iremlopsum/pen/MwrpMK
http://codepen.io/asstor_/pen/doJvRR

Đây là một đoạn code mình “cọp” từ Codepen và áp dụng trong Code Avengers, các bạn hãy mày mò xem sao.

codepen vi du dep de thiet ke web

Credit hình ảnh bìa bài:
Designed by Freepik

Về tác giả

Văn Chí Nhân

Văn Chí Nhân

Nhân hiện đang công tác tại Công ty TNHH Allexceed Việt Nam.
Anh thích lướt web, xem phim, nghe nhạc, đọc sách, và đặc biệt thích kết giao bạn bè.

Nhân thích viết về những công cụ, thủ thuật hay mẹo vặt giúp thao tác dễ dàng hơn trong quá trình làm việc cũng như học tập trên máy tính hoặc các thiết bị di động.