Lộ trình 15 bước trở thành Web Developer 2022 với những công nghệ tiên tiến nhất

2021-12-11 17:16:27 Admin

Ngắn gọn và đẩy đủ là mục đích của bài viết này. Trong bài viết này, một lập trình viên giàu kinh nghiệm đang làm việc cho một công ty trong nhóm FAANG [1] chia sẻ 15 bước để nhanh chóng có một công việc trong lĩnh vực công nghệ.

Bài viết dành cho những người không có kinh nghiệm để nhìn thấy con đường trở thành Web deverloper đẳng cấp thế giới.

Nhận công việc trong vai trò một Developer trong vòng vài tháng bằng cách tìm hiểu MERN stack với những tài nguyên HOÀN TOÀN MIỄN PHÍ nhưng đầy đủ từ kênh Youtube freeCodeCamp.

Ngoài ra, với freeCodeCamp bạn còn được thực hành thông qua những dự án thực tế và nhận chứng nhận miễn phí để điền vào CV của mình!

1. Đăng ký tài khoản tại Replit

Để loại bỏ các rào cản cài đặt, bắt đầu tìm hiểu ngay HTML, CSS, Javascript với Replit.

Nó sẽ cho phép bạn bắt đầu viết code mà không cần cài đặt công cụ nào hết. Chúng ta sẽ cài đặt sau.

Việc của bạn là tạo một tài khoản mới và chọn “HTML, CSS, JS” trên danh sách ngôn ngữ

2. Tìm hiểu về HTML

HTML là ngôn ngữ dễ bắt đầu nhất

Đó là ngôn ngữ chứa các thành phần để tạo ra một trang web cơ bản:

  • Titles

  • Headings

  • Paragraphs

3. Tìm hiểu về CSS

CSS được sử dụng để style và layout các trang web của bạn:

  • Colors

  • Fonts

  • Borders

Nếu bạn muốn nhận chứng nhận để thêm vào CV xin việc của mình thì bạn có thể kiếm được nó bằng cách hoàn thành một vài dự án trên freeCodeCamp.

Đây là chứng nhận về HTML và CSS (Responsive Design):

https://www.freecodecamp.org/learn/responsive-web-design/

4. Tìm hiểu về JavaScript

Javascript giúp bạn thêm các behavior vào trang web của mình

  • Menu

  • Toolbar

  • Button

Để nhận được chứng nhận về JavaScript (JavaScript Data Structures & Algorithms) từ freeCodeCamp bạn hãy hoàn thành bài sau:

https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/

5. Bây giờ, thiết lập một số thứ để bắt đầu code trên máy của mình

6. Bạn đã đủ khả năng để xây dựng một Portfolio Website cho chính mình

Portfolio Website là bằng chứng công việc của bạn. Trăm nghe không bằng một thấy. Không gì dễ thuyết phục người thuê bạn bằng cách cho họ thấy sản phẩm thực tế của bạn. 

7. Tìm hiểu về React

React là một framework giúp bạn tạo ra những ứng dụng có thể mở rộng và bảo trì trong tương lai.

Triển khai React vào Portfolio Website của bạn hoặc xây dựng một dự án cá nhân bên ngoài. Ví dụ, bạn có thể tạo một ứng dụng e-commerce:

Đây là chứng nhận front-end (Front End Development Libraries) bao gồm các dự án:

https://www.freecodecamp.org/learn/front-end-development-libraries/

Chúc mừng! Bạn đã có đủ kiến thức về lập trình để bắt đầu tham gia vào các công việc front-end. Tuy nhiên, bạn vẫn cần học thêm một vài công cụ nữa.

8. Tìm hiểu về Chrome DevTools

Công cụ này giúp bạn vá lỗi (debug) web/app và thực hiện các chỉnh sửa trực tiếp trên website của bạn.

9. Học cách sử dụng Git và publish project lên GitHub

GitHub giúp bạn xây dựng một portfolio và tổ chức công việc của mình. Thêm nữa, nó có hệ thống quản lý phiên bản (version control system) cho phép bạn hoàn nguyên về phiên bản cũ nếu có điều gì đó bị hỏng. Đây là một công cụ rất cần thiết được sử dụng hàng ngày để mọi người cộng tác trong các dự án.

10. Trở thành Pro với Command Line

Command line rất cần thiết cho các developer trong việc cấu hình máy tính, cài đặt phần mềm, và để làm việc với servers/hosting

11. Host Your Website Online

Bây giờ bạn có thể share những thứ bạn đã làm!

Chúc mừng, bây giờ bạn đã là một front-end dev!

12. Get Some Experience

  • Freelance work

  • Internship

  • Non-profit volunteering

  • Hackathons

 

Sau đó, tham gia vào những công việc liên quan đến front-end

Tham khảo các phần lý lịch, công ty, mạng lưới và phỏng vấn trên hướng dẫn FAANG của tôi

Bây giờ là lúc đẩy mình về phía trước bằng cách trở thành một full-stack developer bằng một số kiến thức về back-end.

13. Tiếp tục tìm hiểu và làm chủ Node và Express

Chúng cho phép bạn bổ sung các tính năng phía server

14. Bỏ qua SQL và bắt đầu với MongoDB

Databases là cần thiết để lưu trữ lượng lớn dữ liệu

15. Bây giờ, kết hợp chúng lại thành MERN (MongoDB, Express, React, Node) Stack

Bạn muốn học thêm? Đây là chứng nhận back-end (Back End Development and APIs):

https://www.freecodecamp.org/learn/back-end-development-and-apis/#mongodb-and-mongoose

Bạn đã sẵn sàng với cộng việc full-stack (front-end + back-end)! Cố gắng tập trung vào các công ty khởi nghiệp (bao gồm cả các kỳ lân), vì họ ít khắt khe hơn về yêu cầu bằng cấp nếu bạn tự học. Và, và họ phỏng vấn tập trung nhiều hơn vào coding và ít hơn vào thuật toán. Tuy nhiên, bạn vẫn nên biết thuật toán để giải quyết các vấn đề cơ bản, kiểu FizzBuzz!

https://www.freecodecamp.org/learn/coding-interview-prep/rosetta-code/fizzbuzz

Kiểm tra phần LeetCode trên hướng dẫn FAANG của tôi để biết thêm. Tôi khuyên bạn nên nhắm mục tiêu LeetCode Easy và có thể là một số ít Phương tiện. Chứng chỉ JavaScript DSA mà tôi đã đề cập trong # 4 sẽ dạy bạn đủ để giải quyết các vấn đề về LeetCode:

https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/

Nhân tiện, nếu bạn cũng có chứng nhận về Trực quan hóa dữ liệu và Kiểm tra (Quality Assurance), 6 chứng nhận sẽ kết hợp để trao cho bạn chứng nhận full-stack!

Data Visualization Certification

https://www.freecodecamp.org/learn/data-visualization/

Testing (Quality Assurance) Certification

https://www.freecodecamp.org/learn/quality-assurance/

Front-End Testing Video

Lời khuyên

Một số công việc có thể có thêm một vài yêu cầu. Bạn có thể dễ dàng tra cứu chúng trên YouTube và xem qua phần giới thiệu trong 20-30 phút.

Đừng lo lắng nếu trình độ của bạn chưa phù hợp 100% yêu cầu công việc, đôi khi nhà tuyển dụng chỉ đưa ra một mô tả công việc theo mẫu chung.

Hoặc, nếu bạn biết React và công việc yêu cầu Angular, bạn có thể chuyển đổi mà không gặp nhiều khó khăn khi đang làm việc.

Đây cũng là lý do tại sao việc được giới thiệu việc làm hoặc có người đề cử luôn tốt hơn tự ứng tuyển.

Trong khi bạn đang nộp đơn xin việc, tôi khuyên bạn nên thực hành thêm hoặc học hỏi thêm. Đây là một số chủ đề tôi đề xuất. Ngay cả khi công việc đang làm không yêu cầu những điều này, tôi vẫn khuyên bạn nên tìm hiểu chúng để nâng cao kỹ năng của bạn:

Bonus

Designing Websites với Figma - Xem thêm

Giới thiệu về DevOps

Tìm hiểu về Docker

Học về Cloud w/ Amazon Web Services (AWS)

Chứng nhận về An toàn thông tin (Information Security)

https://www.freecodecamp.org/learn/information-security/

Bài viết sẽ được cập nhật theo thời gian

50 Câu hỏi đầu tiên sẽ được trả lời

-----------------------------------------------------

Chú thích:

[1] FAANG: dùng để chỉ năm công ty công nghệ lớn nhất gồm Facebook (Meta), Apple, Amazon, Netflix, Google (Alphabet).

Bài viết nổi bật

Hãy thiết kế website chuyên nghiệp vì 9 lý do này!
2021-06-27 03:10:00 Tin tổng hợp

Bạn đã bao giờ thử nghĩ khi khách hàng muốn tìm hiểu thông tin về doanh nghiệp, thương hiệu của ...

Cách đưa icon Fontawesome vào trình soạn thảo TinyMce
2021-06-27 03:45:52 Kiến thức Website

Fontawesome là một thư viện Icon rất quen thuộc với các bạn lập trình viên. Nó cung cấp rất nhiều ...

Bài viết mới nhất

Các Font chữ Tiếng Việt cho thiết kế website
2021-08-17 16:19:25 Kiến thức Website

Bạn là người thiết kế website, bạn cần biết nhiều loại font chữ dành cho website để phục vụ khách ...

Phần mềm thiết kế website chuyên nghiệp miễn phí cho người không chuyên
2021-07-23 12:05:09 Tin tổng hợp

Với các bạn biết sử dụng Photoshop, Ai, Pr thiết kế website trở lên quá dễ dàng không gặp khó khă ...

Cách cài đặt thư viện Font Awesome miễn phí vào website
2021-07-15 11:16:32 Kiến thức Website

Font Awesome là một thư viện Icon rất phổ biến với nhiều lập trình viên Front-End do: bạn được ...

Những lưu ý quan trọng cho khách hàng trước khi làm Website
2021-07-03 19:24:50 Tin tổng hợp

Khi bắt đầu làm website phục vụ cho mục đích của mình, các bạn cần chú ý các vấn đề sau, để tránh ...

SSL là gì? Chứng chỉ SSL là gì? Chúng hoạt động như thế nào?
2021-06-27 20:53:04 Kiến thức Website

SSL là một giao thức quan trọng không thể thiếu khi bạn thiết kế, sử dụng website. Nhưng không ...