Bài tập

Lộ trình để trở thành một Frontend Developer cho người mới năm 2023

Huy Erick

Chào mừng bạn đến với bài viết lộ trình để trở thành một Frontend Developer dành cho người mới. Nếu bạn đã nhấn vào đọc, có lẽ bạn đang muốn trở thành một Frontend Developer...

Chào mừng bạn đến với bài viết lộ trình để trở thành một Frontend Developer dành cho người mới. Nếu bạn đã nhấn vào đọc, có lẽ bạn đang muốn trở thành một Frontend Developer thực thụ. Sau bài viết này, bạn sẽ có cái nhìn tổng quan và hướng đi rõ ràng hơn để không bị bỡ ngỡ trên con đường học tập và phát triển thành một Frontend Developer.

Vấn đề

Khi bắt đầu tìm hiểu về Frontend, bạn có thể đã tìm kiếm trên mạng và tự học từ các nguồn khác nhau, nhưng rất dễ bị mơ hồ và không hiểu rõ. Đôi khi, việc nhờ giúp đỡ từ các nhóm Facebook cũng không hiệu quả vì mỗi người có một cách học khác nhau.

Được trang bị 5 năm kinh nghiệm làm việc và tự học, tôi đã rút ra nhiều kinh nghiệm về việc tự học cho người mới. Tôi sẽ chia sẻ với bạn những kinh nghiệm này.

Cài đặt code Editor

Công việc đầu tiên của bạn là cài đặt một code Editor (công cụ soạn thảo code), ví dụ như Visual Studio Code. Code Editor là công cụ bạn sẽ sử dụng để code, vì vậy bạn cần tải và cài đặt nó. Sau khi cài đặt xong, bạn sẽ nhìn thấy giao diện như hình bên dưới.

Hình ảnh minh họa về Visual Studio Code

Tiếp theo, bạn cần cài đặt các Extensions (phần mở rộng hỗ trợ cho code Editor của bạn) như Prettier, Auto Rename Tag, Live Server, và nhiều Extensions khác. Bạn chỉ cần bấm vào biểu tượng hình vuông và tìm tên các Extension trên, sau đó bấm Install để cài đặt.

Hình ảnh minh họa về các Extensions của VSCode

Học HTML CSS

Để trở thành Frontend Developer, sau khi cài đặt code Editor, bạn cần học HTML CSS. Nếu bạn là người mới và chưa biết html css là gì , đừng lo, tôi sẽ giải thích đơn giản cho bạn.

  • HTML là ngôn ngữ đánh dấu siêu văn bản (không phải ngôn ngữ lập trình ), dùng để tạo cấu trúc của một trang web. Tưởng tượng rằng HTML giống như ngôi nhà mới xây chưa được sơn hay trang trí, chỉ có bộ khung thôi.
  • CSS cũng không phải ngôn ngữ lập trình , nó dùng để trang trí trang web, để làm cho nó đẹp hơn. CSS thường được sử dụng cùng với HTML.

Sau khi bạn hiểu sơ sơ về HTML CSS, tiếp theo là học ở đâu. Có hai dạng học cho người mới là học miễn phí và học có phí.

Học miễn phí

Nếu bạn là người mới và chưa tự tin trong tiếng Anh, bạn có thể học ở các nguồn miễn phí có sự hướng dẫn của người Việt như F8 (fullstack.edu.vn). Ngoài ra, tôi sẽ liệt kê ưu và nhược điểm của việc học miễn phí:

Ưu điểm

  • Miễn phí.
  • Học khi nào cũng được.
  • Nội dung phong phú.

Nhược điểm

  • Không có nhóm hỗ trợ.
  • Không có động lực học.

Học có phí

Nếu bạn muốn có hướng dẫn rõ ràng và nhóm hỗ trợ, bạn có thể tham gia khóa học có phí, chẳng hạn như khóa học HTML CSS của tôi. Mình đã giúp rất nhiều bạn thành công và khóa học của tôi có lộ trình rõ ràng, nhóm hỗ trợ và động lực học.

Ưu điểm

  • Có lộ trình rõ ràng.
  • Có nhóm hỗ trợ.
  • Có động lực học.
  • Mua một lần học mãi mãi.
  • Cải thiện kỹ năng sau khi hoàn thành khóa học.

Nhược điểm

  • Phải trả tiền.

Sau khi hoàn thành hai khóa học HTML CSS, trình độ của bạn sẽ khác biệt so với trước đây. Vậy tiếp theo, bạn sẽ học gì?

Học Javascript

Để trở thành Frontend Developer, học HTML CSS chỉ là bước đầu tiên. Để tạo ra các tương tác trên website, như nhấn nút để mua hàng, xử lý thông tin và các hiệu ứng khác, bạn cần học Javascript. Có khóa học miễn phí và có phí để bạn lựa chọn.

Thư viện / Frameworks

Hiện nay, hầu hết các công ty yêu cầu ứng viên có kinh nghiệm ít nhất một thư viện hoặc Framework như React, Vue, và Angular. Hiện tại, tôi đã ra mắt khóa học ReactJS cơ bản đến nâng cao dành cho người mới.

Tạm kết

Hy vọng qua bài viết này, bạn sẽ có hướng đi tốt và nhanh chóng trở thành một Frontend Developer trong tương lai. Đầu tư kiến thức là điều tốt nhất.

1