لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
CSS Fundamentals: آموزش جامع برای توسعه دهندگان وب
CSS Fundamentals: Comprehensive Training for Web Developers
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
در هنر CSS تسلط داشته باشید: از مبانی تا درخشندگی اصول CSS و نقش آن در توسعه وب را بدانید. مدل جعبه CSS و اجزای آن (محتوا، padding، حاشیه، حاشیه) را بشناسید. انتخابگرهای CSS را برای هدف قرار دادن عناصر خاص HTML برای یک ظاهر طراحی کنید. از تکنیک های تایپوگرافی برای بهبود محتوای متنی، از جمله خانواده فونت ها، اندازه ها و فاصله استفاده کنید. برای جذابیت بصری، تصاویر پس زمینه را در طراحی وب قرار دهید. با استفاده از پرسشهای رسانهای CSS، طراحیهای وب واکنشگرا را پیادهسازی کنید. درک تبدیل CSS (به عنوان مثال، چرخش، مقیاس، چوله) به عناصر برای جلوه های پویا. با استفاده از کتابخانه Cycle2 JS و استفاده از کتابخانه های خارجی دیگر برای عملکرد بیشتر، لغزنده و چرخ فلک تصویر بسازید. برای اطمینان از سازگاری وب سایت، آزمایش بین مرورگر و دستگاه را انجام دهید. پیش نیازها: نیازی به تجربه قبلی در CSS نیست. دانش پایه HTML توصیه می شود.
آیا آمادهاید تا مهارتهای توسعه وب خود را به سطح بعدی ارتقا دهید؟ به "اصول CSS: آموزش CSS برای توسعه دهندگان وب، یک دوره جامع طراحی شده برای تسلط بر هنر CSS (Cascading Style Sheets) خوش آمدید. CSS ستون فقرات طراحی وب است که به شما امکان می دهد صفحات HTML ساده را به بصری خیره کننده، پاسخگو و پاسخگو تبدیل کنید. وب سایت های کاربر پسند.
در این دوره، ما عمیقاً به دنیای CSS می پردازیم، از اصول اولیه شروع می کنیم و تا تکنیک های پیشرفته پیش می رویم. چه مبتدی باشید که به دنبال ایجاد یک پایه قوی هستید یا یک توسعهدهنده با تجربه که به دنبال ارتقای مهارتهای CSS خود است، این دوره برای همه مناسب است.
این یک دوره آموزشی است که به شما امکان می دهد هر چه راحت تر یاد بگیرید. این دوره به درس های ویدیویی با اندازه کوچک تقسیم می شود که هر کدام بر موضوعات خاص CSS تمرکز دارند.
اکنون ثبت نام کنید و بیایید با هم در مسیر تسلط بر CSS قدم برداریم!
چرا ثبت نام کنید:
در پایان این دوره، شما مهارت طراحی و طراحی صفحات وب را مانند یک حرفه ای خواهید داشت. شما یک مجموعه مهارت قوی در CSS ایجاد خواهید کرد که به شما امکان می دهد تجارب وب جذابی از فرم های زیبا گرفته تا طرح بندی های پاسخگو و انیمیشن های پویا ایجاد کنید. در این سفر هیجان انگیز به ما بپیوندید تا یک متخصص CSS شوید و حرفه توسعه وب خود را ارتقا دهید.
سرفصل ها و درس ها
خوش آمدی
Welcome
به دوره خوش آمدید
Welcome to the Course
آنچه در این دوره خواهید آموخت
What you will learn in this Course
شروع شدن
Getting Started
نمای کلی بخش
Section Overview
مقدمه ای بر CSS
Introduction to CSS
انواع CSS
Types of CSS
انواع مختلف انتخابگرها
Different Types of Selectors
بخش نتیجه گیری
Section Conclusion
اصول CSS
CSS Fundamentals
نمای کلی بخش
Section Overview
مدل جعبه
Box Model
سایه جعبه
Box Shadow
شعاع جعبه
Box Radius
شبکه CSS
CSS Grid
CSS Flexbox
CSS Flexbox
میز طراحی
Designing Table
بخش نتیجه گیری
Section Conclusion
تایپوگرافی
Typography
نمای کلی بخش
Section Overview
فونت های گوگل
Google Fonts
فونت های سفارشی
Custom Fonts
تایپوگرافی
Typography
بخش نتیجه گیری
Section Conclusion
پس زمینه و تصاویر
Background and Images
نمای کلی بخش
Section Overview
تصویر پس زمینه
Background Image
گرادیان خطی
Linear Gradient
گرادیان شعاعی
Radial Gradient
گرادیان مخروطی
Conic Gradient
پس زمینه شفاف
Transparent Background
بخش نتیجه گیری
Section Conclusion
ساخت وب سایت تک صفحه ای - پروژه
Making a Single Page Website - Project
نمای کلی بخش
Section Overview
ساخت نوار ناوبری
Making a Navigation Bar
ساخت بخش قهرمان
Making a Hero Section
ساخت بخش درباره
Making a About Section
ساخت بخش نمونه کارها
Making a Portfolio Section
ساخت بخش تماس
Making a Contact Section
بخش نتیجه گیری
Section Conclusion
طراحی وب سایت ریسپانسیو
Responsive Web Design
نمای کلی بخش
Section Overview
ساخت منوی پاسخگو
Making a Responsive Menu
بخش نتیجه گیری
Section Conclusion
انتقال و انیمیشن
Transition and Animations
نمای کلی بخش
Section Overview
تبدیل CSS
CSS Transform
انتقال CSS
CSS Transitions
انیمیشن های CSS
CSS Animations
بخش نتیجه گیری
Section Conclusion
موضوعات پیشرفته و کتابخانه ها
Advanced Topics and Libraries
نمای کلی بخش
Section Overview
ساخت اسلایدر
Making Slider
گالری لایت باکس
Lightbox Gallery
بخش نتیجه گیری
Section Conclusion
تست و نتیجه گیری
Testing and Conclusion
نمای کلی بخش
Section Overview
تشخیص ویژگی
Feature Detection
Chrome Inspect Element و Developer Tools
Chrome Inspect Element and Developer Tools
نمایش نظرات