آموزش وب سایت نمونه کارها با استفاده از HTML، CSS و جاوا اسکریپت با میزبانی [ویدئو]

Portfolio Website using HTML, CSS, and JavaScript with Hosting [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: اگر از هر یک از کارفرمایان یا مدیران پروژه بپرسید که چگونه بهترین توسعه دهندگان را انتخاب کنید، همه پاسخ خواهند داد که مهمترین چیز در مورد توسعه دهنده این است که خود را با یک نمونه کار خوب معرفی کنید. اگر با HTML، CSS و JS آشنایی دارید، می‌توانید یک وب‌سایت نمونه کار شخصی خوب ایجاد کنید که به شما امکان می‌دهد خود را بیان کنید و مهارت‌ها و دانش خود را به همه نشان دهید. در طول این دوره، ما یک قالب وب سایت نمونه کارها می سازیم که پر از ویژگی ها و جلوه های مدرن و زیبا خواهد بود زیرا اگر می خواهید وب سایتی را با استفاده از این سه فناوری اصلی ایجاد کنید، باید یک وب سایت پیشرفته و جالب باشد. ما این پروژه را از صفر مطلق خواهیم ساخت. ما از هیچ یک از ابزارهای شخص ثالث مانند کتابخانه ها و چارچوب ها استفاده نخواهیم کرد. هنگامی که وب سایت را ساختیم، به شما آموزش خواهیم داد که چگونه پروژه را میزبانی کنید و آن را زنده کنید تا آن را برای همه در دسترس قرار دهید. شما یاد خواهید گرفت که چگونه فرم را برای دریافت بازخورد از مهمانان خود درست کنید. ما پروژه را به اندازه های مختلف صفحه نمایش پاسخگو می کنیم تا هر کاربر بتواند از هر دستگاهی به وب سایت دسترسی پیدا کند. در پایان دوره، شما قادر خواهید بود یک وب سایت نمونه کار شخصی بسازید. همه منابع و فایل های کد در اینجا قرار می گیرند: https://github.com/PacktPublishing/Portfolio-Website-using-HTML-CSS-and-JavaScript-with-Hosting یاد بگیرید چگونه یک وب سایت نمونه کار مدرن بسازید. با ویژگی های مدرن HTML5، CSS3 و جاوا اسکریپت آشنا شوید تکنیک های پیشرفته CSS و جاوا اسکریپت را یاد بگیرید آموزش ساخت قالب طراحی وب مدرن انیمیشن ها، تبدیل ها و انتقال های CSS3 را بیاموزید کاوش تکنیک ها و ترفندهای مدرن ایجاد یک وب سایت نمونه کارها این دوره برای دانش آموزانی است که دانش پایه ای در HTML، CSS و JS دارند و می خواهند وب سایت نمونه کار خود را بسازند. برای کسانی که می خواهند در سه فناوری اصلی-HTML، CSS و جاوا اسکریپت تمرین کنند. همچنین می‌تواند توسط کسانی که دانش اولیه در زمینه توسعه وب جلویی دارند و می‌خواهند مهارت‌های طراحی وب خود را توسعه دهند، استفاده کنند. آموزش ایجاد یک وب سایت نمونه کار شخصی * آموزش نحوه میزبانی وب سایت و زنده کردن آن با استفاده از Netlify * آموزش ایجاد یک طراحی وب واکنش گرا با استفاده از HTML، CSS و جاوا اسکریپت

سرفصل ها و درس ها

خوش آمدی Welcome

  • ویدیو تبلیغاتی Promotional Video

  • ویدیو تبلیغاتی Promotional Video

  • معرفی Introduction

  • معرفی Introduction

  • برپایی Setup

  • برپایی Setup

پروژه – وب سایت نمونه کارها – فرود Project – Portfolio Website - Landing

  • پس زمینه را آماده کنید و سبک های مشترک ایجاد کنید Prepare Background and Create Common Styles

  • پس زمینه را آماده کنید و سبک های مشترک ایجاد کنید Prepare Background and Create Common Styles

  • دایره موس متحرک ایجاد کنید Create Animated Mouse Circle

  • دایره موس متحرک ایجاد کنید Create Animated Mouse Circle

  • ایجاد و سفارشی کردن فرود Create and Customize Landing

  • ایجاد و سفارشی کردن فرود Create and Customize Landing

  • دایره ها را متحرک کنید Animate Circles

  • دایره ها را متحرک کنید Animate Circles

  • ایجاد و سفارشی کردن دکمه اصلی Create and Customize Main Button

  • ایجاد و سفارشی کردن دکمه اصلی Create and Customize Main Button

  • افکت ریپل را به دکمه اصلی اضافه کنید Add Ripple Effect to Main Button

  • افکت ریپل را به دکمه اصلی اضافه کنید Add Ripple Effect to Main Button

پروژه – وب سایت نمونه کارها – فرود Project – Portfolio Website - Landing

پروژه – وب سایت نمونه کارها – درباره من Project – Portfolio Website – About Me

  • ایجاد و سفارشی کردن بخش درباره من Create and Customize About Me Section

  • ایجاد و سفارشی کردن بخش درباره من Create and Customize About Me Section

پروژه – وب سایت نمونه کارها – درباره من Project – Portfolio Website – About Me

پروژه – وب سایت نمونه کارها – پروژه ها Project – Portfolio Website – Projects

  • ایجاد و سفارشی کردن پروژه ها - قسمت 1 Create and Customize Projects - Part 1

  • ایجاد و سفارشی کردن پروژه ها - قسمت 1 Create and Customize Projects - Part 1

  • ایجاد و سفارشی کردن پروژه ها - قسمت 2 Create and Customize Projects - Part 2

  • ایجاد و سفارشی کردن پروژه ها - قسمت 2 Create and Customize Projects - Part 2

  • افزودن قابلیت نمایش بیشتر به پروژه ها - قسمت 1 Add Show More Feature to Projects - Part 1

  • افزودن قابلیت نمایش بیشتر به پروژه ها - قسمت 1 Add Show More Feature to Projects - Part 1

  • افزودن قابلیت نمایش بیشتر به پروژه ها - قسمت 2 Add Show More Feature to Projects - Part 2

  • افزودن قابلیت نمایش بیشتر به پروژه ها - قسمت 2 Add Show More Feature to Projects - Part 2

پروژه – وب سایت نمونه کارها – پروژه ها Project – Portfolio Website – Projects

پروژه – وب سایت نمونه کارها – خدمات Project – Portfolio Website – Services

  • ایجاد و سفارشی سازی خدمات Create and Customize Services

  • ایجاد و سفارشی سازی خدمات Create and Customize Services

پروژه – وب سایت نمونه کارها – خدمات Project – Portfolio Website – Services

پروژه – وب سایت نمونه کارها – تماس Project – Portfolio Website – Contact

  • ایجاد و سفارشی کردن فرم تماس Create and Customize Contact Form

  • ایجاد و سفارشی کردن فرم تماس Create and Customize Contact Form

  • ایجاد و سفارشی کردن نمایش اسلاید رسانه های اجتماعی Create and Customize Social Media Slideshow

  • ایجاد و سفارشی کردن نمایش اسلاید رسانه های اجتماعی Create and Customize Social Media Slideshow

پروژه – وب سایت نمونه کارها – تماس Project – Portfolio Website – Contact

پروژه – وب سایت نمونه کارها – ناوبری Project – Portfolio Website – Navigation

  • ایجاد و سفارشی کردن ناوبری Create and Customize Navigation

  • ایجاد و سفارشی کردن ناوبری Create and Customize Navigation

پروژه – وب سایت نمونه کارها – ناوبری Project – Portfolio Website – Navigation

پروژه – وب سایت نمونه کارها – نوار پیشرفت Project – Portfolio Website – Progress Bar

  • ایجاد و سفارشی کردن نوار پیشرفت - قسمت 1 Create and Customize Progress Bar - Part 1

  • ایجاد و سفارشی کردن نوار پیشرفت - قسمت 1 Create and Customize Progress Bar - Part 1

  • ایجاد و سفارشی کردن نوار پیشرفت - قسمت 2 Create and Customize Progress Bar - Part 2

  • ایجاد و سفارشی کردن نوار پیشرفت - قسمت 2 Create and Customize Progress Bar - Part 2

  • ایجاد و سفارشی کردن نوار پیشرفت - قسمت 3 Create and Customize Progress Bar - Part 3

  • ایجاد و سفارشی کردن نوار پیشرفت - قسمت 3 Create and Customize Progress Bar - Part 3

  • Refactoring کد Code Refactoring

  • Refactoring کد Code Refactoring

پروژه – وب سایت نمونه کارها – نوار پیشرفت Project – Portfolio Website – Progress Bar

پروژه – وب سایت نمونه کارها – جلوه های ماوس Project – Portfolio Website – Mouse Effects

  • عناصر چسبنده Sticky Elements

  • عناصر چسبنده Sticky Elements

  • جلوه تبدیل دایره ماوس Mouse Circle Transform Effect

  • جلوه تبدیل دایره ماوس Mouse Circle Transform Effect

پروژه – وب سایت نمونه کارها – جلوه های ماوس Project – Portfolio Website – Mouse Effects

پروژه – وب سایت نمونه کار – طراحی وب سایت واکنش گرا Project – Portfolio Website – Responsive Web Design

  • پروژه را پاسخگو کنید - قسمت 1 Make Project Responsive - Part 1

  • پروژه را پاسخگو کنید - قسمت 1 Make Project Responsive - Part 1

  • پروژه را پاسخگو کنید - قسمت 2 Make Project Responsive - Part 2

  • پروژه را پاسخگو کنید - قسمت 2 Make Project Responsive - Part 2

پروژه – وب سایت نمونه کار – طراحی وب سایت واکنش گرا Project – Portfolio Website – Responsive Web Design

پروژه – وب سایت نمونه کارها – اعتبار سنجی فرم Project – Portfolio Website – Form Validation

  • اعتبار سنجی فرم Form Validation

  • اعتبار سنجی فرم Form Validation

پروژه – وب سایت نمونه کارها – اعتبار سنجی فرم Project – Portfolio Website – Form Validation

پروژه – وب سایت نمونه کارها – میزبانی Project – Portfolio Website – Hosting

  • میزبانی وب سایت در Netlify Website Hosting on Netlify

  • میزبانی وب سایت در Netlify Website Hosting on Netlify

پروژه – وب سایت نمونه کارها – میزبانی Project – Portfolio Website – Hosting

نمایش نظرات

نظری ارسال نشده است.

آموزش وب سایت نمونه کارها با استفاده از HTML، CSS و جاوا اسکریپت با میزبانی [ویدئو]
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
5 h 29 m
28
Packtpub packtpub-small
07 دی 1400 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
1
3 از 5
ندارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

George Lomidze George Lomidze

توسعه دهنده/طراح/معلم آنلاین

سلام،

من جورج هستم، یک برنامه‌نویس/طراح وب کامل، یکی از بنیانگذاران 'Code And Create' و نویسنده چندین کلاس در Skillshare.

من هیجان زده هستم که اینجا هستم و فرصتی برای کمک به مردم برای یادگیری یکی از جالب ترین و قدرتمندترین زمینه های امروزی دارم.

من تصمیم گرفتم دانش و تجربه خود را با جهان به اشتراک بگذارم و این دلیل اصلی حضور من در Skillshare است.

من در فناوری‌های زیر تخصص دارم: HTML، CSS، SASS، Bootstrap، JavaScript، jQuery، React، React Native، NodeJS، Git و موارد دیگر...

منتظر دیدار شما در کلاس‌هایم هستم و به شما کمک می‌کنم تا یک توسعه‌دهنده وب حرفه‌ای شوید.