Mình biết lập trình là nghề rất HOT trong mắt các bạn học sinh cấp trung học phổ thông, và các bạn sẽ đăng ký học lập trình vào các trường cao đẳng – đại học công nghệ thông tin, lúc này các bạn được đào tạo bài bản nên trong tương lai sẽ trở thành một lập trình viên giỏi là điều hiển nhiên.
Nhưng với những bạn mất gốc, hoặc những bạn ngoại đạo đam mê lập trình thì đa số là tự học nên rất khó nắm bắt được cốt lõi. Lý do lớn nhất là các bạn không có một lộ trình học cụ thể, và vì không có lộ trình nên dẫn tới học chán nản, cuối cùng dẫn đến mất phương hướng.
1/ Học HTML & CSS
Bước đầu tiên bạn cần phải học HTML&CSS, đây là hai ngôn ngữ phía client giúp bạn tạo giao diện của website. Thường thì bạn sẽ nhận một file thiết kế bằng Photoshop ( PSD), sau đó bạn sẽ cắt chúng ra thành một file .html và kết hợp với CSS để tạo ra giao diện y hệt như file PSD.
Khi bạn xây một căn nhà thì cần các vật liệu như: gạch, xi măng, cát, .. thì HTML chính là các vật liệu đó.
Khi bạn sử dụng sơn, đồ trang trí nội thất để trang trí giúp căn nhà đẹp hơn thì nó giống như là CSS.
Tài liệu:
Khóa học:
2/ Học Javascript căn bản
Javascript sẽ giúp bạn tạo một trang web có nhiều hiệu ứng hơn. Ví dụ tại freetuts bạn thấy các hai hiệu ứng scroll to top và scroll to bottom chính là kết quả của Javascript.
Tài liệu:
3/ Học jQuery
jQuery là một thư viện được viết bằng Javascript, điểm mạnh của nó là giúp bạn rút gọn chương trình Javascript. Nếu bạn đã học xong phần 2 thì sẽ thấy khi thao tác với DOM bằng JS thì rất rườm rà, cú pháp dài dòng nên nhìn vào chương trình rất là rối, nênviệc sử dụng jQuery là rất cần thiết.
jQuery xử lý hiệu ứng rất mạnh, thư viện của nó rất ít thay đổi cú pháp nên bạn học một lần là sử dụng vĩnh viễn 😉 Một điểm quan trọng nữa là hầu hết các plugin hiệu ứng hiện nay đều được viết bằng jQuery. Ví dụ các hiệu slide, tab, scroll 90% được viết bằng jQuery. Như vậy jQuery rất quan trọng khi bạn làm việc với Front-end.
Tài liệu:
Khóa học: Bạn nên học khóa học jQuery từ căn bản đến nâng cao của anh Việt. Đây là khóa học jQuery dành cho người mới bắt đầu.
4/ Học Bootstrap / CSS framework
Có bao giờ bạn nghe tới khái niệm responsive chưa? Chắc chắn là có rồi phải không nào? Và bạn có thắc mắc là tại sao 3 phần trên mình không nói tới responsive phải không? Nếu vậy thì bạn nên quay lại đầu bài viết mình đã nói đó là quy trình.
Bootstrap là một thư viện CSS dùng để xây dựng giao diện website theo hệ thống grid, nó hoạt động theo cơ chế responsive nên hiển thị tốt trên mọi trình duyệt và thiết bị.
Sử dụng bootstrap có rất nhiều lơi thế như: giúp bạn xây dựng giao diện nhanh hơn, chạy hầu hết trên các thiết bị, cập nhật theo công nghệ mới, những điều này rất khó nếu bạn tự mình thực hiện responsive, riêng check chạy trên mọi thiết bị và trình duyệt thôi cũng bất ổn rồi. Ngoài ra bạn cũng có thể chọn một CSS Framework khác như Foundation, flexbox.
Tài liệu:
Khóa học:
5/ Học tool hỗ trợ như SASS, GIT
Tài liệu:
Khóa học gợi ý: Tham khảo khóa học GIT và SASS
6/ Học ES6
Tài liệu:
Khóa học:
7/ Học JS Framework
Bước này bạn sẽ học theo yêu cầu của công ty mà bạn đang làm. Ví dụ công ty bạn đòi hỏi bạn phải làm React JS thì bắt buộc bạn phải học nó phải không nào? Hoặc công ty bạn đang sử dụng Angular thì bạn cũng phải học Angular.
Học React JS
React JS là một thư viện được viết bằng ngôn ngữ Javascript, nó dùng để xây dựng giao diện người dùng ( user interface – UI). Nói một cách khác thì nó dùng để xây dựng giao diện phía ngoài của người dùng.
Vì là một thư viện JS dùng tạo UI nên bản thân nó không thể kết nối lên server, vì vậy bạn phải kết hợp một ngôn ngữ khác như PHP, NodeJS, ASP. React JS mới nổi khoảng 2 năm nay nên các khóa học về nó còn hạn chế, chỉ có trên udemy là nhiều nhất.
Tài liệu:
Khóa học:
Học Angular
Tài liệu:
Khóa học:
Ngoài ra còn rất nhiều Javascript Framework khác như VueJS, Backbone JS, tuy nhiên bạn chỉ cần học React JS và Angular là quá đủ rồi, 2 framework này được sử dụng nhiều nhất tại Việt Nam.
# Giải pháp tiết kiệm cho bạn?
Khi bạn mua riêng lẻ tất cả các khóa học trên thì giá sẽ rất cao, vì vậy tốt nhất bạn nên đầu tư một lần bằng cách mua tất cả trong một combo luôn, giá sẽ nhẹ hơn rất nhiều.
Như vậy mình đã giới thiệu sơ lược lộ trình tự học lập trình frontend tại nhà, lộ trình này theo cá nhân mình thấy rất hay, bạn sẽ học từng bước nên kiến thức ban nắm là quá vững chắc, không có sự nhảy vọt và lỗ hổng. Lỗ hổng tức là bạn khuyết đi một phần kiến thức nào đó. Ví dụ bạn không rành CSS mà bạn sử dụng bootstrap thì trong quá trình làm việc bạn sẽ gặp khó khăn trong việc đưa ra giải pháp giải quyết một vấn đềmà bootstrap không làm được.