## Front End là gì? Lập trình viên Front End làm gì?  Lập trình Front End là việc sử dụng các ngôn ngữ HTML, CSS hay ngôn ngữ lập trình Javascript để các lập trình viên thiết kế ra các giao diện ứng dụng hoặc trang web cho người dùng. Những gì bạn nhìn thấy, “chạm”, “lướt”, tương tác trên màn hình chính là kết quả của lập trình Front End và là thành quả của Front End Developer. ### Công việc của lập trình front End là gì? Lập trình Front End không chỉ thiết kế ra một giao diện với các tính năng duy nhất. Những lập trình viên phải đảm bảo nó tương thích với các loại thiết bị bởi mỗi thiết bị lại có một kích thước màn hình và độ phân giải khác nhau, thậm chí là khác hệ điều hành Về cơ bản, một lập trình viên Front End (Front End Developer) sẽ chịu trách nhiệm phát triển giao diện bên ngoài của một website dựa vào những bản thiết kế. Những giao diện website đó sẽ được người dùng nhìn thấy đầu tiên khi truy cập vào trang web thông qua trình duyệt. ## Điểm khác biệt giữa FrontEnd, BackEnd và Fullstack là gì? Front-end, back-end và full-stack là các thuật ngữ thường được sử dụng để mô tả các phần của một ứng dụng web. Front-end tập trung vào giao diện người dùng và tương tác trực tiếp với người dùng, back-end là tập trung vào xử lý logic và quản lý dữ liệu, trong khi đó full-stack là một người phát triển có thể làm việc trên cả front-end và back-end. Cụ thể:  ## Lập trình viên Front End cần có kỹ năng gì?  Bất kì lập trình viên Front End nào cũng cần phải nắm rõ được 3 ngôn ngữ chính: HTML, CSS và Javascript. Bên cạnh việc thông thạo các ngôn ngữ đó, các lập trình viên Front End cần phải làm quen với các framework như Bootstrap, Foundation, AngularJS,... và các thư viện như jQuery, LESS của Javascript. ### 1. Am hiểu về HTML & CSS HTML (Hypertext Markup Language) và CSS (Cascading Style Sheets) là hai ngôn ngữ cơ bản nhất để xây dựng nên giao diện của một website. Nếu không nắm chắc hai ngôn ngữ này thì bạn sẽ không thể thiết kế được trang web. Đây cũng là hai ngôn ngữ đầu tiên mà bạn cần học khi muốn trở thành một lập trình viên Front End. ## 2. Kỹ năng về JavaScript Javascript là ngôn ngữ lập trình dùng để tạo ra tương tác giữa người dùng và giao diện website. Cùng với HTML và CSS, Javascript đã trở thành một phần không thể thiếu trong việc xây dựng giao diện website. Đây là một vũ khí cực kì quan trọng mà không một lập trình viên Front End nào muốn bỏ qua. ### 3. Hiểu biết về jQuery jQuery là thư viện được viết từ ngôn ngữ lập trình Javascript. Đây là một công cụ giúp xây dựng các chức năng bằng Javascript dễ dàng, nhanh và giàu tính năng hơn. ### 4. Kiến thức về framework của JavaScript Trong Javascript, tồn tại những “bộ khung” được tạo nên từ các đoạn code, thư viện nhằm tối giản công sức phát triển ứng dụng. Những bộ khung như vậy đó được gọi là framework. Với việc sử dụng thành thạo các framework của Javascript hiện nay như AngularJS, Backbone, Ember, ReactJS... các lập trình viên Front End sẽ tiết kiệm được thời gian trong quá trình lập trình website, đồng thời tối ưu hoá được các tương tác với người dùng. ### 5. Kỹ năng về các Frontend frameworks Hiện nay công việc frontend developer yêu cầu 4 frameworks phổ biến hàng đầu. Đó là các frameworks của ngôn ngữ lập trình Javascript bao gồm: AngularJS, Backbone, Ember, và ReactJS. ### 6. Kinh nghiệm với CSS Preprocessors Bản thân CSS không thực sự là một ngôn ngữ lập trình, do đó CSS Preprocessors - hay còn gọi là “ngôn ngữ tiền xử lý CSS” ra đời với nhiệm vụ logic hoá và cấu trúc các đoạn mã CSS để cho CSS tiến đến gần hơn với một ngôn ngữ lập trình. Việc sử dụng CSS Preprocessors giúp tiết kiệm thời gian code, dễ dàng bảo trì và phát triển CSS đồng thời giúp cho các tập tin CSS được tổ chức một cách rõ ràng. Theo thực tế thì SASS và LESS là hai preprocessors có nhu cầu sử dụng cao nhất. ### 7. Responsive và Thiết kế Mobile Hiện nay, tỉ lệ truy cập vào Internet nói chung và các website nói riêng từ thiết bị di động đã cao hơn so với desktop rất nhiều, do đó kĩ năng thiết kế giao diện website trên mobile đóng vai trò quan trọng trong việc trở thành một lập trình viên Front End. Responsive design là việc thiết kế website sao cho nó có thể tương thích với nhiều loại thiết bị điện tử sử dụng những kích thước hiển thị khác nhau. ### 8. Kỹ năng giải quyết và xử lý vấn đề Việc trở thành một lập trình viên Front end không chỉ đơn giản là biết sử dụng các loại ngôn ngữ như HTML, CSS hay Javascript. Biết cách triển khai và thực hiện một thiết kế như thế nào cho tốt, biết cách fix bugs, hay thậm chí là biết cách nhận diện hoạt động của front end code với back end code đang được triển khai,... tất cả đều là những kĩ năng giải quyết vấn đề mà mọi lập trình viên Front End cần có. ### 9. Làm việc với hệ thống quản lý nội dung (CMS) Phần lớn các website hiện nay đều xây dựng trên hệ thống CMS, điển hình nhất là WordPress, Drupal và Magento. Các lập trình viên tương lai nên trang bị kỹ năng làm việc với hệ thống này một cách thành thạo. ### 10. Hiểu biết về UI/UX UI UX là cách gọi tắt của User Interface (Giao diện người dùng) và User Experience (Trải nghiệm người dùng). Về cơ bản, UI là thiết kế giao diện trực quan cho website, không liên quan đến code, UX là việc thực hiện nghiên cứu cách người dùng sử dụng trang web, từ đó đưa ra những thay đổi thông qua rất nhiều thử nghiệm. Hiện nay UI và UX đã trở thành hai yếu tố rất quan trọng trong thiết kế website mà mọi Front End developer cần tìm hiểu và nắm chắc. ### Bonus: DevOps căn bản cho Front-end Kỹ năng: - CI/CD cơ bản: Deploy front-end lên Vercel, Netlify, Railway... - Environment Variables: Quản lý cấu hình theo môi trường. ## Khóa học Fullstack tại Youngmonkeys đáp ứng được các yêu cầu trên Bạn sẽ được đào tạo và làm fullstack, nghĩa là từ backend đến front-end cái gì bạn cũng sẽ cần phải học để hoàn thành được dự án theo yêu cầu của khách hàng, tuy nhiên chúng tôi cũng sẽ tập trung vào những thứ cốt lõi sau đây: - Ngôn ngữ lập trình backend: Java. - Các thư viện hoặc framework backend: EzyFox, EzyPlatform, Thymeleaf cũng tương đồng với Spring Boot nhưng có nhiều cả tiến hơn. - Các công nghệ backend: HTTP và Websocket và socket realtime. - Các thư viện hoặc framework hoặc editor front-end: JQuery, ReactJS, Bootstrap, GrapeJS, TinyMCE. - Về thiết kế thì bạn sẽ được học: Design Patterns, kiến trúc phần mềm, kiến trúc hệ thống. - Về kỹ thuật lập trình bạn sẽ được học: Clean code. > Chi tiết thông tin khóa học - [XEM TẠI ĐÂY](https://academy.youngmonkeys.org/classes) - Liên hệ tư vấn: Ms Mẫn 0963023185 (zalo) Bài viết có tham khảo từ [TOPCV](https://www.topcv.vn/front-end-la-gi)