LÀM THẾ NÀO ĐỂ TRỞ THÀNH WEB DEVELOPER – PHẦN 2

Ở phần trước, mình đã chia sẻ đôi điều về vị trí Web Developer, những hướng phát triển chung cũng như lộ trình học mà các bạn nên làm theo.

Ở phần này, chúng ta sẽ đi sâu hơn vào những kiến thức từ cơ bản đến nâng cao mà các bạn cần phải biết và trau dồi nhé!

Những kiến thức mình nêu ra trong bài được chia làm 2 phần là cơ bản và nâng cao:

• Cơ bản là những kiến thức bạn cần có để có thể làm được việc ở những vị trí nhập môn như fresher, junior. Những kiến thức này không nhiều và không khó, bạn có thể tự học trong 1-6 tháng (xem nguồn cuối bài)
• Nâng cao là những kiến thức bạn nên có để phát triển lên các vị trí cao hơn như senior, software architecture… Những kiến thức này khá rộng và nhiều, khó tự học. Bạn phải học bằng cách đọc nhiều sách, học nhiều, sau đó thử áp dụng và trải nghiệm chúng trong dự án thực tế.
• Những kiến thức về framework, công nghệ rất dễ thay đổi, mau hết hạn. Nắm vững kiến thức nền sẽ khiến bạn học framework/công nghệ dễ hơn. Ngoài ra, nếu tập trung học chuyên sâu một công nghệ, bạn sẽ trải nghiệm được nhiều kiến thức rất hay và lạ.

Kiến thức mảng Front-end

Cơ bản

• HTML – CSS
• JavaScript
• AJAX/DOM
• Chrome Developer Tools

REPORT THIS AD

Tuy nhiên, để dễ xin việc, bạn nên lận lưng cho mình một số kiến thức về:

• Một số library/framework JS nào đó như jQuery, AngularJS, ReactJS
• Một framework CSS, hiện Bootstrap đang là framework nổi tiếng nhất
• Kĩ năng cắt PSD và chuyển thành HTML/CSS

HTML/CSS/JS là bộ ba mà front-end developer nào cũng phải biết

Nâng cao

Chuyên sâu JavaScript

• ES6, Design Pattern,
• Mô hình MVC và MVVM
• Asynchronous Code (callback, promise, async/await)
• Unit Test (Jasmine, Mocha, Karma, Jest)
• Code Performance
• JS Framework: VueJS, ReactJS, AngularJS. Tới tầm này thì việc học một ngôn ngữ mới là chuyện không hề khó!

Chuyên sâu CSS

• Module và Naming convention: SMACSS, BEM
• Animation, Border, Shadow
• Layout: Flexbox, CSS Grid
• CSS Preprocessor như Styllus LESS, SASS
• CSS Framework: Foundation, Bootstrap, Materialize, SemanticUI….

NodeJS được dùng để viết code ở phía back-end. Tuy nhiên, những công cụ front-end hiện tại đều sử dụng NodeJS và npm để build, minify, bundle.

Do đó bạn cần biết thêm về npm và các tool liên quan:

• NodeJS và npm
• Cấu trúc project, chia code thành module
• Webpack/Gulp/Grunt
• Babel
• ESLint

Hiện tại, các công cụ của front-end dev đều dựa trên NodeJS

Bonus thêm

• Responsive Design
• Design cơ bản tới nâng cao
• Biết UI/UX cơ bản để có thể làm việc với designer, tạo ra trải nghiệm tốt nhất cho người dùng

Back-end

Cơ bản

• Cấu hình server và deploy: Tomcat, Nginx, ISS, Apache
• Mô hình MVC & RestAPI
• Database Query và Design (SQL Database)
• Thuật toán: BigO, Stack, Queue, Hash Table, Tree
• Clean Code
• CMS (WordPress, Joomla, …) cho các bạn PHP

Để đi phỏng vấn và xin việc, bạn cũng chỉ cần thành thạo 1 ngôn ngữ và có kinh nghiệm sơ với một framework.

Một lưu ý nhẹ là đôi khi back-end developer cũng phải biết chút xíu về HTML, CSS để làm công việc của front-end nhé.

Nâng cao

• Design Pattern
• DI – IoC
• Các nguyên lý SOLID
• Thiết kế hệ thống và module
• Thiết lập project và coding convention
• Viết Unit Test
• Bảo mật cơ bản
• Code Performance và Scalability (tuỳ vào dự án)
• Caching + NoSQL Database: Redis, MongoDB
• Database Design và Optimize (Index, Sharding…)
• DevOps và Cloud

Học ngôn ngữ back-end gì?

Khác với front-end, chỉ có HTML/CSS/JS, bạn có thể chọn một trong nhiều ngôn ngữ để viết back-end như C#, Java, PHP, Python,…

Theo kinh nghiệm tìm việc và số liệu từ các trang tuyển dụng, ba ngôn ngữ back-end có số lượng tuyển dụng lớn nhất hiện tại là: Java, C# và PHP. Các ngôn ngữ như Python, Ruby có lượng job ít hơn, lương thì nhỉn hơn đôi chút vì khó tìm lập trình viên hơn.

Đa phần các ngôn ngữ đều tương tự nhau. Để thành thạo một ngôn ngữ là chuyện khá mất thời gian, nhưng để có thể làm việc được với một ngôn ngữ, bạn chỉ cần nắm những điều sau:

• Syntax của ngôn ngữ
• Các API và thư viện cơ bản
• Package Manager
• Một hai Framework phổ biến
• Unit Test Framework

Đôi lời về Full-stack Developer

Như mình đã nói ở bài trước Full-stack Developer là những con người đa năng, hai tay hai súng, có khả năng chơi luôn cả 2 từ front-end tới back-end. Đôi khi họ còn kiêm luôn cả vị trí System Design và DevOps.

Lương của Full-stack thường nhỉnh hơn Front-End và Back-end một chút vì họ phải nắm nhiều trọng trách hơn. Điều này không có nghĩa là Full-stack giỏi hơn Front-end hay back-end. Full-stack có kiến thức rộng hơn, còn front-back có kiến thức sâu hơn, không cái nào giỏi hơn cái nào!

Nhiều bạn mới học lập trình hay đặt mục tiêu là trở thành full-stack developer. Theo mình, trở thành full-stack thật sự rất khó, kiến thức phải rộng, và phải thường xuyên cập nhật nhiều thứ.

Do đó, các bạn mới học đừng nên đặt mục tiêu là trở thành full-stack. Bản thân mình từng làm back-end trước, sau đó mới dần dần tìm hiểu về front-end DevOps, Cloud.

Full-stack không có nghĩa là giỏi hơn front-end hay back-end

Học ở đâu, học thế nào?

Theo kinh nghiệm của mình, cách tốt nhất để học công nghệ nói chung là:

• Nhập môn: Học theo kiểu interactive, vào codeacademy, freecodecamp để code trực tiếp theo hướng dẫn, vừa code vừa học. Cách này rất vui, dễ nhớ lại không gây nhàm chán.
• Nhập môn: Học môn số khoá nhập môn trên itclass, pluralsight… và một số trang khác. Do có video nên các bạn có thể nghe giảng và làm theo, khá dễ học. Tuy nhiên nhiều khoá học khá dài nên dễ gây buồn ngủ.
• Nâng cao: Kiếm sách công nghệ về đọc và code theo. Cá nhân mình hay dùng cách này. Cách này hơi mệt, dễ buồn ngủ. Tuy nhiên, trong sách có những kiến thức hệ thống, kiến thức chuyên sâu mà bạn sẽ không tìm được trên web hay video.
• Nâng cao: Cái quan trọng nhất là học xong phải làm. Hãy dùng kiến thức bạn đã học để code một project đơn giản. Khi làm, gặp sự cố, hãy Google tìm cách giải quyết, bạn sẽ mò ra được nhiều thứ hay ho lắm đấy.

Có rất nhiều cách để học lập trình web: web, ebook, video, điển hình như w3schools

Vài lời khuyên cuối

Bài viết cũng dài rồi nên xin tổng kết bằng đôi lời khuyên cho các bạn:

• Khi không biết nên học gì, hãy đọc… quảng cáo tuyển dụng
• Học chuyên sâu, học cho vững kiến thức nền chứ đừng vội học framework hay công nghệ
• Học kiểu chữ T: Biết rộng và chuyên sâu một thứ
• Không ngại tự học, đừng gắn chặt mình với một ngôn ngữ hay công nghệ. Bạn code được C# thì cũng học được Java, học được PHP để mà code
• Học hỏi không ngừng trên pluralsight, medium, quora
• Tìm hiểu sơ về DevOp: Docker, CI, CD
• Tìm hiểu sơ về Cloud: Azure, AWS

Hi vọng hai phần của bài viết sẽ giúp ích cho các bạn trên con đường bắt đầu trở thành web developer. Nếu có thắc mắc gì, các bạn cứ thoải mái hỏi trong phần comment nhé!

Bonus

Các bạn có thể xem clip livestream của mình và Codeaholicguy, hoặc xem slide tổng kết trong phía dưới nhé.