Chào mọi người, hôm nay tôi muốn chia sẻ một chút về cái dự án web học tiếng Anh online mà tôi từng mày mò làm. Cũng không có gì to tát đâu, chủ yếu là ghi lại quá trình tự học, tự làm của mình thôi, biết đâu lại có ích cho ai đó cũng đang muốn thử sức.
Khởi đầu ý tưởng và những bước chuẩn bị đầu tiên
Chuyện là hồi đó tôi thấy nhu cầu học tiếng Anh thì nhiều, mà mấy trang web có sẵn thì hoặc là quá phức tạp, hoặc là giao diện không được thân thiện lắm với người mới bắt đầu như tôi. Thế là tôi nảy ra ý định, sao mình không tự làm một cái nhỉ? Vừa để mình học thêm về làm web, vừa có cái để bạn bè dùng thử.
Đầu tiên thì cũng hăm hở lắm. Tôi bắt đầu liệt kê ra những thứ mình muốn có trên trang web:
- Phần từ vựng: Phải có hình ảnh minh họa, phiên âm, nghĩa tiếng Việt, ví dụ câu.
- Phần ngữ pháp: Giải thích đơn giản, dễ hiểu, có bài tập đi kèm.
- Bài kiểm tra nhỏ: Để người học tự đánh giá kiến thức.
- Giao diện đơn giản: Không màu mè, dễ nhìn, dễ thao tác.
Nghe thì có vẻ đơn giản đúng không? Nhưng bắt tay vào làm mới thấy nó không hề dễ như mình nghĩ.
Quá trình mày mò xây dựng trang web
Tôi bắt đầu với mấy thứ quen thuộc nhất mà hồi đó tôi mới học được: HTML, CSS để dựng cái khung và làm cho nó có hình hài. Trời ơi, ngồi căn chỉnh từng cái nút, từng cái khung chữ thôi mà cũng mất cả buổi. Lúc thì nó lệch trái, lúc thì nó lệch phải, có khi còn chồng chéo lên nhau nữa. Nhớ lại mà thấy cũng buồn cười.
Sau khi cái giao diện trông tàm tạm rồi, tôi bắt đầu nghĩ đến phần “não” của nó – làm sao để thêm bài học, lưu trữ dữ liệu. Lúc này tôi mới mò mẫm đến JavaScript. Ban đầu chỉ là mấy cái hiệu ứng đơn giản, bấm vào thì hiện ra, bấm nữa thì ẩn đi. Dần dần, tôi muốn nó “khôn” hơn, ví dụ như làm bài tập trắc nghiệm thì phải biết đáp án nào đúng, đáp án nào sai, rồi tính điểm.
Cái khâu nội dung mới là đau đầu. Ban đầu tôi tính tự soạn hết. Ngồi cặm cụi gõ từng từ vựng, tìm từng cái ảnh minh họa, rồi nghĩ ví dụ. Soạn được vài bài là thấy oải kinh khủng. Sau đó tôi nghĩ, hay là mình làm chức năng cho người dùng tự đóng góp bài học? Nhưng mà như thế thì lại phải lo chuyện kiểm duyệt nội dung, rồi bảo mật, phức tạp quá, nên lại thôi.
Tôi cũng thử tìm hiểu xem có cách nào lấy dữ liệu từ các trang từ điển không, nhưng mà hồi đó kiến thức về API của tôi còn hạn chế lắm, đọc tài liệu tiếng Anh thì cứ rối tung cả lên. Thế là lại quay về phương án “tự cung tự cấp”, cóp nhặt từ sách vở rồi tự chế biến lại.
Để lưu trữ dữ liệu người dùng, ví dụ như tiến độ học hay điểm số, tôi có nghía qua một chút về PHP với MySQL. Cũng cài đặt XAMPP rồi thử tạo vài cái bảng đơn giản. Nhưng mà thú thật là phần backend này tôi thấy nó khó nhằn hơn frontend nhiều. Cứ lỗi tới lỗi lui, nhiều khi sửa được lỗi này nó lại lòi ra lỗi khác. Debug mệt nghỉ.
Thành quả (dù không như mơ) và những điều học được
Sau một thời gian khá dài vật lộn, cuối cùng thì cái web học tiếng Anh “cây nhà lá vườn” của tôi cũng tạm gọi là chạy được. Nó có vài chục bài học từ vựng cơ bản, một ít bài ngữ pháp, với mấy bài test nho nhỏ. Giao diện thì cũng gọi là sạch sẽ, dễ nhìn, dù không được lung linh như người ta.
Dù trang web đó không thực sự được nhiều người biết đến hay sử dụng rộng rãi, và cũng còn nhiều lỗi vặt, nhưng đối với tôi, đó là một trải nghiệm rất quý báu. Tôi học được cách tự tìm tòi, giải quyết vấn đề. Hiểu rõ hơn về HTML, CSS, JavaScript nó hoạt động ra sao. Quan trọng nhất là tôi biết được cái cảm giác tự tay mình tạo ra một sản phẩm, dù nó nhỏ bé và đơn giản.
Sau dự án đó, tôi cũng không phát triển nó thêm nữa vì bận nhiều việc khác. Nhưng mỗi khi nhìn lại, tôi vẫn thấy vui vui. Nó như một kỷ niệm về một thời ham học hỏi, thích tự mình khám phá. Và những kiến thức, kinh nghiệm từ lần mày mò đó cũng giúp ích cho tôi rất nhiều trong công việc sau này.
Đấy, chia sẻ một chút về quá trình tự làm web học tiếng Anh của tôi là như vậy. Không có gì gọi là thành công vang dội, chỉ là những bước đi chập chững ban đầu. Hy vọng là nó có chút gì đó truyền cảm hứng cho những bạn cũng đang muốn tự mình tạo ra một cái gì đó.
