CYBERSOFT ACADEMY
CyberSoft Academy
Trang chủ
⌨️ Luyện gõ chữ Lộ trình 3–12 Dự án học viên Blog Về CyberSoft Đăng ký tư vấn →
🦖 K8 · KHÓA 8 · LÀM WEB VỚI HTML, CSS, JS

Web Weavers Jr Tổ Dệt Web Nhí

Con tự làm và xuất bản website: trang đẹp trên điện thoại, nút bấm biết phản hồi, app web đóng mở lại vẫn nhớ.

“Học lập trình không phải để ai cũng làm lập trình — mà để tư duy tốt hơn.”

12buổi
3capstone
3đồ án cuối khóa

KHÓA NÀY LÀ GÌ✧

Khóa làm web cho học sinh tiểu học: con dựng trang bằng HTML, tô màu và xếp bố cục bằng CSS, thêm nút bấm, form bằng JavaScript rồi làm app biết nhớ.

Học – Làm – Khoemỗi buổi con làm ra một sản phẩm
Hiểu bằng mắtapp minh họa kéo – bấm – chạy trước khi code
Đẹp mọi màn hìnhresponsive, ai cũng đọc được
Chia sẻ bằng linkgửi là ba mẹ, ông bà xem ngay

CON HỌC GÌ✧

Ba chặng nâng dần: trang tĩnh lên sóng → trang biết phản hồi → app web nhớ được.

1
HTML semanticthẻ lồng nhau · header/main/footer · tiêu đề, ảnh

🎯Con dựng trang web tĩnh đầu tiên của riêng mình

2
CSS bố cụcmàu · khoảng cách · box · flex

🎯Con tô màu và xếp trang gọn gàng, đẹp mắt

3
Responsive & a11yđẹp trên điện thoại · tương phản · alt/label

🎯Con làm trang ai cũng đọc được, trên mọi màn hình

4
DOM & sự kiệnclick → phản hồi · state → render

🎯Con làm nút bấm đổi chữ, đổi màu, danh sách tự cập nhật

5
Form & kiểm lỗivalidation · ô trống, nhập sai · báo lỗi

🎯Con làm form biết kiểm tra và nhắc lỗi tử tế

6
Lưu bằng localStoragelưu vào trình duyệt · tải lại vẫn nhớ

🎯Con làm app web đóng mở lại vẫn còn dữ liệu

BẢN ĐỒ 12 BUỔI✧

12 buổi chia 3 chặng; cuối mỗi chặng con ghép kiến thức thành một dự án lớn (capstone).

1Chặng 1 · Trang đầu lên sóng
Chặng 1 · Trang đầu lên sóngHTML semantic — Thẻ lồng nhauTrang tĩnh header/main/footer có tiêu đề, ảnh
Chặng 1 · Trang đầu lên sóngCSS bố cục — Màu, box, flexTrang được tô màu & xếp hàng gọn gàng
Chặng 1 · Trang đầu lên sóngResponsive + a11y — Tương phản & altĐẹp trên điện thoại, đủ tương phản, ảnh có alt
🏆 CAPSTONE
Chặng 1 · Trang đầu lên sóngCapstone A — Landing PageWeb đầu tiên có link + QR, responsive + a11y
2Chặng 2 · Trang biết phản hồi
Chặng 2 · Trang biết phản hồiNút đổi DOM — Click là phản hồiTrang có nút bấm là đổi chữ/màu
Chặng 2 · Trang biết phản hồiForm + validation — Kiểm lỗi nhậpForm kiểm ô trống/sai, báo lỗi tử tế
Chặng 2 · Trang biết phản hồiState → render — Giao diện đổi theo dữ liệuDanh sách/bộ đếm cập nhật theo dữ liệu
🏆 CAPSTONE
Chặng 2 · Trang biết phản hồiCapstone B — DOM Mini AppBấm đổi giao diện + form kiểm lỗi
3Chặng 3 · Thế giới mini nhớ được
Chặng 3 · Thế giới mini nhớ đượcChọn app — Bản đặc tả & tiêu chíBản phác app + khung giao diện theo đặc tả
Chặng 3 · Thế giới mini nhớ đượcLưu bằng localStorageApp lưu dữ liệu vào trình duyệt
Chặng 3 · Thế giới mini nhớ đượcTải lại vẫn nhớ + AI hỗ trợ đánh bóngApp tải lại dữ liệu cũ, giao diện đã đánh bóng
🏆 CAPSTONE
Chặng 3 · Thế giới mini nhớ đượcCapstone C · Tốt nghiệp — My Mini WorldApp web đóng mở lại vẫn nhớ + Publish Party

Muốn biết con có theo kịp Web Weavers Jr không? Thử trước một buổi — ba mẹ ngồi cạnh, không mất phí.

Cho con thử sức 1 buổi →

SẢN PHẨM CON KHOE ĐƯỢC✧

Mỗi buổi con làm ra một sản phẩm web chạy được — gửi link là ba mẹ, ông bà, bạn bè xem ngay, không cần cài gì.

● Buổi 1 · HTML semanticTrang web tĩnh đầu tiênTrang có đầu trang, nội dung, chân trang, tiêu đề và ảnh — dựng bằng thẻ HTML đúng nghĩa.
● Buổi 3 · Responsive + a11yTrang đẹp trên điện thoạiTrang tự co giãn theo màn hình, đủ tương phản, ảnh có mô tả để ai cũng dùng được.
● Capstone A · Buổi 4Landing Page — Trang Web Đầu Tiên Có LinkTrang web hoàn chỉnh, đẹp mọi màn hình, có link và mã QR để chia sẻ.
● Buổi 6 · Form + validationForm biết kiểm lỗiForm phát hiện ô bỏ trống hoặc nhập sai và nhắc lỗi nhẹ nhàng, dễ hiểu.
● Capstone B · Buổi 8DOM Mini App — Trang Biết Phản HồiBấm là giao diện đổi, kèm form có kiểm lỗi — trang web đã biết “trả lời” người dùng.
● Buổi 10 · localStorageApp lưu dữ liệuApp ghi dữ liệu vào trình duyệt để lần sau mở lại vẫn còn.

ĐỒ ÁN & TỐT NGHIỆP✧

3 đồ án cuối khóa thuộc 3 thể loại web khác hẳn nhau — con chọn làm và xuất bản.

Trang “Về Tớ”Web tĩnh responsive: HTML semantic + CSS flex, có ảnh, link, đẹp trên điện thoại, đủ tương phản.
App Việc Cần Làm (To-Do)Web tương tác: thêm, xóa việc bằng DOM và nút bấm, nhớ danh sách bằng localStorage.
Trắc Nghiệm VuiApp form + logic: form câu hỏi có kiểm lỗi, JavaScript chấm điểm và hiện kết quả.

Buổi tốt nghiệp là Publish Party — con xuất bản My Mini World và khoe thành quả cùng ba mẹ, bạn bè.

GIỮ CHỖ HỌC THỬ MIỄN PHÍ✧

Để lại số điện thoại, CyberSoft gọi lại trong ngày: tư vấn khóa Web Weavers Jr hợp với con và xếp buổi học thử 60 phút miễn phí, không ràng buộc.

Bằng việc gửi, anh/chị đồng ý để CyberSoft liên hệ tư vấn. Chúng tôi bảo mật thông tin của gia đình.

PHƯƠNG PHÁP HỌC – LÀM – KHOE✧

Không “nghe giảng rồi chép”: con tự tay làm, được nhìn thành quả nên nhớ lâu và tự tin.

1Nhìn app minh họaKéo – bấm – chạy để “à ra vậy” trước khi code
2Tự tay làmMỗi buổi con code và hoàn thành một sản phẩm web
3Kiểm theo tiêu chíNhư kỹ sư: sản phẩm chạy được, đạt tiêu chí đã đặt ra
4Khoe bằng linkGửi share-link là ba mẹ, ông bà xem được ngay

BỔ TRỢ MÔN HỌC✧

Làm web giúp con vận dụng và củng cố nhiều môn học ở trường.

💻 Tin học
⌨️ Trong khóaHTML, CSS, JavaScript, xuất bản web
🏫 Ở trườnglàm quen máy tính & internet
🎨 Mỹ thuật
⌨️ Trong khóathiết kế giao diện, phối màu, bố cục
🏫 Ở trườngmàu sắc, bố cục tranh
🔤 Tiếng Anh
⌨️ Trong khóatên thẻ, thuộc tính bằng tiếng Anh
🏫 Ở trườngmở rộng từ vựng
✍️ Tiếng Việt
⌨️ Trong khóaviết nội dung cho trang web
🏫 Ở trườngviết đoạn văn mạch lạc
🧭 Tư duy–Logic
⌨️ Trong khóachia bước, kiểm lỗi, gỡ lỗi
🏫 Ở trườngthử – sai khi giải bài
Năng lực tư duyPhân rã vấn đề — chia việc lớn thành bước nhỏTìm quy luật — nhận ra điều lặp lạiTư duy thuật toán — quy trình từng bước, đúng thứ tựKiên nhẫn gỡ lỗi — thử, sai, sửa, không bỏ cuộc

BUỔI RA MẮT CHO BA MẸ✧

15 phút con tự trình diễn đồ án cuối khóa — ba mẹ thấy rõ con đã học được gì, làm được gì.

🎓 Đồ án cuối khóa · Trang “Về Tớ”
🎓 CON TRÌNH DIỄN · ĐỒ ÁN CUỐI KHÓACon chọn 1 trong 3 đồ án
  • Trang “Về Tớ”Web tĩnh responsive: HTML semantic + CSS flex, có ảnh, link, đẹp trên điện thoại, đủ tương phản.
  • App Việc Cần Làm (To-Do)Web tương tác: thêm, xóa việc bằng DOM và nút bấm, nhớ danh sách bằng localStorage.
  • Trắc Nghiệm VuiApp form + logic: form câu hỏi có kiểm lỗi, JavaScript chấm điểm và hiện kết quả.
🧠 KIẾN THỨC CON NẮM
HTML semanticCSS bố cụcResponsive & a11yDOM & sự kiệnForm & kiểm lỗiLưu bằng localStorage
🛠️ KỸ NĂNG CON LÀM ĐƯỢC
  • Con dựng trang web tĩnh đầu tiên của riêng mình
  • Con tô màu và xếp trang gọn gàng, đẹp mắt
  • Con làm trang ai cũng đọc được, trên mọi màn hình
  • Con làm nút bấm đổi chữ, đổi màu, danh sách tự cập nhật
  • Con làm form biết kiểm tra và nhắc lỗi tử tế
  • Con làm app web đóng mở lại vẫn còn dữ liệu
💡 NĂNG LỰC TƯ DUY
Phân rã vấn đề — chia việc lớn thành bước nhỏTìm quy luật — nhận ra điều lặp lạiTư duy thuật toán — quy trình từng bước, đúng thứ tựKiên nhẫn gỡ lỗi — thử, sai, sửa, không bỏ cuộc
🎬 KÈM THEOClip 30 giây con tự giải thích đồ án và share-link để ông bà, người thân cùng xem.

Muốn là người đầu tiên xem con trình diễn sản phẩm tự tay làm ra?

Giữ vé học thử cho con →

KHÓA NÀY NẰM Ở ĐÂU✧

Học xong, con sẵn sàng cho bậc kế tiếp của lộ trình, hướng tới Tầng 2 (11–14 tuổi): Python, game, dữ liệu, web/app và AI.

PHỤ HUYNH THƯỜNG HỎI✧

Khóa thuộc Tầng 1 của CyberSoft Junior, dành cho trẻ 8–11 tuổi. Khóa gồm 12 buổi.

Mỗi buổi con làm một sản phẩm web. Con có 3 capstone: Landing Page (buổi 4), DOM Mini App (buổi 8) và My Mini World — app web đóng mở lại vẫn nhớ (buổi 12, tốt nghiệp) — cùng 3 đồ án cuối khóa.

Con học HTML semantic, CSS (màu, khoảng cách, box, flex), responsive, a11y (tương phản, alt/label), DOM và sự kiện click, form có kiểm lỗi, lưu dữ liệu bằng localStorage.

Được. Khóa không yêu cầu biết trước; mỗi khái niệm có app minh họa kéo – bấm – chạy để con hiểu bằng mắt trước khi tự code.

HÔM NAY, KHÔNG PHẢI “DỊP KHÁC”✧

Cho con học thử MIỄN PHÍ một buổi.Tuổi thơ của con không chờ “dịp khác”. 60 phút ba mẹ ngồi cạnh, xem con tự làm ra sản phẩm đầu tiên — kèm test xếp lớp & tư vấn lộ trình 9 năm riêng cho con, hoàn toàn miễn phí.

✓ Đã gửi! CyberSoft sẽ liên hệ với anh/chị sớm nhất.