4

سؤال : هل من الممكن تحويل (html,css,js) إلى تطبيق أندرويد (apk) , وكيف ذلك ؟

السلام عليكم و رحمة الله تعالى و بركاته , هل يمكن تحويل تصاميم ويب إلى تطبيقات أندرويد !

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

3
Yusufmh أضف ردا

حسب علمي نعم. باستخدام Apache Cordova (أو قرطبة :) ) باستخدام الثلاثي HTML CSS JS تستطيع عمل تطبيقات أندرويد وآيفون وغيرها.

لم أجربها لأن خبرتي هي في تطوير الويب باستخدام Python & PHP

1
Adgepeim أضف ردا

شكرا لك للإجابة, سأطرح عليك سؤال اخر يخص البايثون , اذا كان html هيكل الصفحة و php للبرمجة , css للتصميم (الويب)

بالنسبة للبرمجة بالبايثون على الويب كيف يكون ستايل (css) !

0
Yusufmh أضف ردا

أخي الكريم، حين تريد أن تبرمج موقعا بلغة بايثون، لن تحتاج لphp أبدا. فعوضا عن البرمجة ب بي اتش بي ستحتاج فقط لأكواد بايثون ( template tags ) للتعامل مع الخادم.

الستايل في بايثون والhtml كذلك نفس الطريقة المعهودة في بي اتش بي مع بعض التعقيدات البسيطة.

وإن أردت أن تبرمج باستخدام php لن تحتاج لبايثون على الأغلب!

2
Adgepeim أضف ردا

ههه أنا حسبت أن البايثون تعوض كل اللغات (html.css.php)

2
va0000ll أضف ردا

يوجد افريم وورك Ionic هو مزيج مابين Cordova الذى طرحه احد الاخوة وافريم وورك Angularjs من جوجل يمكنك فعل عليه او به ما تريد يمكنك تجربته جميل جدا

.

0
AhmadRagheb أضف ردا

فون جاب والكثير من المحررات والبرامج تعمل بهلتقنية

0
Mthmod أضف ردا

<!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>