Bạn nên tìm hiều về nghề lập trình front-end, front-end là gì, phân biệt front-end và back-end cùng các kiến thức về lập trình tổng quan khác để bạn có cái nhìn tốt hơn trước khi bắt tay vào việc học front-end.
CFD Circle chia sẻ lộ trình học front-end từ căn bản đến nâng cao. Lộ trình này phù hợp cho các bạn chuyên ngành hoặc trái ngành mong muốn học lập trình front-end để đi làm. Bạn nên trải qua ba giai đoạn chính gồm Frontend Newbie, Web Responsive, ReactJs Master
GIAI ĐOẠN 1: FRONT-END NEWBIE (DÀNH CHO NGƯỜI MỚI)
Kiến thức về thiết kế giao diện website UX/UI Design
Cách sử dụng các công cụ thiết kế như Photoshop, Figma (đo đạc text, size, màu sắc, font chữ, resize, crop, export hình)
Chrome Dev Tool
Kiến thức HTML, SEO cơ bản
Đặt tên class chuẩn BEM
Kiến thức CSS/CSS3
Chia layout với CSS Flexbox, CSS Grid.
Kiến thức Javascript cơ bản, Javascript ES6.
Đến đây, bạn nên thực hành code giao diện 1-2 dự án landing page theo bản thiết kế, dựa trên những kiến thức đã học để biết cách chia bố cục, code HTML, CSS/CSS3, Javascript để luyện tập tư duy và ghi nhớ tốt hơn.
Responsive Website (bạn có thể học thêm thư viện như Bootstrap, Tailwind CSS nhưng cần ưu tiên học cách code giao diện web responsive thuần bằng Media Query, Flexbox, Grid, rồi sau đó mới học thư viện, không nên lạm dụng mà không biết cách code thuần)
Git/Github
Công cụ Grunt/Gulp/Webpack/Vite và Cấu trúc dự án, phân tách file.
Javascript DOM, BOM và các thư viện Javascript
Javascript nâng cao
Các kỹ thuật tối ưu tốc độ website phía người dùng
Đến đây, bạn nên thực hành code giao diện 2 dự án responsive website khoảng 7-10 trang theo bản thiết kế bằng những kiến thức đã học. Code phải rõ ràng, tối ưu, phân tách cấu trúc file một cách tốt nhất.
Video dưới đây được chia sẻ bởi Trần Nghĩa (sáng lập CFD Circle). Với 8 năm kinh nghiệm trong lĩnh vực lập trình front-end và đang là giảng viên tại CFD Circle.
LỘ TRÌNH HỌC LẬP TRÌNH FRONT-END MASTER TẠI CFD CIRCLE
Hi vọng, với những chia sẻ bộ ích từ kinh nghiệm thực tế sẽ giúp cho các bạn biết được lộ trình học front-end cần thiết cho con đường trở thành lập trình viên frontend của mình.
