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

منابع و دوره‌های استفاده شده در این آموزش

1. بخش اول: انیمیشن‌ها و ترنزیشن‌های CSS: 10 CSS Transitions with Social Icons – Udemy

در این بخش، تکنیک‌های ساخت افکت‌های Hover، Transition و انیمیشن‌های جذاب روی آیکون‌های شبکه‌های اجتماعی آموزش داده شده است. این قسمت پایه‌ای برای درک تعاملات بصری در CSS است.

2. بخش دوم: جعبه ابزار CSS: css toolkit-tips and techniques for layout and styling - LinkedIn Learning

3. بخش سوم :تکنیک‌های مدرن CSS بدون JavaScript: Modern CSS Techniques Without JavaScript (LinkedIn Learning) – LinkedIn Learning

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

4. بخش چهارم : اصول CSS و Layout مدرن: Level Up CSS Layout – LinkedIn Learning

این بخش به ارتقاء مهارت طراحی Layout با استفاده از Flexbox و Grid می‌پردازد و به شما کمک می‌کند ساختارهای پیچیده رابط کاربری را به‌صورت استاندارد پیاده‌سازی کنید.

در بخش اول، وارد دنیای انیمیشن‌ها و Transitionهای حرفه‌ای CSS می‌شوید. با استفاده از پروژه‌های عملی، نحوه ساخت افکت‌های جذاب روی دکمه‌ها، منوها، کارت‌ها و آیکون‌های شبکه‌های اجتماعی را یاد می‌گیرید. همچنین با Timing Functions، Transformها، Hover Effects و تکنیک‌های ایجاد تجربه کاربری روان آشنا خواهید شد.

در بخش دوم، نکاتی درباره رنگ و چیدمان و اندازه ها و .... می آموزیم

در بخش سوم، تکنیک‌های مدرن CSS بدون استفاده از JavaScript را یاد می‌گیرید. در این بخش پروژه‌های عملی متعددی اجرا می‌شود که شامل:

ساخت منوهای کشویی حرفه‌ای
آکاردئون (Accordion) فقط با CSS
تب‌بندی (Tabs) بدون JavaScript
مودال‌های ساده با CSS
کارت‌های تعاملی و Hover Effects پیشرفته

در بخش چهارم، ساخت Layoutهای حرفه‌ای و مدرن را بررسی می‌کنیم. Flexbox و Grid را در پروژه‌های واقعی ترکیب کرده و تکنیک‌های طراحی صفحات چندستونه، هدرها، سایدبارها، صفحات فرود (Landing Pages)، داشبوردها و رابط‌های پیچیده را پیاده‌سازی خواهیم کرد. همچنین بهترین روش‌های طراحی Responsive و Mobile First را فرا خواهید گرفت.

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

این دوره برای توسعه‌دهندگان Front-End، طراحان رابط کاربری، دانشجویان مهندسی نرم‌افزار، فریلنسرها و تمامی افرادی مناسب است که می‌خواهند مهارت CSS خود را از سطح متوسط به سطح حرفه‌ای و بازار کار ارتقا دهند.

آموزش پیشرفته CSS؛ انیمیشن، Grid و Flexbox

دیگر دوره‌های زهرا داودی

آموزش ساخت افزونه وردپرس از صفر

Site Editor وردپرس؛ طراحی کامل سایت بدون المنتور و کدنویسی

آموزش Gutenberg Block Development | ساخت بلاک سفارشی وردپرس از صفر

آموزش Gutenberg وردپرس؛ طراحی صفحات، Template Editor و Global

انتقال آسان سایت وردپرس بدون استفاده از افزونه

افزونه فروشگاه ساز ووکامرس

آموزش HTML API وردپرس | کار با HTML Tag Processor

شروع برنامه‌نویسی با WordPress REST API

آموزش امنیت وردپرس برای برنامه‌نویسان؛ امنیت افزونه، Nonce، Sanitize و Escape

آموزش Tailwind CSS 4.3 از صفر | ساخت وب‌سایت واقعی

CSS Layout حرفه‌ای با Flexbox و Grid | تکنیک‌های طراحی سایت واکنش‌گرا

کدهای آماده وردپرس و ووکامرس | سفارشی‌سازی سایت بدون افزونه

آموزش مدیریت پروژه با Trello و ابزارهای مدیریت پروژه برای وردپرس

ChatGpt برای مدیریت پروژه

آموزش جامع دیباگ کردن JavaScript و Chrome DevTools | رفع خطاهای سایت مانند یک برنامه‌نویس حرفه‌ای

چالش‌های کدنویسی جاوا اسکریپت: ساخت وب اپلیکیشن

آموزش افزونه وردپرس فیلدهای سفارشی پیشرفته ACF

آموزش کدنویسی خلاقانه Vanilla JavaScript

آموزش طراحی سایت املاک و رزرو هتل با وردپرس و المنتور

پروژه عملی طراحی Image Gallery با JavaScript و CSS Grid

طراحی سایت بدون برنامه‌نویسی؛ فیگما تا المنتور

آموزش طراحی و ساخت وب‌سایت با Google Sites

آموزش جامع فیگما (Figma) برای طراحی رابط و تجربه کاربری

آموزش پروژه‌محور طراحی وب‌سایت پورتفولیو با HTML، CSS و Boot

ساخت یک اپلیکیشن وردپرس Headless با REST API

ساخت نرم‌افزار طراحی تعاملی تحت وب با Canvas و JavaScript

طراحی گام به گام وب سایت تجارت الکترونیک با Divi

طراحی وب سایت با ChatGpt

Canva و ChatGPT برای تولید محتوا به صورت انبوه

ساخت وب سایت ردیابی قیمت ارز دیجیتال با وردپرس

آموزش مفاهیم پایه پردازش تصویر

گوگل ادز: جذب مشتری، افزایش فروش و تولید لید حرفه‌ای

سئو تکنیکال در وردپرس

ساخت سایت با جت انجین و المنتور

بازاریابی و شبکه‌سازی لینکدین

بهینه سازی عملکرد سرعت وردپرس با Wp Rocket

راهنمای مقدماتی cPanel

دوره پنل ادمین Filament برای لاراول - راهنمای عملی

دوره مولتی سایت وردپرس - گام به گام

مسترکلاس ChatGPT برای Google Ads (Adwords)

کپی‌رایتینگ با چت‌جی‌پی‌تی - رازهای محتوا با کمک هوش مصنوعی

آموزش امنیت وردپرس؛ یادگیری از دید هکرها

بک آپ گیری و بازیابی وردپرس

ساخت فروشگاه اینترنتی با وودمارت - بدون دانش برنامه نویسی

پلاگین وردپرس - جستجو قرار ملاقات های بوکلی با شماره تلفن

دوره پروژه محور نمایش متخصص های مناطق براساس نقشه با وردپرس

شروع جیرا: مدیریت سرویس و نرم‌افزار

آموزش پلاگین نویسی وردپرس: افزونه اجاره خوابگاه

مصاحبه شغلی برنامه نویس به زبان انگلیسی

ساخت سایت ثبت آگهی براساس موقعیت جغرافیایی با وردپرس

آموزش پاکسازی و امنیت سایت های وردپرسی

آموزش ساخت ابزارک اختصاصی برای المنتور

آموزش پروژه محور طراحی سایت با المنتور

آموزش اسکرچ برای کودکان

آموزش کاربردی سئو

آموزش مقدماتی پلاگین نویسی در وردپرس

آموزش پروژه محور پلاگین وردپرس افزودن پست به علاقه‌مندی‌ها

آموزش مقدماتی Tailwind

آموزش مقدماتی Next.js