Lập trình Front end bao gồm việc thiết kế ra một giao diện Web, xử lý tương tác với người dùng, gửi nhận yêu cầu với phía Server. Những yêu cầu trên đòi hỏi ngoài những kiến thức cơ bản như HTML, CSS, JavaScript thì anh em Dev Frontend cần trang bị thêm nhiều kỹ năng khác cùng kinh nghiệm trong quá trình làm việc để có thể đáp ứng được yêu cầu từ dự án và khách hàng. Bài viết hôm nay mình sẽ chia sẻ một số kinh nghiệm viết code Front end hiệu quả và bảo mật rút ra từ những dự án đã tham gia cùng việc học hỏi, tìm hiểu thêm từ cộng đồng lập trình. Chúng ta cùng bắt đầu nhé! Sử dụng các framework hiện đại Hầu hết các trang Web hiện nay đều được xây dựng bởi các framework hiện đại như React, VueJS, Angular, jQuery,… Các Front end Framework hiện nay đều được xây dựng và phát triển [...]

Đây là câu hỏi mà nhiều bạn khi mới bắt đầu học lập trình Web đặt ra và phân vân không biết lựa chọn nào là phù hợp với bản thân cũng như nhu cầu của thị trường tuyển dụng. Bài viết hôm nay chúng ta cùng nhau đi trả lời cho câu hỏi trên nhé. Trước tiên chúng ta cần hiểu Front-end và Back-end là gì? Đối với một Website, Front-end là phần giao diện mà người dùng nhìn thấy và tương tác với các phần tử trên trang mỗi khi truy cập vào một Website. Để có được những dữ liệu hiển thị lên Website, đồng thời ghi nhận sự tác động của người dùng lên dữ liệu và lưu trữ lại, chúng ta sẽ cần tới Back-end; nơi sẽ xử lý các yêu cầu gửi nhận, cập nhật, thêm mới, xóa các bản ghi dữ liệu. Back-end cũng là phần mà người dùng không [...]

Thường meme liên quan tới backend luôn là thứ gì đó ẩn mình phía sau đầy ghê rợn. Không được đẹp đẽ hào nhoáng như phía Frontend. Sự thật thì Backend hay Backend developer không hề đáng sợ như vậy. Backend cũng bao gồm nhiều kiến thức. Những kiến trúc lộng lẫy tuyệt vời nằm ở phía dưới đó. Vậy để trở thành backend developer hoặc học để trở thành backend anh em cần gì? Tất cả sẽ được trình bày qua bài viết dưới đây 1. Programming Languages Đầu tiên không thể thiếu với anh em developer backend rõ ràng là ngôn ngữ lập trình backend. Không chỉ hiểu phần core, hiểu cách thức hoạt động của ngôn ngữ. Anh em còn cần có lộ trình cụ thể để trở thành master trong từng loại ngôn ngữ mà mình lựa chọn. Dưới đây là 3 ngôn ngữ thường được sử dụng cho backend: Java: Đây là ngôn ngữ mà nhiều anh em thường nhầm với JavaScript. Tuy nhiên, Java và Javascript là khác nahu. Java thường sử dụ [...]

Với những bạn đang chập chững bước vào nghề lập trình, việc lựa chọn học Front-End hay Back-End là một quyết định khó khăn. Bởi mỗi lựa chọn khác nhau sẽ dẫn đến những thứ cần học khác nhau. Vì vậy, bạn phải hiểu rõ hai lĩnh vực này để xem thử đâu là thứ mình phù hợp nhất rồi mới đưa ra quyết định chính xác. Bài viết này sẽ tổng hợp những thông tin bạn cần về Front-End và Back-End, giúp làm sáng tỏ những thắc mắc của bạn. Front-end là gì? Back-end là gì? Front-end là gì? Front-end là một lĩnh vực trong phát triển web tập trung vào giao diện người dùng. Nhiệm vụ chính của front-end là tạo ra các trang web hấp dẫn, đảm bảo trải nghiệm tốt cho người dùng. Lập trình Front-end sẽ sử dụng các ngôn ngữ như HTML, CSS và JavaScript để xây dựng và tối ưu hóa các thành [...]

Nếu bạn là một lập trình viên newbie, có thể bạn sẽ bối rối với các thuật ngữ như Front End và Back End. Đây là 2 thuật ngữ quan trọng trong một website bất cứ ai theo học lập trình web đều phải biết. Tuy nhiên, nhiều người vẫn chưa thực sự hiểu rõ sự khác biệt giữa chúng là gì và nhiệm vụ của từng phần là gì. Trong bài viết này, chúng ta sẽ tìm hiểu sâu hơn về Front End và Back End, cách phân biệt Front End và Back End chi tiết nhất. Cùng theo dõi nhé! Phân biệt khái niệm Front End và Back End Front End là gì? Front-end là phần giao diện của website nơi mà người dùng cuối có thể nhìn thấy và tương tác trực tiếp. Tất cả những gì bạn có thể nhìn thấy trên website bao gồm: màu sắc, hình ảnh, văn bản, đồ thị, bảng biểu,… được gọi là phần front-end của trang web. [...]

Bài viết được sự cho phép của tác giả Phạm Minh Khoa Cypress là gì? Cypress là tool phục vụ cho UI Automation test và chính xác là dành cho web. Nó có chức năng tương đương với Selenium, nhưng được viết bằng javascript và có cách hoạt động hoàn toàn khác biệt. Nó được giới thiệu là nhanh, đáng tin cậy hơn selenium và có thể dùng cho nhiều level test, từ Unit, Integration đến End-to-end Test. Vì nó được định hình là framework nên chắc chắn nó sẽ có nhiều tính năng tốt hơn selenium, cái đơn thuần là library. Cypress hỗ trợ chúng ta làm gì? Thiết lập tests Viết tests Chạy tests Debug tests Đằng sau Cypress là một máy chủ Node.js. Quá trình Cypress và Node.js liên tục liên lạc, đồng bộ hóa và thực hiện các nhiệm vụ thay mặt cho nhau. Có quyền truy cập vào cả hai phần (front and back) cho phép khả năng phản hồi các sự kiện của ứng dụng trong thời gian thực, đồ [...]

Bài viết được sự cho phép của tác giả Phạm Minh Khoa Storybook là một công cụ thiết kế và phát triển những UI Components cho ứng dụng của bạn trên một môi trường hoàn toàn biệt lập. Storybook mang lại trải nghiệm mới khi thiết kế những UI components tưởng chừng chỉ dừng lại ở khâu design trước khi chuyển sang giai đoạn code Frontend. Ngày nay khi phát triển một dự án, chúng ta dành rất nhiểu thời gian để xây dựng những UI Components. Hơn hết, chúng ta cần chú trọng làm rành mạch các thuộc tính cũng như hiển thị hết các tính năng cần có (props and states) của những Components này…ngay từ điểm khởi đầu…Không thể phủ nhận đó là cái khó trong một dự án Frontend! Dựa vào design ta có thể hoàn thiện một Component, hay thậm chí hoàn thành cả một Page. Nhưng bạn có chắc chắn chất lượng code vừ [...]

Front-end developer chịu trách nhiệm về những công việc tiếp xúc trực tiếp với tương tác của người dùng, trong khi back-end developer lại làm việc với data và những công nghệ đằng sau. Vậy, con đường sự nghiệp của một Front-end developer sẽ diễn ra như thế nào? Và nên tích lũy những gì, ở đâu để lên trình nhanh nhất? Hãy cùng TopDev trò chuyện cùng chuyên gia đến từ Chợ Tốt và tìm kiếm câu trả lời cho riêng mình nhé! Đôi nét về khách mời Trần Trọng Thanh Bắt đầu bằng công việc Flash Developer, công việc về những giao diện và trải nghiệm dành cho người dùng tại công ty Pyramid Consulting Công tác 3 năm tại Singapore, vị trí UI Developer và Front-end Về Việt Nam khởi nghiệp với Nâu Studio Hiện tại đang là Principal Web Engineer tại Chợ Tốt Tại sao anh lại chọn Frontend mà không phải những hướng khác như Backend hay Fullstack? Mình [...]

Bài viết được sự cho phép của tác giả Trần Văn Dem Khi lập trình backend bằng ngôn ngữ Java, nếu muốn chương trình chạy nhanh hơn chúng ta sẽ sử dụng khái niệm multithreading để tăng hiệu năng tổng thể của chương trình. Tuy nhiên khi sử dụng multithreading cũng sẽ gây ra các sai lầm về mặt dữ liệu nên chúng ta sẽ sử dụng các kỹ thuật như lock , synchronized để đảm bảo việc đó. Nhưng sử dụng các cơ chế này sẽ gây giảm hiệu năng chương trình của bạn xuống. Các CPU hiện nay hỗ trợ rất tốt cho lập trình đa luồng nhưng hiểu rõ cách hoạt động của CPU sẽ giúp chương trình của bạn sẽ nhanh và chính xác hơn. Việc hiểu cách hoạt động của CPU để viết phần mềm tận dụng hết khả năng của phần cứng được biết đến với tên mechanical-sympathy. Bài này sẽ giúp [...]

Front-end và Back-end là một trong những vị trí quan trọng trong các dự án công nghệ thông tin, triển khai phần mềm. Để vượt qua vòng phỏng vấn, ứng viên nên có sự chuẩn bị kỹ càng ngay từ việc trang bị kiến thức, kỹ năng trả lời cũng như tham khảo một số mẫu câu phỏng vấn thường xuyên xuất hiện để làm quen trước. Bài viết dưới đây sẽ tổng hợp một số câu hỏi phỏng vấn Front End Developer mang tính chuyên môn được hỏi nhiều nhất. [caption id="attachment_47972" align="aligncenter" width="581"] Tổng Hợp Những Câu Hỏi Phỏng Vấn Front End Thường Xuyên Xuất Hiện Trong Các Buổi Phỏng Vấn[/caption] 1. Phân biệt những điểm khác nhau giữa Class selector và ID Selector trong CSS 2. DOM trong HTML được hiểu như thế nào? Nêu một số DOM Event bạn đã biết 3. Có những cách khai báo nào trong CSS? Trình bày về mức độ ưu tiên trong CSS? 4. Phân biệt Long-polling, [...]

Bài viết được sự cho phép của tác giả Huy Trần Thật ra đây là phần nội dung mà mình đã chia sẻ trong chương trình #30daysofsharing diễn ra khoảng đầu năm 2021, do bạn @Bác Làm Vườn trên WeBuild đề xuất. Mình chỉ copy ra đây những bài do mình viết. Các bạn có thể vào repo tại đây để đọc toàn bộ các bài viết của các thành viên khác. Accessibility (A11y) Một trang web đạt chuẩn accessibility khi nó được thiết kế và phát triển để giúp cho mọi người đều có thể sử dụng được, kể cả những người già, những người khuyết tật hay đơn giản là những người không sử dụng các thiết bị input thông thường trên máy tính. Sử dụng được ở đây có nghĩa là: Có thể tiếp nhận được nội dung trên trang web (ví dụ người khiếm thị vẫn có thể nghe được nội dung văn bản, hình ảnh, hoặc người khiếm thính vẫn có thể đọc được các [...]

ĐÓN ĐẦU XU THẾ & TỐI ĐA HÓA TIỆN ÍCH TRONG LĨNH VỰC NGÂN HÀNG VÀ CẤU TRÚC BACK-END LIÊN QUAN Ngân hàng mở (Open Banking) đang trở thành một xu thế mới trong lĩnh vực ngân hàng. Năm 2018 được ghi nhận là năm của "cuộc cách mạng lặng lẽ" ngân hàng mở, đặc biệt tại châu Âu và châu Mỹ. Đến năm 2020, tại Việt Nam, ngân hàng mở đang là từ khóa được quan tâm trong lĩnh vực tài chính, nhất là sau khi Việt Nam đã trải qua 2 đợt chống đại dịch. Xu thế về Open Banking được dự đoán sẽ ngày một phổ biến hơn ở các nước châu Mỹ và châu u, tuy nhiên, đối với Việt Nam và các nước châu Á thì vẫn chưa. Do đó, một trong những xu hướng mà các ngân hàng có thể lựa chọn vào thời điểm này là xây dựng các Platform Banking trên nền tảng công nghệ số. Riêng tại Việt Nam, Techcombank [...]

Tác giả: John Au-Yeung Các dev thường dễ mắc sai sót khi làm việc, tuy nhiên hoàn toàn có thể tránh được những sai lầm này nếu biết về nó từ trước. Bài viết này sẽ chỉ ra những lỗi sai mà các newbie front end developer hay gặp nhất và cách để khắc phục chúng như thế nào. Phụ thuộc quá nhiều vào việc sử dụng Frameworks Nhiều front end developer có thói quen phụ thuộc hoàn toàn vào frameworks dù rõ ràng  vẫn có thể tự làm được những việc đó mà không cần dùng đến framework. Vậy nên tốt nhất, hãy chỉ dùng framework khi đã thành thạo với các cấu trúc JavaScript đơn giản và thao tác DOM. Nếu không thì sẽ khó mà hiểu được nguyên lý hoạt động của vấn đề đó. Xem thêm Top 7 JavaScript Frameworks Front end Developer không nên đặt tất cả code ở một chỗ JavaScript đã có các module tiêu chuẩn những năm gần đây nên không có lí do gì để sử dụ [...]

Tác giả: Kyle Prinsloo Cách nhanh nhất để lên trình Front end là tự triển những project thật. Bạn có thể xem tutorials, hay tham gia rất nhiều khóa học, nhưng nếu không tự ứng dụng và thực hành thì sẽ rất khó để bạn thực sự tiếp thu những kỹ năng cần thiết cho những projects thực tế. Những project từ client thì sẽ không có hướng dẫn từ A đến Z, nếu có thì họ cũng chẳng cần bạn làm gì. Với project được giao, bạn phải tự thân vận động từ solution, thực hiện từng bước, thậm chí hack quá trình để về đích. Vì vậy cách tốt nhất để luyện skill là bắt tay tự làm những project front-end và tự rút ra bài học kinh nghiệm cá nhân luôn một thể. Chưa cần khách hàng vào thời điểm này khi tự bạn có thể build project cho riêng mình. Chọn Project cá nhân như thế nào? Xác định level kỹ năng Khoan hãy chọn những [...]

Dù đang là sinh viên hay đã làm việc trong ngành công nghệ thông tin về mảng lập trình web thì những gì mình sắp giới thiệu dưới đây đều là những kỹ năng thiết thực và quan trọng để bạn trở thành 1 lập trình viên frontend tốt hơn cũng như giúp bạn tìm 1 công việc phù hợp ưng ý được dễ dàng khi hầu hết các công ty đều yêu cầu các kĩ năng này khi tuyển dụng. Lập trình viên frontend là gì? Trong các bài viết trước, mình đã giới thiệu đến các bạn 7 hướng đi của 1 lập trình viên web cũng như lộ trình trong sự nghiệp lập trình viên web cho những ai còn đang phân vân chưa biết mình nên trở thành 1 frontend, backend hay devops thì hôm nay mình chỉ tập trung nói về lập trình viên frontend. Chúng ta bắt đầu thôi: Để bạn có cái nhìn rõ hơn mình xin giới thiệ [...]