Sau một thời gian dài hoạt động, kênh Easy Frontend đã có một số lượng tới tài liệu cho mảng Easy Frontend, điều này gây ra một số khó khăn cho người xem không biết có những gì để tham khảo. Do đó, mình tạo ra trang này nhằm mục đích tổng hợp lại để mọi người tiện tra cứu và theo dõi nhé 😍
Một số nguồn tài liệu Easy Frontend chưa có, nên sẽ dẫn nguồn tham khảo từ những bên thứ ba nhé mọi người. Mong mọi người thông cảm!
Tổng quan
Một số chủ đề chung cho Fronend.
| # | Name | Action |
|---|---|---|
| 1 | LIVE Lộ trình học Frontend chi tiết cho người mới bắt đầu 🔥 | watch |
| 2 | LIVE Career path của frontend developer 2020 | watch |
| 3 | LIVE Chuyện đi làm - Sướng khổ khi làm Frontend 😜 | watch |
| 4 | LIVE Chia sẻ tips hay khi làm Frontend trong dự án 🎉 | watch |
1. HTML/CSS
Hiện tại kênh chưa có nhiều nội dung phần này, nhưng sẽ cập nhật thêm trong thời gian tới. Đặc biệt Q4/2021, Easy Frontend sẽ ra mắt khoá học HTML/CSS để giúp mọi người có thể áp dụng vào việc xây dựng responsive website một cách dễ dàng nhé! ❤️
| # | Name | Action |
|---|---|---|
| 1 | Code và deploy một website đơn giản trong 10p | watch |
| 2 | Kĩ thuật cắt HTML đơn giản | watch |
| 3 | Học CSS Flexbox qua game Flexbox Froggy | watch |
| 4 | Cách bố trí code CSS gọn, đẹp và dễ hiểu | watch |
| 5 | Độ cụ thể trong CSS (p1) | watch |
| 6 | Độ cụ thể trong CSS (p2) | watch |
- Anh Tuấn là chủ kênh Youtube Evondev chia sẻ rất nhiều chủ đề hay về HTML/CSS.
- Website CodingUI tổng hợp các UI làm sẵn rất đẹp.
- Một số extensions hữu ích cho VSCode được sử dụng bởi hàng ngàn developers.
Link khoá học: https://kt.city/course/khoa-hoc-html-css-evondev
2. Javascript/ES6
| # | Name | Action |
|---|---|---|
| 1 | Hack não với cộng trừ trong javascript 😱 | watch |
| 2 | [].reduce() trong javascript qua ví dụ đơn giản 😊 | watch |
| 3 | Tất tần tật về tham trị và tham chiếu 🎉 | watch |
| 4 | Xử lý expired token như thế nào? 😎 | watch |
| 5 | Javascript runtime hoạt động như thế nào? 🤔 | watch |
| 6 | Ứng dụng IIFE trong Javascript 🎉 | watch |
| 7 | Javascript Generator: Tìm hiểu qua ví dụ đơn giản 😍 | watch |
| 8 | Unit Testing - Hướng dẫn viết trong Javascript 🎉 | watch |
| 9 | Javascript - Hướng dẫn fake API với dữ liệu mẫu 🎉 | watch |
- Video giảng dạy trực tiếp từ anh Hậu - Founder của Easy Frontend.
- Kiến thức javascript từ cơ bản đến chuyên sâu.
- Thiết kế phù hợp cho cả người mới bắt đầu.
- Bài tập đa dạng, phủ rộng các topic để giúp cải thiện tư duy logic của bạn.
- 100+ bài tập chấm tự động và bài tập tự viết unit test.
- 125+ file bài giảng pdfs, có thể tải về để dành xem lại.
- Sau khoá học có thể tự tin làm việc với Javascript, học tiếp ReactJS, NodeJS.
- Có nhóm chat hỗ trợ trong quá trình học.
- Hỗ trợ thanh toán qua ngân hàng / momo, chỉ cần liên hệ mình trên facebook là được nhé.
Link khuyến mãi: https://course.ezfrontend.com/javascript
3. ReactJS
| # | Name | Action |
|---|---|---|
| 1 | Một số chủ đề nên biết khi làm việc với ReactJS | watch |
| 2 | SERIES React hooks cơ bản 2020 🔥 | watch |
| 3 | SEREIS Redux cơ bản và mini project PhotoApp | watch |
| 4 | SERIES Redux Saga + Typescript 🔥 | watch |
| 5 | SERIES Typescript cơ bản | watch |
| 6 | SERIES Fake API xịn với JSON Server | watch |
- Video giảng dạy trực tiếp từ anh Hậu - Founder của Easy Frontend.
- Tìm hiểu một dự án ReactJS thực tế có bao nhiêu modules và cách xây dựng từng module một.
- Thực chiến một dự án mini có phần đăng nhập, đăng ký, shopping cart, ...
- Sau khoá học có thể tự mình xây dựng một dự án ReactJS có đầy đủ các modules.
- Kiến thức gần gũi với các dự án thực tế.
- Tech stacks: ReactJS, Redux Toolkit, React Hook Form + Yup, Material UI, ...
- Có nhóm chat hỗ trợ trong quá trình học.
- Hỗ trợ thanh toán qua ngân hàng / momo, chỉ cần liên hệ mình trên facebook là được nhé.
Link khuyến mãi: https://course.ezfrontend.com/reactjs
4. Tools
VSCode và một số extensions có thể hữu ích với bạn:
| # | Name | Action |
|---|---|---|
| 1 | VSCode | download vscode |
| 2 | FiraCode Font | visit github |
| 3 | Bracket Pair Colorizer 2 | add to vscode |
| 4 | JavaScript (ES6) code snippets | add to vscode |
| 5 | ESLint | add to vscode |
| 6 | Prettier | add to vscode |
| 7 | Code Runner | add to vscode |
| 8 | Live Server | add to vscode |
| 9 | Material Icon Theme | add to vscode |
Một số nguồn tài liệu tham khảo:
| # | Name | Action |
|---|---|---|
| 1 | Sử dụng terminal like a pro | watch |
| 2 | Mẹo hay sử dụng VSCode | watch |
| 3 | Git from zero to hero | watch |
| 4 | Tìm hiểu Codesandbox để code và share code online | read |
| 5 | Học cách sử dụng Trello | read |
| 6 | Học cách sử dụng Figma | watch |
5. Soft skills + Others
Developer đâu phải chỉ làm việc với máy tính 😜
Ngoài kiến thức và kĩ năng chuyên môn, thì phần kĩ năng mềm rất quan trọng nhé.
Giao tiếp tốt sẽ giúp bạn:
- Làm việc với mọi người một cách dễ dàng, thoải mái.
- Tránh bị nhầm lẫn, hiểu sai thông tin.
Planning tốt sẽ giúp bạn:
- Xác định được mục tiêu hàng tháng, hàng tuần để hướng tới, từ đó chiến đấu vì nó.
- Daily TODOs sẽ giúp mình biết việc gì cần phải focus ngày hôm nay.
- Khi các mục tiêu được hoàn thành, thì cái mục tiêu TO BỰ sau cùng hiển nhiên cũng đạt được.
- Planning còn có nhiều loại nữa =)), các bạn tìm hiểu dần nhé, nhưng làm tốt việc này nó giúp bạn quản lý công việc tốt và một cách khoa học.
Và còn nhiều skills khác cần phải luyện tập nữa hihi.
| # | Name | Action |
|---|---|---|
| 1 | BẮT BUỘC English - Chỉ cần giỏi giao tiếp (nghe nói) + master đọc | - |
| 2 | Communication, Teamwork, Planning, Self research, ... | - |
| 3 | Code thế nào để hạn chế bugs tối đa 😎 (tips hay) | watch |
| 4 | Cách hỏi đúng để được giúp đỡ | watch |
| 5 | Một ngày code của mình diễn ra như thế nào? 🤔 | watch |
| 6 | Học lập trình ở đâu để thành công? 🎉 | watch |
| 7 | Tạo CV đơn giản với Linked Profile 🎉 | watch |
Chúc các bạn thành công nhé! 🎉
🌐 Kết nôi với mình để có những cập nhật mới nhất nhé:
- Nhớ like và share ủng hộ kênh phát triển: https://www.youtube.com/easyfrontend
- Follow mình trên Facebook cá nhân: https://facebook.com/nvhauesmn
- Connect trên LinkedIn: https://www.linkedin.com/in/haunguyenmn/
✅ Nếu bạn muốn có những quyền lợi ưu tiên trên kênh Easy Frontend:
- Có badge và emoji riêng
- Xem trước videos chưa public.
- Xem videos chỉ dành riêng cho FAN CỨNG
- Đọc được các status/post chỉ dành riêng cho FAN CỨNG.
Đăng ký FAN CỨNG tại đây https://youtube.com/easyfrontend/join chỉ với 60k/1tháng
Đây cũng là cơ hội đóng góp vào sự phát triển của kênh, nếu bạn muốn có thêm nhiều nội dung hơn nữa thì hãy đăng ký làm FAN CỨNG để mình có điều kiện dành nhiều thời gian hơn cho kênh nhé 😉
Easy Frontend - Code xịn hơn mỗi ngày
- 🔥 Khoá học Javascript: https://course.ezfrontend.com/javascript
- 🎁 Khoá học ReactJS: https://course.ezfrontend.com/reactjs
- 🎯 Fan cứng Easy Frontend: https://bitly.com/easy-fan-cung