Lộ Trình Học Front-end Từ Căn Bản Đến Nâng Cao
KHỞI ĐẦU
Bạn nên tìm hiều về nghề lập trình front end, front end là gì, phân biệt frontend và backend 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:
LẬP TRÌNH FRONT END DÀNH CHO NGƯỜI MỚI (FRONT END NEWBIE)
- 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.
Khoá học Frontend Newbie
GIAI ĐOẠN 2:
LẬP TRÌNH WEB RESPONSIVE
- SASS/SCSS
- 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.
Khoá học Web Responsive
GIAI ĐOẠN 3:
LẬP TRÌNH REACTJS MASTER
- Tìm hiểu về API, JSON
- Xử lý bất đồng bộ với Javascript
- Chọn 1 trong 3 thư viện/framework ReactJS, Vue Js, Angular Js để học
- Next JS
- Đến đây, bạn nên thực hành code ít nhất 2 dự án với 1 trong 3 thư viện / framework đã học ở trên.
Khoá học ReactJs Master
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 FRONT-END TẠI CFD CIRCLE
Khoá học lập trình Frontend Master
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.
Front-End Là Gì? Những Kỹ Năng Cần Thiết Để Trở Thành Lập Trình Viên Front-End
Top 5 Bản Thiết Kế Landing Page Figma Miễn Phí Dành Cho Front-End Dev Và Designer
Xem bài viết: https://cfdcircle.vn/top-5-ban-thiet-ke-landing-page-figma-mien-phi-danh-cho-front-end-dev-va-designer-82
Khoá học lập trình
Frontend Master
Lộ trình học hơn 7 tháng và hoàn thành 5 dự án thực tế. Môi trường học như khi bạn đi làm.
