- vừa được xem lúc

Lộ trình các kiến thức cơ bản cho Frontend Developer từ Junior trở lên

0 0 15

Người đăng: Khac Nha

Theo Viblo Asia

Chào ae, hôm nay nhân tiện mình đang viết tài liệu về 1 số kiến thức bên dev thì luôn tiện chia sẽ ở đây cho anh em tham khảo. Bài viết này dựa vào sự hiểu biết của mình cũng như tham khảo trên mạng và cũng là lần đầu tiên mình viết bài, nên có thể sai sót hoặc không phù hợp với 1 số ae, nên mọi người thông cảm, có thể đóng góp mình chỉnh sửa lại nếu cần.

Dưới dây là lộ trình cho Frontend Dev mà mọi người có thể tham khảo:

1. Junior Frontend Developer

  • Cơ bản về HTML, CSS và JavaScript
  • Xây dựng các trang web đơn giản với các framework như Bootstrap, Tailwind, Material...
  • Hiểu được cách hoạt động của thư viện và framework phổ biến như* jQuery, React, Angular hoặc Vue*
  • Thành thạo việc sử dụng Git
  • Hiểu và sử dụng các công cụ phát triển web như Webpack, Vite,..
  • Có khả năng thiết kế giao diện đơn giản và responsive

2. Mid-level Frontend Developer

  • Hiểu sâu về HTML, CSS và JavaScript
  • Phát triển kỹ năng lập trình giao diện UX/UI và sử dụng các framework css thành thạo như Bootstrap, Tailwind, Material...
  • Thành thạo các thư viện và framework phổ biến như React, Angular hoặc Vue và các framework liên quan nếu cần như NextJS, NuxtJS...
  • Có khả năng thiết kế giao diện tương đối phức tạp và responsive
  • Có kinh nghiệm sử dụng các công cụ phát triển web như Webpack, Vite, ...
  • Hiểu sâu về các khái niệm về SEO và performance optimization
  • HIểu biết cơ bản về REST và GraphQL

3. Senior Frontend Developer

  • Hiểu sâu về các công nghệ web như HTML, CSS, JavaScript, TypeScript và các thư viện và framework phổ biến như React, Angular hoặc Vue và các framework liên quan nếu cần như NextJS, NuxtJS...
  • Có kinh nghiệm thiết kế giao diện phức tạp và responsive
  • Hiểu sâu về các khái niệm về SEO và performance optimization
  • Có kinh nghiệm với các kỹ thuật testing và debugging
  • Xây dựng các trang web có tính tương tác cao và thân thiện với người dùng.
  • HIểu biết chuyên sâu về REST và GraphQL, tối ưu cache, tối ưu tốc độ website
  • Phát triển các dự án lớn, có thể xử lý lượng dữ liệu lớn và hoạt động trơn tru trên nhiều trình duyệt và thiết bị khác nhau.
  • Hiểu rõ về các khái niệm SSR và CSR

Lộ trình trên là chỉ là một hướng dẫn chung, tùy thuộc vào cách thức học của bạn và kinh nghiệm của từng người sẽ có sự khác biệt. Tuy nhiên, nếu bạn trang bị đầy đủ kiến thức và kỹ năng cần thiết, sẽ giúp bạn trở thành một Frontend Developer tài năng và thành công. Bạn có thể tham khảo chi tiết hơn ở đây: https://roadmap.sh/frontend

Nói chung ae dev là phải "Học, học nữa, học mãi", đôi lúc như mình học chặp lú luôn >.<!!!

Sau này có thời gian mình sẽ tạo thêm bài viết cho các vị trí khác, chúc ae 1 luôn thành công

Bình luận

Bài viết tương tự

- vừa được xem lúc

Thủ thuật nhỏ để căn chỉnh image với object-fit

Chào các bạn,. Có lẽ trong hành trình code của các bạn thì không ít lần gặp vấn đề méo ảnh do fix cứng cả width, height của ảnh nhỉ? Hoặc kể cả khi bạn set value cho 1 thuộc tính weigth hoặc height còn thuộc tính còn lại để auto thì nhiều lúc ảnh cũng không được hiển thị toàn vẹn cho lắm.

0 0 49

- vừa được xem lúc

Tìm hiểu về CSS framework - Bulma

Mở đầu:. Mấy bữa nay đang lướt web thấy có giới thiệu framework bulma này, được mọi người giới thiệu gọn nhẹ và dễ sử dụng, nên mình mới tìm hiểu thử và hôm nay xin viết 1 bài viết giới thiệu sơ qua với các bạn.

0 0 36

- vừa được xem lúc

Một số mẹo vặt "hay ho" của ES6 có thể bạn chưa biết - Phần 4

Xin chào, ở 3 bài trước của series "Một số mẹo vặt "hay ho" của ES6", mình đã chia sẻ 1 số tips/tricks nhỏ với ES6, hy vọng ít nhiều nó sẽ có ích với các bạn khi áp dụng vào thực tế. Hôm nay, xin mời các bạn theo dõi phần 4 của series này.

0 0 46

- vừa được xem lúc

Tìm hiểu về Jest Mocks Test phía frontend

Giới thiệu. Chắc hẳn không ai phủ nhận rằng UnitTest là 1 phần quan trọng trong giai đoạn phát triển phần mềm, đảm bảo cho code được coverage tránh các bug không mong muốn.

0 0 36

- vừa được xem lúc

Convert từ SVG sang Icon Font như thế nào?

Chào các bạn. Như câu hỏi trên title của bài viết, hôm nay mình sẽ hướng dẫn các bạn cách convert 1 file svg 1 cách khá đơn giản và vô cùng tiện lợi cho các bạn. https://icomoon.io/app/#/select.

0 0 53

- vừa được xem lúc

Một vài thủ thuật làm việc với các dạng layout - Phần 4

. Chào mọi người, cũng đã lâu rồi mình không thấy nhau. Để tiếp tục với series's về các dạng layout hôm nay mình sẽ chia sẻ thêm một trick thú vị nữa về step layout.

0 0 46