آموزش بوت کمپ کامل Webflow: از طراحی Figma تا توسعه تا Freelancing

Complete Webflow Bootcamp: From Figma Design to Development to Freelancing

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

آیا می خواهید یک طراح وب و یک توسعه دهنده وب شوید، اما نمی دانید چگونه کدنویسی کنید؟ آیا تا به حال خواسته اید که وب سایت های سفارشی را بدون نوشتن یک خط کد بسازید؟ این دوره به شما امکان می دهد مهارت های طراحی و توسعه وب خود را توسعه دهید و می توانید توسعه دهنده وب را به CV خود اضافه کنید و شروع به جذب مشتری برای مهارت های خود کنید.

سلام به همه. من آرش هستم و طراح UI/UX و توسعه دهنده وب هستم. در چند سال گذشته، من به بیش از 50000 طراح در سراسر جهان کمک کردم تا کسب و کار طراحی UI/UX خود را از پایه ایجاد کنند. در این دوره، من به شما کمک می کنم تا از ابتدا به طور جامع Webflow را یاد بگیرید و به آن تسلط پیدا کنید.

Webflow یک ابزار خلاقانه و درخشان برای طراحان وب است. این به شما اجازه می دهد تا وب سایت های سفارشی را به صورت بصری بسازید. اشتباه نکنید؛ این یک سازنده وب سایت مانند Wix یا Squarespace نیست که با محدودیت های گسترده همراه باشد. برعکس، به شما این امکان را می‌دهد که وب‌سایت‌های مدرن و واکنش‌گرا را بدون محدودیت بصری بسازید. همه از کارآفرینان و استارت آپ ها گرفته تا Dell، Zendesk و غیره از آن استفاده می کنند.

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

این دوره توسعه دیگری نیست که در آن HTML  CSS را یاد بگیرید. در عوض، شما یاد خواهید گرفت که چگونه هر طرحی را به یک وب سایت کاملا واکنش گرا با انیمیشن های پیچیده و تعامل بدون کد تبدیل کنید.

در قسمت اول دوره، اصول اولیه توسعه وب را به شما آموزش می‌دهم و در بخش Webflow Academy همه ویژگی‌های Webflow را بررسی می‌کنیم. در قسمت دوم دوره، با ساختن یک وب سایت کامل برای یک آژانس طراحی از ابتدا، هر آنچه را که یاد گرفتید، در عمل پیاده خواهید کرد. در مرحله بعد، به موضوعات پیشرفته ای مانند پاسخگویی، انیمیشن ها و تعاملات خواهیم پرداخت. آخرین اما نه کم اهمیت، با نحوه بهینه سازی وب سایت برای موتورهای جستجو (SEO) آشنا خواهید شد.

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

با بیش از 11 ساعت محتوا در بیش از 80 سخنرانی، شما را از مبتدی تا متخصص می‌برم و هر آنچه را که برای استفاده حرفه‌ای از Webflow نیاز دارید به شما آموزش می‌دهم.

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

نکات برجسته دوره:

  • تسلط بر جریان وب

  • ترفندهای نکات پیشرفته

  • یک وب سایت مدرن کامل از ابتدا بسازید

خب، منتظر چه چیزی هستید؟ امروز ثبت نام کنید!!

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


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

درس ها Lessons

  • وب سایت خود را منتشر کنید Publish Your Website

  • مقدمه Introduction

  • تنظیمات نمایشگر Display Settings

  • بهینه سازی تصویر و بارگذاری تنبل Image Optimization & Lazy Load

  • ارسال پروپوزال Sending a proposal

  • Div Block Div Block

  • چالش Flexbox Flexbox Challenge

  • دکمه Button

  • ویرایشگر Editor

  • ظرف Container

  • پرتره موبایل پاسخگویی Responsiveness Mobile Portrait

  • صفحه پروژه - قسمت 1 Project Page - Part 1

  • پاسخگویی چشم انداز موبایل Responsiveness Mobile Landscape

  • تایید سایت و گوگل آنالیتیکس Site Verification & Google Analytics

  • کلاس ها Classes

  • انیمیشن Lottie Lottie Animation

  • کار بعدی چیه؟ What to do Next?

  • بخش CTA CTA Section

  • بخش Section

  • مقدمه ای بر Webflow Introduction to Webflow

  • چگونه پروژه را به مشتری تحویل دهیم؟ How to Deliver the Project to the Client?

  • صفحه پروژه - قسمت 2 Project Page - Part 2

  • راه اندازی پروژه شما Setting up Your Project

  • مسیر جریان وب Webflow Pitch

  • اندازه Size

  • فلکس باکس در مقابل گرید Flexbox vs Grid

  • پس زمینه ها Backgrounds

  • ملاقات با مشتری شما Meeting Your Client

  • ایالت ها States

  • نوار ناوبری Navigation Bar

  • انیمیشن ها و تعاملات - قسمت 2 Animations & Interactions - Part 2

  • مقدمه ای بر HTML و CSS Introduction to HTML & CSS

  • فلکس باکس Flexbox

  • جعبه نور Lightbox

  • ویژگی های سفارشی Custom Attributes

  • زبانه ها Tabs

  • بخش مشتریان Clients Section

  • پاورقی Footer

  • نوار ناوبری Nav Bar

  • بلوک پیوند Link Block

  • میانبرهای مهم Important Shortcuts

  • کد سفارشی و یکپارچه سازی Custom Code & Integration

  • بخش قهرمان Hero Section

  • عناصر جریان وب Webflow Elements

  • فاصله گذاری Spacing

  • تصویر Image

  • جلوه ها Effects

  • جستجو کردن Search

  • مرز ها Borders

  • صفحه پروژه - قسمت 3 Project Page - Part 3

  • دسترسی Accessibility

  • برنامه های جریان وب Webflow Plans

  • محیط جریان وب Environment of Webflow

  • نماد Symbol

  • تایپوگرافی Typography

  • مقدمه ای بر پاسخگویی Introduction to Responsiveness

  • لغزنده Slider

  • مقدمه ای بر مدل جعبه Introduction to the Box Model

  • صفحه تماس Contact Page

  • چگونه یک پاپ آپ ایجاد کنیم؟ How to create a pop up?

  • تنظیمات پروژه Project Settings

  • فهرست کنید List

  • تشکیل می دهد Forms

  • رسانه های اجتماعی Social Media

  • مبانی نقطه شکست Breakpoint Basics

  • مقدمه ای بر سئو Intro to SEO

  • انیمیشن ها و تعاملات - قسمت 1 Animations & Interactions - Part 1

  • تایپوگرافی Typography

  • قیمت گذاری کار شما Pricing Your Work

  • انیمیشن Lottie Lottie Animation

  • مقدمه ای بر دنیای فریلنسرها Introduction to the Freelance World

  • تبلت پاسخگویی Responsiveness Tablet

  • ویدیو Video

  • موقعیت Position

  • بخش خدمات Services Section

  • بخش پروژه ها Projects Section

  • کنوانسیون نامگذاری Naming Convention

  • راه حل چالش Challenge Solution

  • توری Grid

  • میزبانی جریان وب Webflow Hosting

  • بخش گواهینامه Testimonial Section

  • انیمیشن ها و تعاملات - قسمت 3 Animations & Interactions - Part 3

  • CMS و محتوای پویا CMS & Dynamic Content

  • چگونه مشتری جذب کنیم؟ How to get clients?

نمایش نظرات

آموزش بوت کمپ کامل Webflow: از طراحی Figma تا توسعه تا Freelancing
جزییات دوره
11h 36m
84
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
2,420
4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Arash Ahadzadeh Arash Ahadzadeh

طراح UI/UX | مدرس دانشگاه

من یک طراح UI/UX و توسعه دهنده iOS هستم که تقریباً چهار سال تجربه در توسعه برنامه و همچنین ده سال طراحی گرافیک و طراحی UI/UX دارم.
اشتیاق من کمک به افراد برای یادگیری مهارت های جدید در یک دوره کوتاه مدت و رسیدن به اهداف است. من بیش از ده سال است که طراحی می کنم و چهار سال است که برنامه های iOS را توسعه می دهم. باعث افتخار من است اگر بتوانم به شما کمک کنم تا برنامه نویسی را با یک کلمه ساده یاد بگیرید. من در حال حاضر در حال تدریس، Figma، Sketch، iOS 15، Swift، Illustrator، Photoshop، Cinema 4d، HTML، CSS، JavaScript و غیره هستم.

برای دریافت آموزش‌های طراحی UI/UX هفتگی، می‌توانید کانال YouTube من را بررسی کنید.