آموزش طراحی وب بدون کد - اصول جریان وب برای مبتدیان
No-Code Web Design - Webflow Fundamentals for Beginners
ساخت وب‌سایت‌های منحصربه‌فرد بدون جریان وب ابزار No-Code
زمانی که برای توسعه وب‌سایت‌های خود باید یاد بگیرید چگونه کدنویسی کنید به پایان رسیده است. با استفاده از Power of No-Code Tool Webflow، می‌توانیم وب‌سایت‌های سفارشی 100% را بدون نیاز به لمس ویرایشگر کد یا دانش عمیق HTML، CSS JavaScript توسعه و طراحی کنیم.
در حالی که Webflow ممکن است در نگاه اول کمی ترسناک به نظر برسد، در واقع یادگیری آن بسیار آسان و سریع است. در طول این دوره، ما تمام اصول اساسی را که برای شروع ساختن وب‌سایت در جریان وب از ابتدا نیاز دارید، پوشش خواهیم داد.
ما مجموعه وسیعی از موضوعات را در این دوره پوشش خواهیم داد، مانند:
ایجاد مدیریت صفحات جدید و موجود
رابط کاربر
نحوه کار با چندین عنصر مانند بخش‌ها، کانتینرها، سرفصل‌ها و دکمه‌ها
نحوه ایجاد کلاس‌ها و کلاس‌های ترکیبی
نحوه ایجاد جلوه های شناور خیره کننده
نحوه ایجاد انیمیشن های تعاملی
نحوه ایجاد فرم های تماس
نحوه ایجاد طرح‌بندی با استفاده از Grid Flexbox
و خیلی بیشتر...
این یک دوره آموزشی مبتنی بر پروژه است. در حالی که همه اصول جریان وب را یاد می گیریم، یک صفحه فرود کاملاً پاسخگو می سازیم. ما با یک Hero Area ساده ایجاد خواهیم کرد که در آن همه چیز را در مورد اجزای بخش و کانتینر و همچنین نحوه اضافه کردن Type و نحوه استایل دادن به آن یاد خواهیم گرفت. ما همچنین تصاویر را بهینه سازی و وارد می کنیم و آنها را به پس زمینه بخش خود اضافه می کنیم. البته، هر وب‌سایتی به یک CTA، یک Call-To-Action نیاز دارد، بنابراین ما آن را به شکل یک دکمه با جلوه شناور زیبا و روان ایجاد می‌کنیم.
ما همچنین یاد خواهیم گرفت که چگونه با استفاده از Grid Component، 2 3 ستون بندی ایجاد کنیم. ما این کار را با ساخت بخش‌های ویژگی سرویس انجام خواهیم داد. در این بخش ها نحوه کار با Flexbox را یاد می گیریم که به ما امکان می دهد عناصر خود را بهتر تراز کنیم. همچنین یاد خواهیم گرفت که چگونه نمادها را به صفحه وب خود اضافه کنیم.
البته ما همچنین در حال ساخت یک Layout پیچیده تر خواهیم بود، در مورد ما که بخش قیمت گذاری خواهد بود. و پس از آن همه نحوه ساخت یک فرم تماس کامل را یاد خواهیم گرفت.
با استفاده از آنچه آموختیم، ناوبری و پاورقی خود را می سازیم و سپس همه دکمه ها را به بخش های مربوطه پیوند می دهیم.
بنابراین، علاقه مند به ساخت اولین وب سایت خود در جریان وب هستید؟ اگر چنین است، من شما را در داخل دوره می بینم!
معرفی Introduction
-
Webflow چیست؟ با این چه کار میتوانی بکنی؟ What is Webflow? What can you do with it?
-
پروژه دوره: چیزی که ما خواهیم ساخت Course Project: What we'll be building
-
فایل های تمرین Exercise Files
-
ایجاد و مدیریت وب سایت های جریان وب Creating & Managing Webflow Websites
کار در جریان وب Working in Webflow
-
ویرایشگر جریان وب - رابط کاربری The Webflow Editor - The User Interface
-
اضافه کردن فونت های جدید به وب سایت شما Adding new Fonts to your Website
-
ساختن اولین بخش خود - بخش قهرمان Building your first Section - The Hero Section
-
وارد کردن تصاویر و بهینه سازی آنها برای وب Importing Images & optimizing them for the Web
-
ایجاد یک دکمه و وضعیت Hover است Creating a Button and it's Hover States
-
با استفاده از کلاس های ترکیبی، تغییرات ایجاد کنید Create Variations using Combo Classes
-
شبکه های CSS - ایجاد یک طرح بندی 3 ستونی CSS Grids - Creating a 3 Column Layout
-
ایجاد و شکل دادن به پیوندها Creating & Styling Links
-
ساخت 2 بخش ستون با استفاده از گرید Building 2 Column Sections using Grids
-
ساخت طرح های پیچیده تر - بخش قیمت گذاری Building more complex Designs - The Pricing Section
-
ایجاد لیست های نامرتب و مرتب Creating Unordered & Ordered Lists
-
طراحی فرم تماس Designing a Contact Form
-
ناوبری - ساخت نوار ناوبری Navigation - Building a Navbar
-
ناوبری - ساخت نسخه موبایل Navigation - Making the Mobile Version
-
کامپوننت ها - بخش های قابل استفاده مجدد و مرتبط ایجاد کنید Components - Create reusable & linked Sections
-
ساخت پاورقی Building the Footer
-
ریسپانسیو ساختن وب سایت Making the Website responsive
-
افزودن انیمیشن های پایه به تمام بخش های ما Adding Basic Animations to all our Sections
-
پیوند دکمه‌ها و پیوندهای ناو ما Linking our Buttons & Nav Links
-
پایان کار و انتشار وب سایت Finishing Touches & Publishing the Website
نتیجه Conclusion
-
نتیجه Conclusion
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/a3d1ff
آموزش دوره کامل ChatGPT و OpenAI API 'No-Code'
The Complete 'No-Code' ChatGPT & OpenAI API Course
ساخت 4 پروژه با استفاده از OpenAI API و ChatGPT در حین تسلط بر مهندسی سریع (صفر شات، نقش، چند شات، زنجیره)
آموزش ساخت وب سایت های شگفت انگیز بدون کدنویسی | ویرایشگر X Masterclass
Build Amazing Websites with No Coding | Editor X Masterclass
وب‌سایت‌های واکنش‌گرا بسازید تا متناسب با اندازه‌های مختلف صفحه نمایش، بدون کدنویسی! با استفاده از یک پلت فرم Advanced Editor X.
آموزش Terraform را یاد بگیرید و برای مصاحبه شغلی آماده شوید
Learn Terraform and prepare for Job Interview
تمام مهارت های مورد نیاز را بیاموزید و ضمانت شغلی خود را ایجاد کنید
آموزش Salesforce Flow: با Lightning Flow Builder شروع کنید
Salesforce Flows: Get Started with Lightning Flow Builder
Salesforce Lightning Flow Builder جدید را بیاموزید و یاد بگیرید که فرآیند کسب و کار خود را با استفاده از جریان های Salesforce خودکار کنید.
Kai Pruin
Udemy (یودمی)
یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.
یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.