Nhanh gon le
github.com
Em thấy cái bác gửi lan man dài dòng hơn. Mấy cái link trên đầy đủ từ gốc luôn ấyToàn học ngọn thế nhỉ? Theo e thì nên follow theo repo này để lấy cái nền tảng trước:
GitHub - jwasham/coding-interview-university: A complete computer science study plan to become a software engineer.
A complete computer science study plan to become a software engineer. - jwasham/coding-interview-university
Tùy theo b muốn học để làm gì, repo kia phù hợp cho ai muốn apply vào role software engineer, còn của thớt thì web developer.
Tuyệt vời!!!Trong bài viết tôi sẽ để đa phần là Tiếng Anh, còn Tiếng Việt thì các bác tự tìm ở link bài đăng tổng hợp tôi để ở dưới, hoặc nếu có nguồn nào ổn tôi sẽ ném lên sau.
Bản trên Github: Lộ trình tự học Fullstack Web Development (https://daihocmo.github.io/archive/lap-trinh/fullstack.html) (Sẽ được cập nhật thường xuyên hơn)
Các hướng dẫn ở đây đa phần là dạng đọc hoặc tương tác, tránh xem video nhiều nhất có thể để tránh Tutorial Hell.
Đặc biệt
Lộ trình đầy đủ
- English For Developers: https://www.freecodecamp.org/learn/a2-english-for-developers/ (Học Tiếng Anh cho lập trình viên)
- kiến thức - [2023]Tổng hợp các khóa học lập trình free và hay trên Youtube bằng tiếng Việt (https://voz.vn/t/2023-tong-hop-cac-khoa-hoc-lap-trinh-free-va-hay-tren-youtube-bang-tieng-viet.797239/)
Bạn có thể thay vì đọc lộ trình dưới đây, học toàn bộ lộ trình thông qua 1 trong 3 trang sau:
Về hệ điều hành
- FullstackOpen: Full stack open (https://fullstackopen.com/en/)
- The Odin Project: Your Career in Web Development Starts Here | The Odin Project (https://www.theodinproject.com/)
- freecodecamp: https://www.freecodecamp.org/
Linux hoặc Mac (Mac cho người có tiền, Linux cho người nghèo chịu khó học), Windows thì WSL.
Học cách sử dụng một Code Editor (Hoặc một IDE)
Cá nhân mình thấy gần như các ông Dev đều dùng VSCode, hỗ trợ cực tốt, không thì dùng Sublime Text, mấy ông bên Mac thì có Zed (Nghe đâu sắp có bản cho Linux - tính đến thời điểm mình viết)
Cách Setup: Hướng dẫn setup Visual Studio Code – Những extension xịn xò mà dev nào cũng nên dùng (https://toidicodedao.com/2020/07/28/huong-dan-setup-visual-studio-code-nhung-extension-xin-xo-ma-dev-nao-cung-nen-dung/)
Học cách dùng VSCode tại đây: VS Code: Tips and tricks for beginners | MDN Blog (https://developer.mozilla.org/en-US/blog/vs-code-tips-tricks/) (Blog của Mozilla)
Hoặc đọc hướng dẫn bằng Tiếng Việt: Hướng dẫn sử dụng Visual Studio Code A-Z toàn tập (https://zendvn.com/bai-viet/huong-dan-su-dung-visual-studio-code-a-z-toan-tap-10) (Vẫn dính Video hướng dẫn, nhưng là tự chọn)
Học cơ bản nhất: HTML, CSS, and JavaScript
Nếu bạn thích học bằng Tiếng Việt
- FreeCodeCamp: "Responsive Web Design" + "Algorithms and Data Structure with JavaScript" - Khóa học của FreeCodeCamp - Học bằng cách tự lập trình.
- TheOdinProject - Học xong phần Foundation, có HTML/CSS/JS + một chút về Git, mình gợi ý học cái này hơn là FreeCodeCamp.
React
- HTML: Bài tập HTML & HTML5 | Bài tập & hướng dẫn | Học web chuẩn (https://hocwebchuan.com/exercises/html-html5/)
- CSS: Hướng dẫn học CSS | Học web chuẩn (https://hocwebchuan.com/tutorial/tutorial_css.php)
- JS: Học Javascript cơ bản và nâng cao (https://vietjack.com/javascript/) (Hoặc JavaScript cơ bản (https://codelearn.io/learning/javascript-basics))
Học xong cơ bản sẽ lên đến chọn Framework, React gần như là nổi tiếng nhất trong giới lập trình Web.
Nguồn video bài giảng:
- Học thẳng thông qua React Documentation: React (https://react.dev/)
- Vừa học vừa làm trên Scrimba: What will you build? (https://v2.scrimba.com/learn-react-c0e)
- Làm trên FreeCodeCamp: https://www.freecodecamp.org/learn/front-end-development-libraries/#react
- Tự tìm trên kênh Youtube của NetNinja hoặc chỗ nào bạn thích học: ReactJS, Hooks, Redux (Lần lượt)
- Học trên Udemy: React 16: The Complete Course (incl. React Router 4 & Redux) (https://www.udemy.com/course/react-the-complete-guide-incl-redux/)
HỌC TESTING VỚI JEST VÀ REACT-TESTING-LIBRARY
- Jest: Video này
- React Test:
- FullstackOpen: Fullstack part5 | (https://fullstackopen.com/en/part5/testing_react_apps/)
Học Backend
Tự chọn ngôn ngữ backend bạn muốn
- JS Fullstack:
- Học trên FreeCodeCamp: https://www.freecodecamp.org/learn/back-end-development-and-apis/
- Sử dụng NodeJS - Backend Framework, về cơ bản là chỉ cần học ngôn ngữ lập trình JavaScript: Tham khảo từ cái này: Full Stack JavaScript | The Odin Project (https://www.theodinproject.com/paths/full-stack-javascript)
- Hoặc tự tìm các Playlist trên Youtube bằng Tiếng Việt để học qua đường link ở đầu bài đăng.
- Java-backend:
- Đọc lộ trình hướng dẫn trên Voz: kiến thức - Chia sẻ lộ tình tự học đến khi có OFFER FRESHER (Java) đầu tiên (https://voz.vn/t/chia-se-lo-tinh-tu-hoc-den-khi-co-offer-fresher-java-dau-tien.757819/)
- Học Java: GitHub - loda-kun/java-all: Hướng dẫn tất tần tật về Java (https://github.com/loda-kun/java-all)
- Học Spring Boot: GitHub - loda-kun/spring-boot-learning:
Hướng dẫn tất tần tật về Spring Boot, Spring Cloud
Code mẫu tiếng việt, có bài viết hướng dẫn đi kèm hình ảnh dễ hiểu
(https://github.com/loda-kun/spring-boot-learning)
- Ruby:
- Nếu bạn thích lập trình bằng Ruby thì học lộ trình đầy đủ trên TheOdinProject: Full Stack Ruby on Rails | The Odin Project (https://www.theodinproject.com/paths/full-stack-ruby-on-rails)
- Rust:
Học SQL và PostgreSQL
SQL là một ngôn ngữ cơ sở dữ liệu và nó có nhiều các "flavors" khác nhau như PostgreSQL, MySQL, MSSQL. PostgreSQL thì được dùng nhiều nên chọn cái này
Xây dựng dự án và Deploy
- Làm quen với SQL trên Codelearn (Tiếng Việt): Làm quen với SQL (https://codelearn.io/learning/lam-quen-voi-sql) và Thực hành với SQL (https://codelearn.io/learning/thuc-hanh-voi-sql)
- SQL Tutorial: Mode SQL Tutorial | - Mode (https://mode.com/sql-tutorial/) (Interactive)
- Vừa học vừa làm trên FreeCodeCamp: https://www.freecodecamp.org/learn/relational-database/
- Học trên Udemy: SQL and PostgreSQL: The Complete Developer's Guide (https://www.udemy.com/course/sql-and-postgresql/)
Tự chọn một ý tưởng để làm Fullstack như trang ECommerce, Mạng xã hội .etc. rồi Deploy, có thể là Docker hoặc dùng AWS
Bổ sung hành trang đi làm
Interview Prep của Freecodecamp: https://www.freecodecamp.org/learn/coding-interview-prep
Cấu trúc dữ liệu và giải thuật
Combo trên Codelearn:
Hoặc:
- Thuật toán căn bản (https://codelearn.io/learning/thuat-toan-can-ban)
- Thuật toán nâng cao (https://codelearn.io/learning/thuat-toan-nang-cao)
- Cấu trúc dữ liệu và giải thuật (https://codelearn.io/learning/cau-truc-du-lieu-va-giai-thuat)
- Học trên Udemy: JavaScript (JS) Algorithms and Data Structures Masterclass (https://www.udemy.com/course/js-algorithms-and-data-structures-masterclass/)
Học xong thì bạn có thể đi cày bài tập trên (Chọn một trong những cái dưới đây)
- Leetcode: https://leetcode.com/
- Project Euler: https://www.freecodecamp.org/learn/project-euler
- Rosetta Code: https://www.freecodecamp.org/learn/rosetta-code/
Học thiết kế hệ thống
- System Design Primer: GitHub - donnemartin/system-design-primer: Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards. (https://github.com/donnemartin/system-design-primer)
- System Design Interview: https://www.youtube.com/c/SystemDesignInterview
Các chủ đề nâng cao
TypeScript
Về cơ bản là JS nhưng là của Micro$oft
Data Visualization với D3.js
- The TypeScript Handbook (Free): Handbook - The TypeScript Handbook (https://www.typescriptlang.org/docs/handbook/intro.html)
- Học TypeScript trên Udemy: https://www.udemy.com/course/understanding-typescript/
- FreeCodeCamp: https://www.freecodecamp.org/learn/data-visualization/
- Học D3.js trên Udemy: https://www.udemy.com/course/learn-d3js-for-data-visualization/
Websockets và Socket.io
React Native
- Học khóa học tương ứng trên Udemy: https://www.udemy.com/course/socketio-with-websockets-the-details/
AWS
- Awesome: https://github.com/jondot/awesome-react-native
- Udemy - React Native: https://www.udemy.com/course/react-native-the-practical-guide/
Microservices
- Khóa trên Udemy - Ultimate AWS Certified Developer Associate 2022: https://www.udemy.com/course/aws-certified-developer-associate-dva-c01/
Docker
- Khóa trên Udemy - Microservices with Node JS and React: https://www.udemy.com/course/microservices-with-node-js-and-react/
- Docker Fundamentals: https://learn.cantrill.io/p/docker-fundamentals
- Dive into Docker: https://diveintodocker.com/
- Khóa trên Udemy - Docker for the Absolute Beginner: https://www.udemy.com/share/101Xlm/
Nó là Fullstack Web Dev chứ không phải là Computer Science hay Software Engineering á bác :< nên về cơ bản là ngọn thật.Toàn học ngọn thế nhỉ? Theo e thì nên follow theo repo này để lấy cái nền tảng trước:
GitHub - jwasham/coding-interview-university: A complete computer science study plan to become a software engineer.
A complete computer science study plan to become a software engineer. - jwasham/coding-interview-university
Thím chọn đi theo FE hay BE? Rồi dựa vào đó chọn ngôn ngữ phù hợp.
github.com
lâu dài thì theo fullstack, nhưng ở giai đoạn mới bắt đầu này thì em chọn đi chậm mà chắc chắn ạ, em học FE trước, BE sẽ để sauThím chọn đi theo FE hay BE? Rồi dựa vào đó chọn ngôn ngữ phù hợp.
Beginner thì nên tập trung vào DSA, OOP, Database, Design pattern, software development principles: SOLID, DRY, KISS.
Học xong những cái trên rồi bắt đầu làm sản phẩm để mà show cho nhà tuyển dụng thấy & có câu chuyện để nói.
E cũng k phải chuyên gia gì trong ngành, cũng chả phải software engineer nhưng e cũng hay đọc các chủ đề liên quan lắm, được thì thím xem qua repo dưới để tự đánh giá mình hiểu bao nhiêu % chủ đề mà tác giả đề cập tới:
GitHub - jwasham/coding-interview-university: A complete computer science study plan to become a software engineer.
A complete computer science study plan to become a software engineer. - jwasham/coding-interview-university
trong ngành e học có mấy môn kiểu đó, thì luyện tập hiệu quả ra sao ạ?Thím chọn đi theo FE hay BE? Rồi dựa vào đó chọn ngôn ngữ phù hợp.
Beginner thì nên tập trung vào DSA, OOP, Database, Design pattern, software development principles: SOLID, DRY, KISS.
Học xong những cái trên rồi bắt đầu làm sản phẩm để mà show cho nhà tuyển dụng thấy & có câu chuyện để nói.
E cũng k phải chuyên gia gì trong ngành, cũng chả phải software engineer nhưng e cũng hay đọc các chủ đề liên quan lắm, được thì thím xem qua repo dưới để tự đánh giá mình hiểu bao nhiêu % chủ đề mà tác giả đề cập tới:
GitHub - jwasham/coding-interview-university: A complete computer science study plan to become a software engineer.
A complete computer science study plan to become a software engineer. - jwasham/coding-interview-university
)) Được bác
