Add courses page

liara-cloud · Nov 6, 2023 · 99123a4 · 99123a4
1 parent ecd492b
commit 99123a4
Show file tree

Hide file tree

Showing 8 changed files with 309 additions and 139 deletions.
diff --git a/pages/tv/courses/django.js b/pages/tv/courses/django.js
@@ -0,0 +1,88 @@
+import React, { Fragment, useState } from "react";
+import Layout from "../../../components/Layout";
+import Head from "next/head";
+import { Dialog, Section } from "..";
+
+const INIT_OPEN_DIALOG = { isOpen: false, src: "" };
+
+const Django = () => {
+  const [openDialog, setOpenDialog] = useState(INIT_OPEN_DIALOG);
+
+  return (
+    <Layout>
+      <Head>
+        <title>مستندات - آموزش استفاده از لیارا</title>
+      </Head>
+      <img
+        style={{ borderColor: "#ffffff22", marginLeft: 20 }}
+        src="/static/course/django.png"
+      />
+      <Section
+        name={"صفر تا صد استقرار برنامه‌های Django در لیارا"}
+        style={{ marginTop: 40 }}
+        badge={"Django Platform"}
+        setOpenDialog={setOpenDialog}
+        links={[
+          {
+            videoTitle: "جلسه 0: مقدمه‌ای بر پروژه",
+            link: "https://files.liara.ir/liara/django/cource/e0-intro-to-project.mp4",
+          },
+          {
+            videoTitle: "جلسه 1: اتصال به سرویس DNS و Email",
+            link: "https://files.liara.ir/liara/django/cource/e1-dns-and-email-services.mp4",
+          },
+          {
+            videoTitle: "جلسه 2: استقرار برنامه در لیارا",
+            link: "https://files.liara.ir/liara/django/cource/e2-deployment-in-liara.mp4",
+          },
+          {
+            videoTitle: "جلسه 3: فعال‌سازی حالت Live ایمیل",
+            link: "https://files.liara.ir/liara/django/cource/e3-convert-email-to-live-mode.mp4",
+          },
+          {
+            videoTitle: "جلسه 4: اتصال دامنه به برنامه",
+            link: "https://files.liara.ir/liara/django/cource/e4-connect-to-domain.mp4",
+          },
+          {
+            videoTitle: "جلسه 5: مدیریت دیسک‌ها با دسترسی FTP",
+            link: "https://files.liara.ir/liara/django/cource/e5-managing-disks-using-ftp-access.mp4",
+          },
+          {
+            videoTitle: "جلسه 6: استفاده از باکت لیارا به جای دیسک‌ها",
+            link: "https://files.liara.ir/liara/django/cource/e6-using-s3-instead-of-disks.mp4",
+          },
+          {
+            videoTitle: "جلسه 7: راه‌اندازی CI/CD در برنامه",
+            link: "https://files.liara.ir/liara/django/cource/e7-using-cicd-feature.mp4",
+          },
+        ]}
+      />
+
+      {openDialog.isOpen && (
+        <Fragment>
+          <Dialog>
+            <div>
+              <button onClick={() => setOpenDialog(INIT_OPEN_DIALOG)}>
+                <img src={"/static/close.svg"} />
+                بستن
+              </button>
+            </div>
+            <video
+              autoPlay
+              src={openDialog.src}
+              controls="controls"
+              className="block w-full"
+              width="100%"
+            ></video>
+          </Dialog>
+          <div
+            className="bg-disable-dialog"
+            onClick={() => setOpenDialog(INIT_OPEN_DIALOG)}
+          ></div>
+        </Fragment>
+      )}
+    </Layout>
+  );
+};
+
+export default Django;
diff --git a/pages/tv/courses/laravel.js b/pages/tv/courses/laravel.js
@@ -0,0 +1,93 @@
+import React, { Fragment, useState } from "react";
+import Layout from "../../../components/Layout";
+import Head from "next/head";
+import { Dialog, Section } from "..";
+
+const INIT_OPEN_DIALOG = { isOpen: false, src: "" };
+
+const Laravel = () => {
+  const [openDialog, setOpenDialog] = useState(INIT_OPEN_DIALOG);
+
+  return (
+    <Layout>
+      <Head>
+        <title>مستندات - آموزش استفاده از لیارا</title>
+      </Head>
+
+      <img
+        style={{ borderColor: "#ffffff22", marginLeft: 20 }}
+        src="/static/course/laravel.png"
+      />
+      <Section
+        name={"صفر تا صد استقرار برنامه‌های Laravel در لیارا"}
+        style={{ marginTop: 40 }}
+        badge={"Laravel Platform"}
+        setOpenDialog={setOpenDialog}
+        links={[
+          {
+            videoTitle: "جلسه 0: مقدمه‌ای بر پروژه",
+            link: "https://files.liara.ir/liara/laravel/cource/e00-intro-to-project.mp4",
+          },
+          {
+            videoTitle: "جلسه 1: اتصال به دیتابیس لیارا از Local",
+            link: "https://files.liara.ir/liara/laravel/cource/e01-connect-to-liara-db.mp4",
+          },
+          {
+            videoTitle: "جلسه 2: بازیابی دیتابیس در لیارا",
+            link: "https://files.liara.ir/liara/laravel/cource/e02-restoring-liara-database.mp4",
+          },
+          {
+            videoTitle: "جلسه 3:اتصال به DNS و Email Server",
+            link: "https://files.liara.ir/liara/laravel/cource/e03-connect-to-emailserver.mp4",
+          },
+          {
+            videoTitle: "جلسه 4: استقرار پروژه در لیارا",
+            link: "https://files.liara.ir/liara/laravel/cource/e04-deployment-in-liara.mp4",
+          },
+          {
+            videoTitle: "جلسه 5: استفاده از Diskها در پروژه ",
+            link: "https://files.liara.ir/liara/laravel/cource/e05-using-disks-in-liara.mp4",
+          },
+          {
+            videoTitle: "جلسه 6: استفاده از باکت لیارا به جای دیسک‌ها",
+            link: "https://files.liara.ir/liara/laravel/cource/e06-using-buckets-in-liara.mp4",
+          },
+          {
+            videoTitle: "جلسه 7: اتصال دامنه به برنامه در لیارا",
+            link: "https://files.liara.ir/liara/laravel/cource/e07-domains-and-more-options.mp4",
+          },
+          {
+            videoTitle: "جلسه 8: راه‌اندازی CI/CD در برنامه",
+            link: "https://files.liara.ir/liara/laravel/cource/e08-cicd-feature-in-liara.mp4",
+          },
+        ]}
+      />
+
+      {openDialog.isOpen && (
+        <Fragment>
+          <Dialog>
+            <div>
+              <button onClick={() => setOpenDialog(INIT_OPEN_DIALOG)}>
+                <img src={"/static/close.svg"} />
+                بستن
+              </button>
+            </div>
+            <video
+              autoPlay
+              src={openDialog.src}
+              controls="controls"
+              className="block w-full"
+              width="100%"
+            ></video>
+          </Dialog>
+          <div
+            className="bg-disable-dialog"
+            onClick={() => setOpenDialog(INIT_OPEN_DIALOG)}
+          ></div>
+        </Fragment>
+      )}
+    </Layout>
+  );
+};
+
+export default Laravel;
diff --git a/pages/tv/courses/node.js b/pages/tv/courses/node.js
@@ -0,0 +1,89 @@
+import React, { Fragment, useState } from "react";
+import Layout from "../../../components/Layout";
+import Head from "next/head";
+import { Dialog, Section } from "..";
+
+const INIT_OPEN_DIALOG = { isOpen: false, src: "" };
+
+const Node = () => {
+  const [openDialog, setOpenDialog] = useState(INIT_OPEN_DIALOG);
+
+  return (
+    <Layout>
+      <Head>
+        <title>مستندات - آموزش استفاده از لیارا</title>
+      </Head>
+
+      <img
+        style={{ borderColor: "#ffffff22", marginLeft: 20 }}
+        src="/static/course/nodejs.png"
+      />
+      <Section
+        name={"صفر تا صد استقرار برنامه‌های NodeJS در لیارا"}
+        style={{ marginTop: 40 }}
+        badge={"NodeJS Platform"}
+        setOpenDialog={setOpenDialog}
+        links={[
+          {
+            videoTitle: "جلسه 0: مقدمه‌ای بر پروژه",
+            link: "https://files.liara.ir/liara/nodejs/cource/e00-intro-to-project.mp4",
+          },
+          {
+            videoTitle: "جلسه 1: اتصال به دیتابیس لیارا از Local",
+            link: "https://files.liara.ir/liara/nodejs/cource/e01-connect-to-database.mp4",
+          },
+          {
+            videoTitle: "جلسه 2: اتصال به DNS و Email Server",
+            link: "https://files.liara.ir/liara/nodejs/cource/e02-using-dns-and-email-server.mp4",
+          },
+          {
+            videoTitle: "جلسه 3: استقرار پروژه در لیارا",
+            link: "https://files.liara.ir/liara/nodejs/cource/e03-deployment-in-liara.mp4",
+          },
+          {
+            videoTitle: "جلسه 4: استفاده از Diskها در پروژه ",
+            link: "https://files.liara.ir/liara/nodejs/cource/e04-using-disks.mp4",
+          },
+          {
+            videoTitle: "جلسه 5: استفاده از باکت لیارا به جای دیسک‌ها",
+            link: "https://files.liara.ir/liara/nodejs/cource/e05-using-buckets.mp4",
+          },
+          {
+            videoTitle: "جلسه 6: اتصال دامنه به برنامه در لیارا",
+            link: "https://files.liara.ir/liara/nodejs/cource/e06-domain.mp4",
+          },
+          {
+            videoTitle: "جلسه 7: راه‌اندازی CI/CD در برنامه",
+            link: "https://files.liara.ir/liara/nodejs/cource/e07-cicd-feature.mp4",
+          },
+        ]}
+      />
+
+      {openDialog.isOpen && (
+        <Fragment>
+          <Dialog>
+            <div>
+              <button onClick={() => setOpenDialog(INIT_OPEN_DIALOG)}>
+                <img src={"/static/close.svg"} />
+                بستن
+              </button>
+            </div>
+            <video
+              autoPlay
+              src={openDialog.src}
+              controls="controls"
+              className="block w-full"
+              width="100%"
+            ></video>
+          </Dialog>
+          <div
+            className="bg-disable-dialog"
+            onClick={() => setOpenDialog(INIT_OPEN_DIALOG)}
+          ></div>
+        </Fragment>
+      )}
+    </Layout>
+  );
+};
+
+export default Node;