leetrunghoo

Giới thiệu Learn English webapp

by Trung Ho — Posted in Project on

Hôm nay mình release Learn English web app phiên bản 1.2, đây là một pet project mình đã release phiên bản đầu tiên cách đây hơn 3 tháng, nhân tiện mình có đôi điều muốn chia sẽ với các bạn.

Learn English là web app giúp chúng ta học tiếng Anh hoàn toàn miễn phí và không quảng cáo, tập trung vào listening & speaking skills, dữ liệu mình lấy từ talkenglish.com. Vì phần giải thích được viết bằng tiếng Anh nên có vẻ phù hợp với các bạn có trình độ basic trở lên hơn. Với người đã giỏi English rồi thì vẫn sẽ thấy web này chứa nhiều thông tin bổ ích ví dụ như mục Business English Lessons, Interview English Lessons hay Idioms and Phrases.

Thế web này có gì hay ho? Theo mình thì nó hay lắm đó! :smile:

1. Text-to-Speech: khi mở lesson, bạn có thể click vào các link để nghe phát âm. Có 2 dạng phát âm là dùng mp3 (mặc định) hoặc dùng Web Speech. Dùng mp3 thì tiếng sẽ nghe tự nhiên hơn, tuy nhiên phải mất thời gian load. Dùng Web Speech thì có thể chọn được giọng đọc, tốc độ đọc và không cần network (hiện tại tính năng này chỉ có trên Chrome, Opera, Safari & Edge 14).

2. Practise speaking: bạn nghe được cách đọc rồi bạn muốn kiểm tra xem bạn đọc có đúng không thì sao? Web app này sẽ giúp bạn, bạn chọn nút Practise khi mở một lesson bất kì sau đó đọc to, kết quả hiện ra sẽ cho bạn biết từ mà máy nhận ra. Máy có thể nhận sai bạn nhé nên đừng chửi mình, tội :smile: (hiện tại tính năng này chỉ có trên Chrome và Opera).

3. Work Offline: khi bạn đã vào trang web này 1 lần thì những lần sau nó có thể hoạt động bình thường ngay cả khi không có mạng hoặc mạng chập chờn. (hiện tại tính năng này chỉ có trên Chrome, Opera & Firefox)

4. App-like: tuy là web nhưng look & feel như native app, có thể tạo shortcut lên home screen của smartphone và sau đó sẽ hoạt động như là native app. Không cần cài đặt!

Ngoài việc chủ động Add to home screen như clip demo trên, nếu bạn quay lại trang web nhiều lần thì browser trên mobile (ví dụ Chrome) sẽ tự động hỏi bạn có muốn Add to home screen hay không (chỉ hỏi 1 lần).

5. Fast, very fast: mình sử dụng những technique mới nhất để tối ưu tốc độ, giúp nó load nhanh nhất có thể. Test khi mở web bằng Chrome trên smartphone sử dụng 3G thì chỉ mất khoảng 1s khi load lần đầu và gần như ngay lập tức khi quay lại trang những lần sau.

6. Responsive: có thể dùng trên PC, laptop, tablet hoặc smartphone, tính năng must-have của những trang web ngày nay.

Để có được trải nghiệm tốt nhất mình khuyên các bạn nên sử dụng browser Chrome hoặc Opera nhé. OK, let’s give it a try! https://learnenglish.leetrunghoo.com

P/s: bạn nào muốn biết những thông tin technical của project này thì vui lòng chờ xem post tiếp theo của mình nhé.




Share this blog