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ụ [...]

Việc mua sắm các thiết bị công nghệ thường sẽ chiếm nhiều nhất trong các phần ngân sách của bạn. Tuy nhiên, để tiết kiệm được chi phí mua sắm và tận hưởng những ưu đãi hấp dẫn, bạn có thể sử dụng ShopBack - một nền tảng mua sắm trực tuyến phổ biến. Trong bài viết này, chúng ta sẽ khám phá những lợi ích của việc sử dụng ShopBack khi mua sắm thiết bị công nghệ, cùng với các tips hữu ích để tiết kiệm chi phí. 1. Lợi ích khi sử dụng ShopBack để mua sắm ShopBack mang lại nhiều lợi ích cho người dùng khi mua sắm thiết bị công nghệ. Đầu tiên, bạn sẽ luôn nhận được hoàn tiền thật đến 30% khi mua sắm thông qua ShopBack.Khi bạn mua sắm thiết bị công nghệ từ các đối tác của ShopBack như Samsung, Dyson,LocknLock, Anker,.. , bạn sẽ nhận được hoàn tiền lên đến 30% trong tài khoản ShopBack. Và sau khi bạn [...]

Trong thời đại công nghệ hiện đại, việc mua sắm trực tuyến đã trở thành một phần không thể thiếu trong cuộc sống hàng ngày của chúng ta. Để giúp người tiêu dùng tiết kiệm chi phí và tận hưởng những ưu đãi hấp dẫn, ShopBack đã có mặt như một đối tác đáng tin cậy. Với mục tiêu mang lại sự tiện lợi và tiết kiệm cho người dùng, ShopBack trở thành một trong những nền tảng hoàn tiền được ưa chuộng nhất hiện nay. 1. Giới thiệu về ShopBack ShopBack là một nền tảng hoàn tiền hàng đầu trong lĩnh vực mua sắm trực tuyến. Với hơn 400 đối tác t uy tín, ShopBack kết nối người tiêu dùng với các cửa hàng trực tuyến, từ thời trang, điện tử, đến du lịch,... Điều đặc biệt là ShopBack không chỉ hoàn tiền thật cho người dùng, mà còn mang lại những ưu đãi đặc biệt như mã [...]

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 [...]

Bài viết được sự cho phép của tác giả Nguyễn Hữu Đồng Chả là mấy ngày nay chả làm ăn được gì, hôm qua mở cửa hàng ra bán thì quản lí thị trường cứ lòng vòng nên cũng đóng luôn, hên sao ông anh rủ làm freelancer cho một project về academy video, hai ngày đầu code ngon lành server chạy mượt mà, nhưng sang ngày thứ 3 không biết vì sao con mongodb server lại không thể truy cập được, cả bọn hoảng hốt vì chưa có một bản backup nào cả. Hên sao 3 tiếng sau nó lại sống lại và rồi mình được ông a giao cho cái công việc viết script backup mongo giá 300k :)) Thực ra thì mình chả biết viết bash nhưng mà sau một vòng lội google thì cũng xong, yêu cầu thì cũng khá đơn giản. Back up database có tên là psdp theo chu kì 1 ngày 1 lần. Lưu vào aws s3 và chỉ giữ lại 5 bản mới nhất. Xem thêm Việc làm database hấ [...]

ĐÓ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 [...]