السلام عليكم و رحمة الله تعالى و بركاته , هل يمكن تحويل تصاميم ويب إلى تطبيقات أندرويد !
التعليقات
حسب علمي نعم. باستخدام Apache Cordova (أو قرطبة :) ) باستخدام الثلاثي HTML CSS JS تستطيع عمل تطبيقات أندرويد وآيفون وغيرها.
لم أجربها لأن خبرتي هي في تطوير الويب باستخدام Python & PHP
شكرا لك للإجابة, سأطرح عليك سؤال اخر يخص البايثون , اذا كان html هيكل الصفحة و php للبرمجة , css للتصميم (الويب)
بالنسبة للبرمجة بالبايثون على الويب كيف يكون ستايل (css) !
أخي الكريم، حين تريد أن تبرمج موقعا بلغة بايثون، لن تحتاج لphp أبدا. فعوضا عن البرمجة ب بي اتش بي ستحتاج فقط لأكواد بايثون ( template tags ) للتعامل مع الخادم.
الستايل في بايثون والhtml كذلك نفس الطريقة المعهودة في بي اتش بي مع بعض التعقيدات البسيطة.
وإن أردت أن تبرمج باستخدام php لن تحتاج لبايثون على الأغلب!
يوجد افريم وورك Ionic هو مزيج مابين Cordova الذى طرحه احد الاخوة وافريم وورك Angularjs من جوجل يمكنك فعل عليه او به ما تريد يمكنك تجربته جميل جدا
.
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<title>HTML Playground</title>
<style>
body {
font-family: Arial;
background: #1e1e1e;
color: white;
display: flex;
justify-content: space-around;
align-items: center;
height: 100vh;
margin: 0;
}
textarea {
width: 45%;
height: 90%;
background: #111;
color: #0f0;
padding: 10px;
border: none;
font-size: 14px;
resize: none;
}
.phone {
width: 300px;
height: 550px;
border: 10px solid #333;
border-radius: 30px;
background: white;
overflow: hidden;
box-shadow: 0 0 20px black;
}
iframe {
width: 100%;
height: 100%;
border: none;
}
.container {
display: flex;
width: 100%;
height: 100%;
justify-content: space-around;
align-items: center;
}
</style>
</head>
<body>
<div class="container">
<!-- مكان كتابة الكود -->
<textarea id="code" placeholder="اكتب كود HTML هنا...">
<h1 style="text-align:center;">مرحبا 👋</h1>
<p style="color:blue; text-align:center;">جرب تكتب كود HTML هنا</p>
</textarea>
<!-- شاشة الهاتف -->
<div class="phone">
<iframe id="preview"></iframe>
</div>
</div>
<script>
const codeArea = document.getElementById("code");
const preview = document.getElementById("preview");
function updatePreview() {
preview.srcdoc = codeArea.value;
}
codeArea.addEventListener("input", updatePreview);
// عرض أولي
updatePreview();
</script>
</body>
</html>