Lộ trình có cấu trúc, lấy dự án làm trọng tâm, nơi học viên học ba ngôn ngữ tạo nên mọi trang web, rồi đưa những trang web thật lên Internet để bất kỳ ai cũng vào xem được.
Dành cho học viên muốn tạo ra thứ người khác dùng được thật, chương trình dạy ba ngôn ngữ tạo nên mọi trang web — HTML cho cấu trúc, CSS cho hình thức và JavaScript cho hành vi — bằng đúng trình soạn thảo, công cụ trình duyệt và quy trình xuất bản mà lập trình viên chuyên nghiệp dùng hằng ngày. Học viên đi từ một trang đơn có style đến một website nhiều trang có tương tác, được đưa lên một đường link chạy thật, đồng thời học cách đọc lỗi, sắp xếp tệp và cắt bớt phạm vi công việc.
Học viên hiểu website thực chất là gì: một tập tệp mà trình duyệt đọc và vẽ ra. Các em mở tệp HTML đầu tiên trên máy, làm quen công cụ dành cho nhà phát triển của trình duyệt, và thấy mối liên hệ trực tiếp giữa tệp mình sửa và trang hiện ra trước mắt. Trọng tâm là xóa bỏ sự bí ẩn trước khi học bất kỳ cú pháp nào.
Học viên dựng trang thật đầu tiên bằng tiêu đề, đoạn văn, danh sách, liên kết và hình ảnh. Các em hiểu cách các thẻ lồng vào nhau, vì sao cấu trúc quan trọng với cả người đọc lẫn công cụ tìm kiếm, và nhận ra hậu quả khi quên đóng một thẻ.
Học viên thêm màu sắc, kiểu chữ và khoảng cách cho trang. Các em học bộ chọn, thuộc tính và giá trị, rồi thấy một tệp style duy nhất có thể đổi giao diện cả website cùng lúc — khoảnh khắc đầu tiên sản phẩm trông như được thiết kế chứ không phải chỉ được gõ ra.
Học viên hiểu mọi phần tử đều là một chiếc hộp có padding, viền và margin. Các em dựng một khối thẻ dùng lại được và nhận ra phần lớn lỗi khoảng cách đều là lỗi mô hình hộp — nhờ vậy sửa được thay vì thấy khó hiểu.
Học viên xếp các phần tử thành hàng và cột, canh chỉnh và phân bố chúng, rồi dựng một thanh điều hướng và một thư viện ảnh chạy được. Đây là lúc trang thôi xếp dọc đơn thuần và bắt đầu có bố cục có chủ ý.
Học viên dùng media query để cùng một trang chạy tốt trên laptop và điện thoại. Các em đổi kích thước trình duyệt, tìm chỗ vỡ và sửa — hiểu rằng phần lớn người xem đến từ màn hình nhỏ và website phải đáp ứng được điều đó.
Học viên tách sản phẩm thành nhiều trang liên kết dùng chung một tệp style, và học cách sắp xếp tệp và thư mục để dự án vẫn dễ hiểu khi vượt quá vài tệp.
Học viên hoàn thiện và trình bày một website cá nhân nhiều trang. Các em giải thích lựa chọn cấu trúc và thiết kế, trình diễn ở cả cỡ điện thoại lẫn laptop, và góp ý xây dựng cho sản phẩm của bạn cùng lớp.
Học viên làm quen biến, số, chuỗi và cửa sổ console của trình duyệt. Các em viết đoạn script đầu tiên làm thay đổi nội dung trang, và tập đọc console để biết chỗ sai thay vì đoán mò.
Học viên nối code với hành động của người xem — bấm, gõ, gửi biểu mẫu. Các em dựng nút và ô nhập biết phản hồi, nắm được khuôn mẫu duy nhất nằm dưới mọi trang web có tương tác.
Học viên dùng if và else để trang xử sự khác nhau tùy tình huống, và dựng một biểu mẫu tự kiểm tra dữ liệu nhập rồi giải thích vấn đề trước khi chấp nhận.
Học viên lưu danh sách dữ liệu và cho hiển thị tự động lên trang. Các em thấy ngay vì sao viết tay từng mục sẽ sớm bế tắc, và vòng lặp giữ cho code ngắn gọn khi danh sách dài ra.
Học viên gói hành vi vào các hàm dùng lại được có tham số, rồi quay lại các dự án cũ để rút gọn. Trọng tâm là đặt tên rõ ràng và không lặp cùng một đoạn code ở ba nơi.
Học viên tạo, sửa và xóa phần tử hoàn toàn bằng code, dựng một danh sách việc cần làm tự cập nhật khi dùng. Đây là buổi mà trang web thôi là một tài liệu và trở thành một ứng dụng.
Học viên tải dữ liệu JSON bằng fetch và hiển thị lên trang, để website trình bày được thông tin đến từ nơi khác thay vì gõ tay. Các em cũng xử lý tình huống dữ liệu không tải được.
Học viên trình bày một ứng dụng web có tương tác, trình diễn từng tính năng và dẫn cả lớp qua đoạn code phía sau — giải thích không chỉ nó làm gì mà còn vì sao làm theo cách đó.
Học viên học quản lý phiên bản: commit, lịch sử, và vì sao công việc chuyên nghiệp không bao giờ là một thư mục đầy tệp tên final-v2. Các em đưa một dự án sẵn có vào quản lý phiên bản và đọc lại chính lịch sử của mình.
Học viên đưa sản phẩm lên GitHub Pages hoặc Netlify và nhận một đường link thật. Các em gửi link cho người khác và thấy website mở ra trên một thiết bị không phải của mình — thường là buổi học đáng nhớ nhất của cấp độ này.
Học viên xây một hệ cỡ chữ, bảng màu và nhịp khoảng cách nhất quán thay vì chọn giá trị tùy hứng, đồng thời học những điều cơ bản về khả năng tiếp cận — độ tương phản, văn bản thay thế cho ảnh, dùng bàn phím — thứ quyết định mọi người có dùng được website hay không.
Học viên dựng một biểu mẫu biết kiểm tra dữ liệu nhập, phản hồi rõ ràng, xử lý lỗi tử tế và kết nối tới dịch vụ thu thập câu trả lời thật.
Học viên tìm hiểu vì sao trang chạy chậm — ảnh quá nặng, quá nhiều yêu cầu, script chặn hiển thị — rồi tự đo website của mình trên trình duyệt và thực hiện những thay đổi cụ thể để tăng tốc.
Học viên chia website cuối khóa của mình thành từng giai đoạn, quyết định phiên bản đầu bắt buộc phải có gì, và ghi rõ những gì mình cố ý bỏ ra. Biết cắt bớt phạm vi chính là điều khiến dự án hoàn thành được.
Thời gian tự xây dựng với giáo viên kèm cặp. Học viên triển khai kế hoạch của mình, tự gỡ lỗi, và tập cách hỏi xin trợ giúp như một lập trình viên: kèm thông báo lỗi, bối cảnh và những gì đã thử.
Học viên trình bày website đã xuất bản, dẫn qua đoạn code và các quyết định phía sau, thu thập góp ý từ lớp, và ra về với một kế hoạch bằng văn bản cho phiên bản tiếp theo.
Một website nhiều trang về chính học viên — cấu trúc bằng HTML, tạo kiểu bằng CSS, chạy tốt trên cả điện thoại lẫn laptop.
Bố cục thẻ và thư viện ảnh dựng bằng Flexbox, tự sắp xếp hợp lý ở mọi chiều rộng màn hình.
Một ứng dụng chạy thật, nơi các mục được thêm, đánh dấu hoàn thành và xóa hoàn toàn bằng JavaScript, cập nhật trang ngay khi dùng.
Một trang tải thông tin từ tệp JSON và hiển thị tự động, kèm thông báo hợp lý khi dữ liệu không tải được.
Một biểu mẫu kiểm tra nội dung nhập, phản hồi rõ ràng và gửi đi thật chứ không phải giả vờ.
Một website do chính học viên thiết kế, lên kế hoạch theo giai đoạn, quản lý phiên bản trên GitHub và xuất bản tới một đường link ai cũng mở được.
Lập trình web là tầng nền của phần lớn những thứ con bạn đang dùng. Ứng dụng, bảng số liệu, cửa hàng online và hầu hết công cụ AI đều chạy qua trình duyệt, và HTML, CSS, JavaScript chính là thứ tạo nên chúng. Đây cũng là vòng phản hồi nhanh nhất trong lập trình: sửa một dòng, tải lại, thấy ngay — lý do phần lớn lập trình viên tự học đều bắt đầu từ web.
Cú pháp thật, tệp thật, thông báo lỗi thật. Học cách đọc xem trình duyệt đang than phiền điều gì là một phần của việc học, không phải chướng ngại.
Lưu tệp, tải lại trang, thấy kết quả. Vòng lặp đủ ngắn để giữ chân người mới qua những tuần đầu khó khăn.
Mỗi cấp độ kết thúc bằng thứ mở được trên điện thoại. Không còn mơ hồ về chuyện việc đã xong hay chưa.
Cùng những ngôn ngữ đó đi tiếp sang phát triển ứng dụng, dự án khởi nghiệp và bất kỳ framework nào sau này. Không có gì học ở đây phải bỏ đi để học lại.
Học viên hiểu thông báo lỗi là thông tin, không phải thất bại. Các em đọc nó, xác định dòng gây lỗi và đặt giả thuyết trước khi sửa bất cứ thứ gì.
Việc lồng thẻ, phân cấp và sắp xếp trong HTML chuyển thẳng sang cách tổ chức bài luận, ghi chép và lập luận ở trường.
Khoảng cách, canh lề, tương phản và kiểu chữ trở thành thứ học viên nhận ra và điều khiển được, thay vì thứ tự nhiên xảy ra.
Khoanh vùng vấn đề, thử từng thay đổi một và hoàn tác thứ không hiệu quả là thói quen giải quyết vấn đề nói chung, không phải mẹo lập trình.
Hiểu rằng thông tin có hình dạng — danh sách, bản ghi, trường dữ liệu — là nền cho bảng tính, cơ sở dữ liệu và phần lớn công việc kỹ thuật về sau.
Lưu lại công việc theo từng bước có ý nghĩa và quay lui được dạy một cách làm việc khiến ta hết sợ làm hỏng.
Khoanh phạm vi dự án, cắt bỏ thứ không vừa và đưa được nó lên mạng là một chu trình trọn vẹn mà phần lớn học viên chưa từng trải qua.
Dựng trang có cấu trúc đúng cho cả người đọc, trình duyệt lẫn công cụ tìm kiếm.
Flexbox, mô hình hộp và media query — bố cục một trang chạy tốt ở mọi cỡ màn hình.
Biến, điều kiện, vòng lặp, hàm, sự kiện và DOM: lập trình phổ quát, học ngay trong trình duyệt.
Mảng, JSON và fetch — hiển thị thông tin đến từ bên ngoài trang.
Commit, lịch sử và quản lý phiên bản như một phần bình thường của cách làm việc.
Đưa một dự án từ thư mục trên máy tới một địa chỉ thật mà người khác vào xem được.
Không. Cấp độ 1 chỉ giả định con biết dùng máy tính. Bạn nào đã học Scratch hoặc GDevelop sẽ thấy quen và đi nhanh hơn, nhưng đó không phải điều kiện bắt buộc.
Là thật. Học viên tự gõ HTML, CSS và JavaScript trong một trình soạn thảo chuyên nghiệp, dùng công cụ nhà phát triển của trình duyệt và xuất bản bằng Git. Không có lớp đơn giản hóa nào ở giữa.
Công cụ có trùng nhau, nhưng mục tiêu khác. Chương trình này đào sâu vào chính lập trình web; Nền Tảng Khởi Nghiệp hướng đúng những công cụ đó vào một sản phẩm có người dùng thật, kèm phần kiểm chứng, khoanh phạm vi và thu thập phản hồi.
Một máy tính xách tay hoặc để bàn có Chrome. Mọi công cụ dùng trong chương trình đều miễn phí, và mọi thứ con làm ra đều mở được trên điện thoại của bạn.
Mỗi cấp độ kết thúc bằng một buổi thuyết trình, và từ cấp độ 3 trở đi sản phẩm nằm ở một đường link công khai cùng lịch sử GitHub mà bạn xem lại bất cứ lúc nào.
Đặt một buổi học thử miễn phí để xem chương trình có phù hợp với con bạn không.
Điện thoại/WhatsApp/Zalo: 0902 776 753
Email: hello@techtutor.academy
Website: techtutor.academy
Giờ làm việc: Thứ 2-6 8:00-21:00 | Thứ 7-CN 8:00-20:00