Sau đây là một roadmap học lập trình Front-End đơn giản của mình. Hy vọng giúp ích được cho các bạn mới. ?
1. Học về cách thức 1 website hoạt động như thế nào.
2. Tìm hiểu UI/UX, thế nào là website đẹp, tâm lý người dùng ntn...
3. Học kỹ HTML/CSS
- Phần này bắt buộc phải nắm vững nhé. Phải biết phân tích 1 design rồi code sang HTML, CSS.
- Nắm vững position, float, flex, transition, transform, css3, các thuộc tính display, margin, padding.
- Nắm vững các kỹ thuật căn chỉnh element trên-dưới-trái-phải
- Nắm vững các kỹ thuật responsive, mobile first cũng như desktop first
4. Chọn cho mình 1 Framework CSS để làm và học hỏi
- Khi nào bạn đã tự tạo được 1 website responsive bằng CSS thuần thì hãy thử làm lại bằng Framework xem thế nào nhé.
- Cá nhân mình chọn Bootstrap. Theo mình thì đội ngũ dev thiết kế bootstrap rất khoa học và dễ dùng
5. Bây giờ mới đến JS nhé
- Cú pháp căn bản
- Luyện thuật toán với JS. Phải vững thuật toán nhé, luyện 2 tuần trở lên để giúp bạn nắm vững cú pháp cũng như các trường hợp hay gặp khi lập trình
- DOM tương tác với website
- Học DOM với Jquery (thằng này học nhanh lắm, tương tự JS thôi)
6. Chọn 1 trong 3 thằng Angular, React, Vue để theo đuổi
- Dù chọn thằng nào đi nữa thì mình khuyên bạn cũng học thêm Typescript nhé.
- Angular học giai đoạn đầu khá khó và nhiều concept lạ, nhưng về sau sẽ đơn giản hơn
- React mới học thì rất dễ, nhưng càng học thì càng khó lên ( hehe)
- Vue thì dễ nhất trong 3 thằng, thích hợp người mới bắt đầu
7. Học một chút Backend để viết được 1 cái website hoàn chỉnh, cũng như hiểu được backend như thế nào. Có nền JS rồi học luôn nodejs cho nhanh. (bước này là bonus thêm, nhưng theo mình là nên học nhé)
8. Chọn cho mình 1 chủ đề và tạo 1 project hoàn chỉnh áp dụng những thứ đã học
- Project này phải được gọi là project lớn nhất của bạn, với project này bạn sẽ đem đi trình bày cho nhà tuyển dụng để show kĩ năng nên phải làm thật tốt. Ít nhất phải hơn 1 tháng.
9. Đến bước này rồi thì bạn đã trở thành một FE dev rồi đó. Tìm hiểu cách viết một CV thật tốt để viết và ứng tuyển thôi.
Bonus:
- Tạo thói quen đọc blog, xem video lập trình để nâng cao skill
- Cái nào không biết, không rõ cứ gg search, nếu vẫn không ra thì lên group hỏi. Đừng sợ chê cười nhé, ai pro cũng từng là thằng junior cả.
- À học thêm Git trong quá trình này nhé, học bất cứ lúc nào cũng được
1. Học về cách thức 1 website hoạt động như thế nào.
2. Tìm hiểu UI/UX, thế nào là website đẹp, tâm lý người dùng ntn...
3. Học kỹ HTML/CSS
- Phần này bắt buộc phải nắm vững nhé. Phải biết phân tích 1 design rồi code sang HTML, CSS.
- Nắm vững position, float, flex, transition, transform, css3, các thuộc tính display, margin, padding.
- Nắm vững các kỹ thuật căn chỉnh element trên-dưới-trái-phải
- Nắm vững các kỹ thuật responsive, mobile first cũng như desktop first
4. Chọn cho mình 1 Framework CSS để làm và học hỏi
- Khi nào bạn đã tự tạo được 1 website responsive bằng CSS thuần thì hãy thử làm lại bằng Framework xem thế nào nhé.
- Cá nhân mình chọn Bootstrap. Theo mình thì đội ngũ dev thiết kế bootstrap rất khoa học và dễ dùng
5. Bây giờ mới đến JS nhé
- Cú pháp căn bản
- Luyện thuật toán với JS. Phải vững thuật toán nhé, luyện 2 tuần trở lên để giúp bạn nắm vững cú pháp cũng như các trường hợp hay gặp khi lập trình
- DOM tương tác với website
- Học DOM với Jquery (thằng này học nhanh lắm, tương tự JS thôi)
6. Chọn 1 trong 3 thằng Angular, React, Vue để theo đuổi
- Dù chọn thằng nào đi nữa thì mình khuyên bạn cũng học thêm Typescript nhé.
- Angular học giai đoạn đầu khá khó và nhiều concept lạ, nhưng về sau sẽ đơn giản hơn
- React mới học thì rất dễ, nhưng càng học thì càng khó lên ( hehe)
- Vue thì dễ nhất trong 3 thằng, thích hợp người mới bắt đầu
7. Học một chút Backend để viết được 1 cái website hoàn chỉnh, cũng như hiểu được backend như thế nào. Có nền JS rồi học luôn nodejs cho nhanh. (bước này là bonus thêm, nhưng theo mình là nên học nhé)
8. Chọn cho mình 1 chủ đề và tạo 1 project hoàn chỉnh áp dụng những thứ đã học
- Project này phải được gọi là project lớn nhất của bạn, với project này bạn sẽ đem đi trình bày cho nhà tuyển dụng để show kĩ năng nên phải làm thật tốt. Ít nhất phải hơn 1 tháng.
9. Đến bước này rồi thì bạn đã trở thành một FE dev rồi đó. Tìm hiểu cách viết một CV thật tốt để viết và ứng tuyển thôi.
Bonus:
- Tạo thói quen đọc blog, xem video lập trình để nâng cao skill
- Cái nào không biết, không rõ cứ gg search, nếu vẫn không ra thì lên group hỏi. Đừng sợ chê cười nhé, ai pro cũng từng là thằng junior cả.
- À học thêm Git trong quá trình này nhé, học bất cứ lúc nào cũng được
