kiến thức Lộ trình tự học phát triển Website Fullstack - Fullstack Web Development

kunun9x đã nói:

Học xong đống đó đầu bạc chưa bác. Các bác có tương tự với Ltrinh App mobile k?

Nhấp để mở rộng...

HarryNam đã nói:

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ẽ để sau
FE e học HTML/CSS/JS, rồi học Tailwind CSS -> React

Nhấp để mở rộng...

hades84 đã nói:

Em đang phân vân giữa Java và NodeJS, cái nào dễ xin việc intern hoặc fresher hơn ạ?

Nhấp để mở rộng...

Kieft đã nói:

nếu muốn theo fullstack, bạn nên bắt đầu BE trước

Nhấp để mở rộng...

HarryNam đã nói:

backend nên học với ngôn ngữ nào ạ? Và cần học OOP để hiểu rõ luồng chạy dữ liệu ko ạ?
(bởi trước em học môn Kỹ thuật lập trình thì được học về javascript, mà OOP có đề cập sơ lược thôi ạ)
em search thì có Java, PHP, Python nhưng chưa tìm được trang nào có lộ trình về backend với 3 ngôn ngữ đó
mà trên roadmap.sh em search của backend nó viết ko theo thứ tự sắp xếp, nên em nhìn vào đó thấy ngợp, vì ko rõ phải bắt đầu từ đâu ạ

Nhấp để mở rộng...

dalitVinh đã nói:

Cảm ơn bác. Em đậu rồi h lương 5.5tr

Nhấp để mở rộng...

baokhanh28 đã nói:

Die link rùi hay gì á bác ơi

Nhấp để mở rộng...

Tranhuy010 đã nói:

Chủ thớt mới đăng tháng này thôi mà thím kiếm job nhanh thế

Nhấp để mở rộng...

duykhanh471 đã nó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

• 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/)

Lộ trình đầy đủ

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:

• 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/

Về hệ điều hành
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

• 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.

Nếu bạn thích học bằng Tiếng Việt

• 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))

React

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.

• 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

Nguồn video bài giảng:

• 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:
  • Danh sách phát này
  • Test React Components with Jest and React Testing Library (https://www.testingjavascript.com/playlists/test-react-components-with-jest-and-react-testing-library-72cf)
• 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:
  • A guide to full stack web development in Rust (https://rust-on-nails.com/)

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

• 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/)

Xây dựng dự án và Deploy
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:

• 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)

Hoặc:

• 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

• The TypeScript Handbook (Free): Handbook - The TypeScript Handbook (https://www.typescriptlang.org/docs/handbook/intro.html)
• Học TypeScript trên Udemy: Learn TypeScript (Ditch JavaScript) (https://www.udemy.com/course/understanding-typescript/)

Data Visualization với D3.js

• 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

• Học khóa học tương ứng trên Udemy: https://www.udemy.com/course/socketio-with-websockets-the-details/

React Native

• Awesome: https://github.com/jondot/awesome-react-native
• Udemy - React Native: https://www.udemy.com/course/react-native-the-practical-guide/

AWS

• Khóa trên Udemy - Ultimate AWS Certified Developer Associate 2022: https://www.udemy.com/course/aws-certified-developer-associate-dva-c01/

Microservices

• Khóa trên Udemy - Microservices with Node JS and React: https://www.udemy.com/course/microservices-with-node-js-and-react/

Docker

• 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/

Nhấp để mở rộng...

ShimaRIN đã nói:

dạ a cho e hỏi theo a thì
FullstackOpen hay The Odin Project thì cái nào ok hơn ạ
a cho e xin quan điểm của a về từng khóa với
các bài trên reddit thì mỗi người 1 ý e phân vân không biết cái nào ổn nhất

Nhấp để mở rộng...

HarryNam đã nói:

em chào mọi người ạ
em bên ngành CN giáo dục (hay gọi là edtech) thì có được học vài môn về tech như: kỹ thuật lập trình, database, ctdl giải thuật, thiết kế lập trình web, PT & TK hệ thống. hiện thì em cũng đã có làm cho mình một roadmap cá nhân về lập trình web, dựa trên những thông tin em thu được từ các bài đăng của mọi người trên trang voz (từ bài đăng về tổng hợp khóa học, link tài liệu, v.v)
(ko phải là vì chạy theo trend hay là ảo tưởng lương ngàn $, mà là có thể hoàn thành được môn học trong chương trình đại học và cũng là học cho bản thân)
em nhận thức được là kiến thức mình ít ỏi và học ko bài bản như những ai đã và đang học bên ngành IT chính quy nên rất mong muốn được mọi người chia sẻ và góp ý về lộ trình học
là với một người như em mà level ở mức độ beginner, kiến thức hạn chế và bị ngợp trước nguồn tài nguyên web đồ sộ và khối lượng kiến thức đa dạng thì nên học những gì trước ạ? (đường link em đã đính kèm bên dưới)
[đường link chi tiết]: tại đây
em xin cảm ơn

Nhấp để mở rộng...

solustyvn đã nói:

Mình thì hay đi theo kiểu xác định sản phẩm trước rồi tìm cách sau. Nên nếu lộ trình học FE thì mình kiếm 1 cái web nào mà mình thích. Rồi thử clone nó, làm theo từng phần 1 thôi. Trong lúc làm thì đi kiếm các thư viện, các DSA, các câu lệnh cần thiết. Sau khi có đc cái tổng quan thì mình đào sâu, đi vào ngách từng vđ để bồi dưỡng thêm giúp mình có 1 nền tảng chắc chắn hơn.

Nhấp để mở rộng...

Kieft đã nói:

C#, java, python nha bạn, cần học OOP và phải học rất kỹ, backend chưa cần học nodejs trước đâu.
Có nhiều bạn nói OOP ko có ứng dụng lúc đi làm, nhưng OOP và thuật toán là thứ để rèn tư duy, để bạn hình dung đc cách map từ thực thể real world vào trong code.

Nhấp để mở rộng...