<aside> ©️ IT: Từ A tới Á cho người ngoài ngành by @Rose Trinh
</aside>
Frontend và Backend là hai phần quan trọng trong phát triển ứng dụng web. Hiểu đơn giản, frontend là phần giao diện mà người dùng có thể nhìn thấy và tương tác, trong khi backend là tầng logic phía sau, phần mà người dùng không thể thấy.
Front-end:
Back-end:
jsxCopy code
import React, { useState, useEffect } from 'react';
import axios from 'axios';
function App() {
const [message, setMessage] = useState('');
useEffect(() => {
axios.get('/api/data')
.then(response => {
setMessage(response.data.message);
})
.catch(error => {
console.error('Error fetching data:', error);
});
}, []);
return (
<div>
<h1>Frontend Example</h1>
<p>Message from Backend: {message}</p>
</div>
);
}
export default App;
javascriptCopy code
const express = require('express');
const app = express();
app.get('/api/data', (req, res) => {
res.json({ message: 'Hello, World from Backend!' });
});
const PORT = process.env.PORT || 3001;
app.listen(PORT, () => console.log(`Server running on port ${PORT}`));
Trong ví dụ này, chúng ta có một Frontend sử dụng ReactJS để hiển thị dữ liệu từ Backend. Backend sử dụng Express.js để cung cấp một API đơn giản trả về một thông điệp “'Hello, World from Backend!”.
What is the difference between Front-End and Back-End Web Development? - GeeksforGeeks
Tóm lại, front-end là phần mà người dùng cuối nhìn thấy và tương tác, trong khi back-end là nơi xử lý và lưu trữ dữ liệu và chức năng của ứng dụng.
Hai phần này hoạt động cùng nhau để tạo nên trải nghiệm toàn diện cho người dùng.
Full stack là một thuật ngữ trong lĩnh vực phát triển phần mềm, đặc biệt là trong việc xây dựng ứng dụng web, mà nó ám chỉ khả năng của một developer làm việc được trên cả hai phía - phía frontend và phía backend - của một ứng dụng.