Tại Việt Nam, Lập trình viên Front end đã phát triển và ngày càng có vị trí quan trọng. Và với sự phát triển của Javascript, Lập trình viên Front end dường như đã vượt khỏi ranh giới Front end thuần túy.
Lập trình viên Front end không thể thiếu JavaScript
Chúng ta đang sống trong một cộng đồng phát triển nhanh nhất, sống động nhất trên thế giới (Hoặc ít nhất là bạn sắp bước vào cộng đồng này)
JavaScript đã phát triển vượt bậc kể từ khi ra mắt phiên bản ES6 (các phiên bản ES được ra mắt hàng năm với nhiều cải tiến).
> Xem thêm: Các tính năng của ES6
Và kể từ khi tạo ra Node.js, nhiều công ty đã áp dụng JavaScript để chạy máy chủ, viết Backend....
Và Lập trình Web Frontend cũng đã thay đổi nhiều hơn so với trước đây khi rất nhiều công cụ, framework dựa trên Javascript ra đời. Trong đó nổi bật nhất là Web Assembly và React.
Lập trình viên Front end nên học gì bây giờ?
Lập trình viên Front end nên học gì bây giờ?
Mình sẽ nói cho bạn viết trong bài viết này, với 3 phần:
-
Học gì để bắt đầu viết Code ngay
-
Học gì để trở thành Lập trình viên Frontend Chuyên nghiệp
-
Học gì để Phát triển hơn nữa
1. Học gì để bắt đầu viết code ngay?
Mình sẽ nói thật ngắn gọn, bởi vì trong những ngày đầu của hành trình trở thành lập trình viên, điều quan trọng nhất là thấy được kết quả, dù là nhỏ - thay đổi ngay điều gì đó và nhìn thấy những tác động của những thay đổi giúp ích rất nhiều trong học lập trình!
Bắt đầu học với: Scratch, HTML, CSS, Javascript hoặc Python
Mình là một người tin rằng không có vấn đề gì về ngôn ngữ hoặc công cụ giúp bạn có thể bắt đầu học lập trình! ... cho dù đó là Scratch, HTML, CSS & JavaScript, Python hay thậm chí là một Framework giúp bạn có thể lập trình cái gì đó...
Khi bạn còn chưa bắt đầu học thì đừng lo lắng hay phân vân nên học cái nào.
Điều cốt lõi là làm thế nào để bạn bắt đầu nhận được ngay kết quả của việc học của bạn, xây dựng một phần của ý tưởng để cảm thấy hứng thú với việc học lập trình.
Note: Bạn có thể theo học các khóa cơ bản nhất trên W3Schools, Codeacademy, Freecodecamp ... Mình cũng khuyên bạn nên bắt đầu ngay với tiếng anh CNTT, vì nó giúp ích nhiều hơn cho bạn sau này.
Một mẹo hay cho bạn: Sau khi tìm hiểu kiến thức cơ bản, hãy xem các hướng dẫn code dự án / module từ A-Z trên Youtube và làm lại, làm đi làm lại thật nhiều để level.
Còn nếu bạn thích tiếng Việt? bạn cũng có thể học cơ bản tại đây: HTML, CSS, Javascript, Python.
> Hoặc tham gia KHÓA HỌC PYTHON nếu bạn thích sử dụng Python (được thiết kế cho người mới bắt đầu) với sự hướng dẫn của chuyên gia tại đây.
2. Học gì để trở thành Lập trình viên Front end Chuyên nghiệp?
Học để trở thành Lập trình viên Frontend Chuyên nghiệp
Để trở thành Lập trình viên Front end Chuyên nghiệp cũng đơn giản nếu bạn thực sự...
"NẮM VỮNG CÁC NGUYÊN TẮC CƠ BẢN CỦA JAVASCRIPT"
Mình tin rằng các nguyên tắc cơ bản, cốt lõi của JavaScript và các mô hình lập trình là vô tận, bạn cần phải nắm vững và trau dồi mỗi ngày.
Cả sự nghiệp của bạn hay các Lập trình viên Frontend khác cũng đều cố gắng tìm hiểu cách hoạt động của các cơ chế cốt lõi trong Javascript như: Scope, Closure, Prototype, ... mà thôi.
Biết rõ mô hình lập trình của bạn là Hướng đối tượng hay Lập trình hàm
JavaScript là ngôn ngữ lập trình 'Đa mô hình', do đó, việc học các mô hình Lập trình hướng đối tượng và Lập trình hàm sẽ giúp ích bạn trong giai đoạn tiếp theo của sự nghiệp.
Đọc thêm:
> Lập trình hàm qua ví dụ Python
> 9 Khái niệm của Lập trình hướng đối tượng
> Lập trình hướng đối tượng trong Python
Lập trình hướng đối tượng là một cách phổ biến để cấu trúc các ứng dụng lớn hơn.
Sau đó, học thêm các kỹ năng từ lập trình hàm như sử dụng map, reduce, fillter, prue function (hàm thuần túy) và composite.
Cuối cùng, bạn nên biết khi nào nên sử dụng các khái niệm từ cả hai mô hình Hướng đối tượng và Lập trình hàm.
Lập trình viên Frontend nên học React hay Vue?
Nếu bạn muốn nhanh chóng lập trình chuyên nghiệp hơn, cách đơn giản nhất là học sử dụng một Framework như React hoặc Vue, vì hầu hết các công việc lập trình trên thị trường đều yêu cầu hiểu sâu về một trong những Framework hàng đầu này.
"REACT HAY VUE KHÔNG QUAN TRỌNG. CỨ CHỌN MỘT CÁI RỒI BẮT ĐẦU!"
Nhiều người sẽ nhảy dựng lên nếu mình không đề cập đến Angular, nhưng mình không nghĩ đó là Framework tốt nhất để bắt đầu học làm Lập trình viên Frontend.
> Tham khảo ngay: KHÓA HỌC FRONT END (với React.js)
Bạn sẽ biết khi nào bạn có một dự án đủ lớn để tận dụng triết lý "battery's include" của nó.
> Nếu bạn đã biết về HTML, CSS, JS và có khả năng tự học tốt thì có thể HỌC REACT.JS ở đây (Hướng dẫn này được tạo ra để hỗ trợ học viên của NIIT - ICT Hà Nội nắm vững React.js hơn)
Công cụ lập trình cho Lập trình viên Frontend
Điều quan trọng nữa là phải thành thạo các công cụ lập trình của bạn để học cách gỡ lỗi và hiệu suất của ứng dụng.
Một trong những công cụ quan trọng mình đề xuất cho bạn đó là:
-
Visual Studio Code
-
Chorme Dev Tools
Tìm hiểu về TypeScript
Ngày càng có nhiều công ty áp dụng TypeScript để có trải nghiệm tốt hơn cho các Lập trình viên. Bạn cũng nên thử học, chắc chắn sẽ rất thú vị đấy.
Học sử dụng CSS Grid và Flexbox
Cả CSS Grids & Flexbox đều cần thiết để bố trí các trang web hiện đại, responsive trên mọi thiết bị.
Webpack
Các công cụ, như Creat React App và Parcel đang bắt đầu dễ dàng làm việc hơn, nhưng nếu bạn muốn đi sâu hơn, hãy tìm hiểu Webpack để có thể vận chuyển code tốt hơn.
3. Học gì để Phát triển hơn nữa trong nghề Lập trình viên Frontend?
Lập trình viên Frontend hãy học Kỹ năng thiết kế
Frontend liên quan rất nhiều đến thiết kế, bố trí layout, màu sắc, hoạt ảnh... Hãy học các kỹ năng thiết kế cơ bản, nguyên tắc thiết kế và các best practice trong Web design để đảm bảo rằng bạn có khả năng kết nối tốt với Designer hoặc đảm bảo những gì mình sẽ làm mang lại trải nghiệm tốt nhất.
Học Node.js và Fullstack Deployment
Học Node.js và cách xây dựng API trong Node để giúp bạn trở thành Lập trình viên Full stack.
Tốt hơn nữa, học cách thiết lập và triển khai các ứng dụng để khiến bạn tự chủ hơn trong công việc của mình.
AWS hiện là nền tảng phổ biến nhất để triển khai các ứng dụng theo quy mô, nhưng Azure đang thu hút được sự chú ý.
Học sử dụng SVG
Một trong những định dạng đồ họa linh hoạt mà lại ít được sử dụng đó là SVG (Lý do đơn giản là học SVG khó hơn thông thường).
SVG có rất nhiều ưu điểm trong việc giúp bạn có được những hình dạng khó, tương tác cao hơn mà hiệu năng vẫn mượt mà trên cả di động và PC.
Có thể ở cấp độ thấp mục tiêu của bạn là bằng mọi giá làm ra được sản phẩm. Nhưng ở cấp độ cao hơn, mục tiêu sẽ chuyển sang bằng mọi giá làm cho sản phẩm tốt hơn.
Lúc này bạn nên học thêm SVG
Học Kiểm thử
Muốn làm cho chắc không phải bạn đang gửi code còn lỗi? Hãy học kiểm thử.
Công việc kiểm thử thông thường sẽ có một bộ phận chuyên trách. Tuy nhiên, nếu bạn không biết tự kiểm thử code của mình thì việc trả lời mail em Tester hàng ngày sẽ khá phiền phức đấy.
> Tham khảo ngay Khóa học Kiểm thử phần mềm cấp tốc.
Học sử dụng Git
Nếu bạn Master Git, bạn sẽ không bao giờ gặp vấn đề mất code. Bạn có thể phục hồi mọi vấn đề sau khi gộp code với Git.
Note: Tất cả mọi người đều muốn một người biết sử dụng Git tham gia vào team của họ.
Thế nên, bạn nên học Git ngay hôm nay!
Tìm hiểu về Khoa học Máy tính
Biết cách đo độ phức tạp, thời gian xử lý và sử dụng các thuật toán và cấu trúc dữ liệu chính xác có thể dẫn đến các giải pháp hiệu quả hơn và tư duy kỹ thuật tốt hơn.
Khoa học máy tính là gốc của công nghệ. Sẽ không có gì mất mát khi tìm hiểu Khoa học Máy tính cả (Thậm chí lợi ích mang lại là rất lớn)
Quan tâm đến khả năng truy cập
Bạn phải hiểu khả năng truy cập là rất quan trọng để đảm bảo các trang web và ứng dụng web của bạn được mở cho mọi người.
Ngoài ra, bạn cũng cần quan tâm đến các đối tượng thích điều hướng bằng bàn phím.
Các kiến thức mới cần phải học thêm
Công nghệ, kỹ thuật mới phát triển hàng ngày. Mình không muốn bạn phải học tất cả những công nghệ mới ra mắt, nhưng những gì tốt và giúp ích cho bạn thì bạn nên tìm hiểu thêm.
-
Gatsby: Hỗ trợ xây dựng các trang web
-
Sáng tạo: Sáng tạo không phải là bẩm sinh. Sáng tạo là thứ có thể học được. (Hãy thử nghiệm với các yếu tố 3D bằng Canvans và WebGL)
-
GraphQL: Làm cho API của bạn linh hoạt hơn vì bạn có thể lấy chính xác dữ liệu bạn cần trên máy khách, thay vì chia nó thành nhiều điểm cuối REST.
Ngoài ra, nếu bạn cảm thấy có quá nhiều thứ làm bạn "bị rối", hãy xem thêm video bên dưới đây để hiểu một cách đơn giản nhất về Front end bạn nhé:
#LiveStream: Lập trình Front end là gì?
Tổng kết
Năm 2020 đã qua với rất nhiều sóng gió, mục tiêu HỌC để trở thành Lập trình viên Frontend của bạn đã đi đến giai đoạn nào rồi?
Nếu chưa thì hãy BẮT ĐẦU NGAY từ những thứ cơ bản nhất nhé. Bởi vì bạn đang rất chậm đấy.
Nếu bạn chưa biết mình nên theo mảng Front end hay Back end thì mình có một đề nghị. Hãy học cả 2 để có một cái nhìn tổng thể trong nghề lập trình web. Sau đó, nếu vẫn còn kiên định với nghề Frontend thì hãy đầu tư thêm vào nó.
> Tham khảo ngay Khóa học LẬP TRÌNH PHP (Full stak) hoặc
> Học Khóa học LẬP TRÌNH JAVA (Full stak) nếu muốn hiểu về cả Front end và Back end
Chúc bạn sớm hoàn thành mục tiêu của mình.
---
HỌC VIỆN ĐÀO TẠO CNTT NIIT - ICT HÀ NỘI
Học Lập trình chất lượng cao (Since 2002). Học thực tế + Tuyển dụng ngay!
Đc: Tầng 3, 25T2, N05, Nguyễn Thị Thập, Cầu Giấy, Hà Nội
SĐT: 02435574074 - 0383.180086
Email: hello@niithanoi.edu.vn
Fanpage: https://facebook.com/NIIT.ICT/
#niit #icthanoi #niithanoi #icthanoi #niiticthanoi #hoclaptrinh #khoahoclaptrinh #hoclaptrinhjava #hoclaptrinhphp #java #php #python