آموزش ساخت وب سایت های شگفت انگیز بدون کدنویسی | ویرایشگر X Masterclass

Build Amazing Websites with No Coding | Editor X Masterclass

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: وب‌سایت‌های واکنش‌گرا بسازید تا متناسب با اندازه‌های مختلف صفحه نمایش، بدون کدنویسی! با استفاده از یک پلت فرم Advanced Editor X. چگونه یک وب سایت بسازیم بدون کدنویسی وب سایت های واکنش گرا طراحی وب سایت برای موبایل، تبلت و دسکتاپ تجربه کشیدن و رها کردن کامل راهنمای ویرایشگر X نحوه ایجاد یک پروژه در Editor X درباره ویرایشگر X بوم و رابط بیشتر بدانید درباره صفحه کلید نقاط شکست بیشتر بدانید میانبرهایی برای سرعت بخشیدن به گردش کار اجزای از پیش ساخته - ترکیب ها اعمال پالت رنگ و تایپوگرافی به پروژه شما افزودن ظروف/جعبه های خالی کار با شبکه ها انباشته کردن و گروه بندی عناصر چندگانه فناوری Flexbox ابزارهای چیدمان شبکه های CSS ابزارهای تکراری پوسته های لایت باکس ها متن و دکمه ها ورودی رسانه ها نمادهای برداری تصاویر GIF فیلم‌ها ایجاد فرم‌های سفارشی فرم‌های تماس نوارهای اجتماعی Masters - تک جزء در مکان‌های مختلف بازار برنامه - برنامه‌ها را در وب‌سایت خود نصب کنید نقش‌ها، مجوزها و نظرات تعاملات شناور انیمیشن‌ها مدیر محتوا کار با مجموعه‌های پایگاه داده Backend حالت‌های مجموعه داده دریافت پیام از فرم تماس به بازدیدکنندگان خود پاسخ دهید زمان‌بندی کمپین ایمیل ایجاد الگوی ایمیل نمایش داده‌ها در وب‌سایت از صفحات باطن دینامیک نحوه افزودن برنامه منطقه اعضا نحوه اضافه کردن برنامه وبلاگ نحوه اضافه کردن برنامه رویدادها نحوه اضافه کردن برنامه فروشگاه آنلاین نحوه افزودن برنامه ویدیویی نحوه افزودن برنامه گروه ها وب سایت خود را از ابتدا ایجاد کنید! و بیشتر! پیش نیازها:ارتباط اینترنت انگیزه یادگیری!

سلام و به دوره جدید من خوش آمدید! این دوره توسط ویرایشگر X حمایت می شود.

برای کسانی از شما که با ویرایشگر X آشنایی ندارید، ویرایشگر X اساساً یک برنامه وب یا یک پلت فرم ایجاد پیشرفته برای طراحان و متخصصان وب است. ویرایشگر X طراحی واکنش‌گرای پیشرفته را با تجربه کشیدن و رها کردن نسبتاً آسان و روان ترکیب می‌کند. با ویرایشگر X می توانید تقریباً هر وب سایتی را که تصور می کنید طراحی و بسازید. طراحی و ساخت وب سایت های زیبا بدون هیچ گونه تجربه ای در زمینه توسعه وب امکان پذیر است!

ویرایشگر X به شما امکان می‌دهد تا وب‌سایت‌هایی کاملاً واکنش‌گرا بسازید که به‌طور خودکار به هر اندازه صفحه یا دستگاهی که در آن مشاهده می‌شود مقیاس می‌شوند تا بهترین تجربه کاربری را ارائه دهند. با استفاده از جدیدترین فناوری طراحی مانند شبکه‌های انعطاف‌پذیر، طرح‌بندی، اندازه سیال و سفارشی‌سازی نقطه شکست، می‌توانید اطمینان حاصل کنید که سایت شما دقیقاً همانطور که می‌خواهید در اندازه‌های مختلف صفحه نمایش متفاوت به نظر می‌رسد.

همچنین ویرایشگر X دارای رابط کاملاً تمیز و شهودی است که به ما امکان می‌دهد به راحتی بین بسیاری از ابزارها، ویژگی‌ها، دسته‌ها، پانل‌ها حرکت کنیم و از این طریق تمرکز خود را در درجه اول بر ساخت وب‌سایت خود حفظ کنیم.


اکنون می‌خواهیم این دوره را با معرفی کامل تقریباً هر ابزار و ویژگی Editor X شروع کنیم. شما با رابط طراحی، بوم، میانبرها، ترکیب‌بندی‌ها و سایر اجزای آن که برای واکنش‌گرا بودن و ظاهری زیبا یک وب‌سایت ضروری هستند، آشنا خواهید شد.

در عمل خواهید دید که چگونه فناوری Flexbox می تواند به ما در اعمال پاسخگویی به وب سایت خود کمک کند. Flexbox یک محفظه CSS است که در اطراف عناصر ایجاد شده است تا اطمینان حاصل شود که آنها بسته به اندازه صفحه نمایش به طور خودکار مرتب می شوند. این یک ابزار مفید در طراحی واکنش‌گرا است که از آشفتگی اشیا جلوگیری می‌کند، مانند زمانی که عناصر روی هم قرار می‌گیرند یا ترتیبشان را تغییر می‌دهند. مفیدترین ابزارهای فناوری Flexbox Layouters و Repeater هستند. آنها به طور خودکار محتوای شما را با هر اندازه صفحه تنظیم می کنند بدون اینکه حتی به نقاط شکست فکر کنند.


بعد از آن من شما را با مدیر محتوا معرفی می کنم. و هدف اصلی آن این است که به عنوان یک پایگاه داده در backend عمل کند. با مدیریت محتوا می‌توانیم چیزی بسازیم که مجموعه نامیده می‌شود، و یک مجموعه اساساً یک جدول داده است که می‌تواند انواع مختلفی از اطلاعات را در قالب سطر و ستون داشته باشد. در آنجا می‌توانیم تصاویر، پیوندها، متن ویدئو، صدا، سند و بسیاری از انواع مختلف داده‌ها را قرار دهیم.

ما می‌توانیم از مدیر محتوا برای نمایش آن داده‌ها در وب‌سایت خود استفاده کنیم یا برخی اطلاعات را از طریق فرم‌ها از بازدیدکنندگان خود جمع‌آوری کنیم، جایی که کاربران می‌توانند برخی از اطلاعات را بنویسند و مستقیماً به پشتیبان ما در یک مجموعه ارسال کنند.

شما یاد خواهید گرفت که چگونه انیمیشن های زیبا و روان و تعاملات شناور را در یک وب سایت اعمال کنید. همچنین ما قصد داریم یک بازار برنامه را بررسی کنیم که در آن می‌توانیم بسیاری از برنامه‌های کاربردی مفید را که در پلتفرم Editor X موجود هستند، جستجو و پیدا کنیم. این برنامه ها را می توان تنها در عرض چند ثانیه در وب سایت ما نصب کرد. و همانطور که گفتم می‌توانید برنامه‌های مختلفی را پیدا کنید، اما برخی از محبوب‌ترین‌ها برای ساختن یک وبلاگ، انجمن یا حتی یک فروشگاه آنلاین در وب‌سایت شما هستند. در این دوره من هر آنچه را که باید در مورد آن بدانید توضیح داده ام.


و موارد دیگر وجود دارد! در پایان این دوره، وقتی همه چیزهایی را که باید در مورد ساخت وب سایت با ویرایشگر X بدانید را پوشش می دهیم، قرار است کار روی یک پروژه واقعی را شروع کنیم، جایی که می خواهیم وب سایت خود را از ابتدا طراحی و بسازیم!


پس منتظر چه چیزی هستید، بیایید شروع کنیم!


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

معرفی Introduction

  • معرفی Introduction

  • پیش نمایش نهایی پروژه Final Project Preview

  • ایجاد حساب کاربری و اولین پروژه در ویرایشگر X Create account & First Project on Editor X

رابط EditorX EditorX Interface

  • بوم و رابط Canvas & Interface

  • نقاط شکست Breakpoints

  • میانبرهای صفحه کلید Keyboard Shortcuts

  • دارایی های طراحی Design Assets

  • ترکیبات Compositions

  • جعبه های خالی Empty Boxes

  • انباشتن/گروه بندی Stacking/Grouping

  • شبکه ها Grids

  • چیدمان ها Layouters

  • تکرار کننده ها Repeaters

  • لایت باکس ها Lightboxes

  • متن و دکمه ها Text & Buttons

  • ورودی ها Inputs

  • منوها Menus

  • گالری رسانه و حرفه ای Media & Pro Gallery

  • وسایل تزئینی Decoratives

  • تماس و فرم ها Contact & Forms

  • کارشناسی ارشد Masters

  • مدیر تم Theme Manager

  • بازار اپلیکیشن App Market

  • نقش ها، مجوزها و نظرات Roles, Permissions and Comments

  • تعاملات (BETA) Interactions (BETA)

مدیریت محتوا Content Manager

  • آشنایی با مدیریت محتوا Introduction to Content Manager

  • مجموعه ها و تکرارکننده ها Collections & Repeaters

  • فرم ها و ورودی های سفارشی Custom Forms & Inputs

  • حالت مجموعه داده خواندن و نوشتن Read & Write Dataset Mode

  • صفحات پویا Dynamic Pages

ویژگی های اضافی در ویرایشگر X Additional Features on Editor X

  • اعضا Members

  • انجمن Forum

  • وبلاگ Blog

  • مناسبت ها Events

  • فروشگاه آنلاین Online Store

  • ویدئو Video

  • گروه ها Groups

بیایید یک وب سایت بسازیم! Let's Build a Website!

  • معرفی با پروژه Introducing with the Project

  • سربرگ طراحی Design Header

  • بخش طراحی شماره 1 Design Section #1

  • بخش شماره 1 - پاسخگویی Section #1 - Responsiveness

  • بخش طراحی شماره 2 Design Section #2

  • بخش طراحی شماره 3 Design Section #3

  • بخش طراحی شماره 4 Design Section #4

  • بخش طراحی شماره 5 Design Section #5

  • بخش طراحی شماره 6 Design Section #6

  • پاورقی طراحی Design Footer

  • انیمیشن ها را اضافه کنید Add Animations

  • تعامل Hover را اضافه کنید Add Hover Interactions

  • وبلاگ و قسمت اعضا را نصب کنید Install Blog & Members Area

کلمه پایانی Final Word

  • کلمه پایانی Final Word

به روز رسانی دوره Course Updates

  • جستجوی سایت Site Search

نمایش نظرات

آموزش ساخت وب سایت های شگفت انگیز بدون کدنویسی | ویرایشگر X Masterclass
جزییات دوره
8.5 hours
52
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,043
4.6 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Stefan Jovanovic Stefan Jovanovic

برنامه نویس/طراح اندروید