Panteon

แพนธีออน

รายละเอียดโครงการ

Patreon เป็นเพจแบบโต้ตอบที่ผู้ใช้สามารถเลือกโค้ชตามระดับทักษะและให้ข้อเสนอแนะ

การทำงาน:

• สไลเดอร์;
• แบบฟอร์มป๊อปอัปพร้อมคำติชม
• ประสบการณ์ผู้ใช้ (UX);
• อินเทอร์เฟซแบบปรับเปลี่ยนได้สำหรับอุปกรณ์ต่างๆ

กองเทคโนโลยี:

• HTML5;
• CSS3:
  • เฟล็กซ์บ็อกซ์;
  • การวางตำแหน่ง;
  • UI ที่ปรับเปลี่ยนได้;
  • แบบสอบถามสื่อ;
• คำนำหน้าผู้ขายใน CSS;
• โปรเซสเซอร์ล่วงหน้า: SASS/SCSS/LESS;
• วิธีการ BEM;
• การทำงานกับไฟล์มีเดีย (HTML-video, iframe)
• เลย์เอาต์ตามเลย์เอาต์ใน Figma
• จาวาสคริปต์:
  • สไตล์ CamelCase;
  • การติดตั้งและการกำหนดค่าปลั๊กอิน
• อึก.

การติดตั้งและการเปิดตัวโครงการ:

พื้นที่เก็บข้อมูลโคลน:

 git clone https://github.com/maksimyou/Panteon.git

ติดตั้งการพึ่งพา:

 npm install

รันโครงการ:

 npx gulp

ภาษา:

• จาวาสคริปต์

ห้องสมุด:

• jQuery เป็นเฟรมเวิร์ก JavaScript ที่เน้นการโต้ตอบของ JavaScript และ HTML
• PHPMailer เป็นไลบรารีสำหรับการส่งอีเมลอย่างปลอดภัยและง่ายดายโดยใช้โค้ด PHP จากเว็บเซิร์ฟเวอร์ คู่มือพร้อมการตั้งค่า Gmail SMTP ใหม่
• Animate.css เป็นไลบรารีข้ามเบราว์เซอร์สำหรับเพิ่มภาพเคลื่อนไหว CSS

ปลั๊กอิน:

• Swiper JS เป็นปลั๊กอินสำหรับสร้างแถบเลื่อนแบบตอบสนอง
• jQuery Validation Plugin เป็นปลั๊กอินที่ช่วยตรวจสอบองค์ประกอบของแบบฟอร์ม
• jQuery Masked Input เป็นปลั๊กอินที่สร้างมาสก์สำหรับการป้อนตัวเลข

เค้าโครงใน Figma:

• เค้าโครงแพนธีออน

ภาพหน้าจอ:

ขยาย

(https://maksimyou.github.io/Panteon/)

ลิงค์เว็บไซต์:

https://maksimyou.github.io/Panteon/