Tổng hợp tài liệu hay từ Easy Frontend 🔥

Hậu Nguyễn

Hậu Nguyễn

Founder of Easy Frontend

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é 😍

Tổng hợp tài liệu hay từ kênh Easy Frontend

Lưu ý

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.

#NameAction
1LIVE Lộ trình học Frontend chi tiết cho người mới bắt đầu 🔥watch
2LIVE Career path của frontend developer 2020watch
3LIVE Chuyện đi làm - Sướng khổ khi làm Frontend 😜watch
4LIVE 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é! ❤️

#NameAction
1Code và deploy một website đơn giản trong 10pwatch
2Kĩ thuật cắt HTML đơn giảnwatch
3Học CSS Flexbox qua game Flexbox Froggywatch
4Cách bố trí code CSS gọn, đẹp và dễ hiểuwatch
5Độ cụ thể trong CSS (p1)watch
6Độ cụ thể trong CSS (p2)watch
Master HTML/CSS với khoá học từ anh Tuấn - Founder of Evondev
  • 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#

#NameAction
1Hack não với cộng trừ trong javascript 😱watch
2[].reduce() trong javascript qua ví dụ đơn giản 😊watch
3Tất tần tật về tham trị và tham chiếu 🎉watch
4Xử lý expired token như thế nào? 😎watch
5Javascript runtime hoạt động như thế nào? 🤔watch
6Ứng dụng IIFE trong Javascript 🎉watch
7Javascript Generator: Tìm hiểu qua ví dụ đơn giản 😍watch
8Unit Testing - Hướng dẫn viết trong Javascript 🎉watch
9Javascript - Hướng dẫn fake API với dữ liệu mẫu 🎉watch
Thành thạo Javascript với khoá học của Easy Frontend
  • 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.
  • 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#

#NameAction
1Một số chủ đề nên biết khi làm việc với ReactJSwatch
2SERIES React hooks cơ bản 2020 🔥watch
3SEREIS Redux cơ bản và mini project PhotoAppwatch
4SERIES Redux Saga + Typescript 🔥watch
5SERIES Typescript cơ bảnwatch
6SERIES Fake API xịn với JSON Serverwatch
Học cách tổ chức các modules trong một dự án ReactJS thực tế
  • 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, ...
  • 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:

#NameAction
1VSCodedownload vscode
2FiraCode Fontvisit github
3Bracket Pair Colorizer 2add to vscode
4JavaScript (ES6) code snippetsadd to vscode
5ESLintadd to vscode
6Prettieradd to vscode
7Code Runneradd to vscode
8Live Serveradd to vscode
9Material Icon Themeadd to vscode

Một số nguồn tài liệu tham khảo:

#NameAction
1Sử dụng terminal like a prowatch
2Mẹo hay sử dụng VSCodewatch
3Git from zero to herowatch
4Tìm hiểu Codesandbox để code và share code onlineread
5Học cách sử dụng Trelloread
6Học cách sử dụng Figmawatch

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.

#NameAction
1BẮT BUỘC English - Chỉ cần giỏi giao tiếp (nghe nói) + master đọc-
2Communication, Teamwork, Planning, Self research, ...-
3Code thế nào để hạn chế bugs tối đa 😎 (tips hay)watch
4Cách hỏi đúng để được giúp đỡwatch
5Một ngày code của mình diễn ra như thế nào? 🤔watch
6Học lập trình ở đâu để thành công? 🎉watch
7Tạ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é:


✅  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