مخصوص اعضای ویژه 
قیمت این دوره با تخفیف 70% : 75,000 تومان مهلت استفاده از این تخفیف تا : 14:45:36
نوروز مبارک
🔥 جشنواره نوروزی آموزش با ۷۰٪ تخفیف ویژه! 🎉
با آغاز سال نو، فرصتی استثنایی برای یادگیری فراهم شده است! 🌸
✨ از ۲۶ اسفند تا ۶ فروردین تمامی دوره‌های آموزشی ما با ۷۰٪ تخفیف ویژه در دسترس شما هستند.
اگر مدت‌هاست به دنبال یادگیری مهارتی جدید هستید، اکنون بهترین زمان است! در دوره‌های تخصصی ما، از برنامه‌نویسی و طراحی وب گرفته تا مهارتهای دیجیتال مارکتینگ، همه چیز برای رشد شما فراهم شده است.
🚀 چرا نباید این فرصت را از دست داد؟
✅ دوره‌های متنوع و کاربردی
✅ تدریس توسط اساتید مجرب
✅ یادگیری در هر زمان و هر مکان
📌 همین حالا از این تخفیف فوق‌العاده بهره‌مند شوید! فرصت محدود است!
قیمت این دوره: 250,000 75,000 تومان
- مدرس دوره : طه قاسمی زرگر ( رزومه )
- تعداد ویدیوها : 24 ویدیو
- مدت زمان دوره : 3:24:00
- سطح دوره : مقدماتی
- وضعیت دوره : به اتمام رسیده
- تاریخ آخرین بروزرسانی : 1403/12/05
آموزش CSS، یادگیری سریع، کاربردی و پروژه محور
آموزش CSS، یادگیری سریع، کاربردی و پروژهمحور
آیا همیشه به دنبال آموزشی سریع و عملی بوده‌اید؟ آیا میخواهید در کوتاه‌ترین زمان به مهارت‌هایی مسلط شوید که توسعه‌دهندگان حرفهای هر روز از آنها استفاده می‌کنند؟
این دوره فشرده CSS دقیقاً برای شما طراحی شده است! تنها در عرض چند ساعت به پرکاربردترین مباحث CSS مسلط شوید.
با انجام یک پروژه عملی در پایان دوره، تمام آنچه یاد گرفته‌اید را به شکلی کاربردی و مؤثر به کار خواهید گرفت. هدف این دوره، ارائه آموزشی سریع و عملی است که شما را به مهارتهای ضروری مجهز می‌کند، بدون حاشیه و کاملاً متمرکز.
ویژگیهای این آموزش
| آموزش سریع و فشرده ، بدون مطالب اضافه و غیرضرور ی |
| با انجام یک پروژه واقعیCSS پروژهمحور و کاربردی ، یادگیری |
| ، مباحثی که هر روز توسط توسعه دهندگان استفاده CSS مهارتهای ضروری |
میشود ، از مقدمات تا طراحی ریسپانسیو و انیمیشنها CSS پوشش نکات کلیدی
|
پروژه عملی ، طراحی یک وبسایت شخصی
در پایان این آموزش سی اس اس ، شما یک وبسایت شخصی خواهید ساخت که شامل بخشهای زیر است :
| هدر و منوی ناوبری |
| بخش معرفی یا Hero Section |
| بخش درباره من |
| Grid) یاFlexbox با استفاده از)گالری پروژهها |
فوتر یا فرم تماس
|
با این پروژه، مهارتهای جدید خود را به صورت عملی نشان میدهید و یک نمونه کار ارزشمند به رزومه خود اضافه میکنید.
مدت زمان آموزش
۱. مباحث CSS، حدود ۲ ساعت
۲. پروژه عملی، حدود ۱ ساعت
۳. یادگیری سریع و کاربردی، مجموع ۳ ساعت
چرا این آموزش برای شما مناسب است .
اگر زمان کمی دارید و میخواهید فقط مطالب ضروری را یاد بگیرید
• اگر دوست دارید با انجام پروژه عملی، یادگیری خود را تثبیت کنید
•اگر به دنبال یک آموزش سی اس اس سریع و کاربردی هستید که شما را به یک
• طراح وب حرفهای تبدیل کند
، مهارتهای طراحی وب خود را در همین حالا شروع کنید کمترین زمان ممکن ارتقا دهید.
پیش نیاز های دوره :
فهرستـــ ویدیوها
مدت زمان دوره 3:24:0000:00
00:00
با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
1
سی اس اس چیست؟
00:02:17
در این بخش یاد می‌گیریم که CSS چیست و چرا در طراحی وب اهمیت دارد. با هم بررسی می‌کنیم که چطور CSS به ما کمک می‌کند ظاهر و حس وب‌سایت‌ها را به شکلی زیبا و حرفهای بسازیم.
2
ساخت و اتصال فایل CSS به HTML
00:06:02
در این قسمت یاد می‌گیریم چطور یک فایل CSS ایجاد کنیم و آن را به فایل HTML متصل کنیم. این مهارت پایه‌ای به شما کمک می‌کند که استایل‌دهی حرفهای را از پایه شروع کنید.
3
انواع انتخابگر(Selector) و اهمیت آنها در CSS
00:09:31
در این بخش با انواع انتخابگرهای CSS و کاربردهای مختلف آنها آشنا می‌شویم. یاد می‌گیریم چگونه عناصر خاصی را هدف بگیریم تا کنترل بیشتری روی استایل‌دهی داشته باشیم.
4
مدل جعبه ای (Box Model)
00:14:26
در این قسمت مدل جعبه‌ای (Box Model) را بررسی می‌کنیم، که اساس ساختار هر عنصر در CSS است. یاد می‌گیریم چطور با حاشیه‌ها، پدینگ، و مرزها کار کنیم تا طراحی دقیق‌تری داشته باشیم.
5
استایل های متنی
00:07:28
در این بخش با استایل‌های متنی در CSS آشنا می‌شویم. یاد می‌گیریم چگونه فونت‌ها، رنگ‌ها، اندازه و سایر ویژگیهای متن را برای جذاب‌تر کردن طراحی تغییر دهیم.
6
فونت و نحوه استفاده از آن
00:07:38
در این قسمت یاد می‌گیریم چگونه فونت‌های مختلف را به پروژه‌های خود اضافه کنیم. از انتخاب فونت مناسب تا استفاده از فونت‌های سفارشی و گوگل فونت‌ها را بررسی می‌کنیم.
7
معرفی انواع رنگ ها
00:08:28
در این بخش انواع روش‌های تعریف رنگ در CSS را بررسی می‌کنیم. از رنگ‌های نامی و کدهای هگزادسیمال گرفته تا RGB و HSL، همه را به صورت کاربردی یاد می‌گیریم.
8
چگونگی استفاده از رنگ ها
00:07:28
در این قسمت یاد می‌گیریم چگونه رنگ‌ها را در بخشهای مختلف وبسایت به کار ببریم. از استایل‌دهی به متن و پس‌زمینه تا ایجاد مرزهای رنگی برای طراحی جذاب‌تر و چشم‌نوازتر.
9
گرادینت (Gradient)
00:09:05
در این بخش با گرادینت‌ها آشنا می‌شویم و یاد می‌گیریم چگونه از تغییرات تدریجی رنگ‌ها برای ایجاد افکت‌های جذاب در پس‌زمینه‌ها و سایر عناصر استفاده کنیم.
10
مفاهیم پایه ای فلکس باکس (FlexBox)
00:10:06
در این قسمت مفاهیم پایه‌ای فلکس باکس را بررسی می‌کنیم. یاد می‌گیریم چگونه با استفاده از این تکنیک، عناصر را به‌صورت انعطاف‌پذیر و در چینش‌های مختلف روی صفحه نمایش تنظیم کنیم.
11
آموزش Flex Wrap
00:10:06
در این بخش با خاصیت Flex Wrap آشنا می‌شویم و یاد می‌گیریم چگونه می‌توانیم المان‌ها را در صورتی که فضای کافی وجود نداشته باشد به خط جدید منتقل کنیم، تا طراحی ما انعطاف‌پذیر و مرتب باقی بماند.
12
بررسی مفهوم View Port
00:02:32
در این بخش مفهوم Viewport را بررسی می‌کنیم و یاد می‌گیریم چگونه اندازه پنجره مرورگر بر روی نحوه نمایش صفحات وب تاثیر می‌گذارد. همچنین، نحوه استفاده از آن برای طراحی ریسپانسیو و بهینه‌سازی برای دستگاه‌های مختلف را یاد خواهیم گرفت.
13
واحد های اندازه گیری و استفاده آن ها
00:05:59
در این قسمت با واحدهای مختلف اندازه‌گیری در CSS آشنا می‌شویم. از واحدهای نسبی مانند درصد و em تا واحدهای مطلق مانند پیکسل و viewport، و نحوه استفاده بهینه از آنها در طراحی‌های مختلف وب.
14
طراحی واکنش گرا (Responsive Design)
00:06:57
در این قسمت به بررسی طراحی واکنش‌گرا (Responsive Design) می‌پردازیم و یاد می‌گیریم چگونه با استفاده از مدیا کوئری‌ها و تکنیک‌های CSS، صفحات وب را برای نمایش بهینه در انواع دستگاه‌ها تنظیم کنیم.
15
معرفی دوره
00:00:59
در این بخش پروژه عملی دوره را معرفی می‌کنیم. در این پروژه، تمامی مفاهیم و تکنیک‌هایی که یاد گرفته‌اید را در عمل به کار می‌برید تا یک وبسایت حرفهای و واکنش‌گرا طراحی کنید.
16
ساخت فایل های مورد نیاز پروژه عملی
00:03:01
در این قسمت یاد می‌گیریم چگونه فایل‌های مورد نیاز برای پروژه عملی را بسازیم. از ساخت فایل‌های HTML و CSS تا تنظیمات اولیه، همه چیز را آماده می‌کنیم تا پروژه را به درستی شروع کنیم.
17
کدنویسی هدر بخش اول
00:08:58
در این بخش شروع به کدنویسی هدر پروژه می‌کنیم. یاد می‌گیریم چگونه ساختار هدر را با استفاده از HTML و استایل‌دهی آن را با CSS ایجاد کنیم تا ظاهر جذاب و کاربردی داشته باشد.
18
کدنویسی هدر بخش دوم و استفاده از ابزار Font Awesome
00:07:59
در این بخش ادامه کدنویسی هدر را انجام می‌دهیم و با استفاده از ابزار Font Awesome آیکون‌ها را به هدر اضافه می‌کنیم. این ابزار به ما کمک می‌کند تا آیکون‌های زیبا و کاربردی را به راحتی در طراحی‌های خود استفاده کنیم.
19
طراحی سکشن اول پروژه
00:09:56
در این قسمت شروع به طراحی سکشن اول پروژه می‌کنیم. با استفاده از HTML و CSS، ساختار و استایل مورد نظر را برای این بخش پیاده‌سازی می‌کنیم تا اولین قسمت از پروژه به شکلی زیبا و کاربردی نمایش داده شود.
20
کدنویسی بخش دوم پروژه
00:13:00
در این بخش کدنویسی بخش دوم پروژه را شروع می‌کنیم. با استفاده از HTML و CSS، ساختار و استایل لازم را برای این بخش پیاده‌سازی می‌کنیم تا قسمت دوم پروژه به صورت مرتب و زیبا طراحی شود.
21
کدنویسی بخش سوم پروژه
00:16:47
در این قسمت کدنویسی بخش سوم پروژه را آغاز می‌کنیم. با استفاده از HTML و CSS، این بخش را طراحی کرده و استایل‌دهی می‌کنیم تا قسمت سوم پروژه به درستی در کنار سایر بخش‌ها قرار گیرد و عملکرد مناسب داشته باشد.
22
طراحی بخش سوم پروژه قسمت دوم
00:11:10
در این بخش، طراحی قسمت دوم از بخش سوم پروژه را انجام می‌دهیم. با استفاده از HTML و CSS، ساختار و استایل این قسمت را به‌گونه‌ای پیاده‌سازی می‌کنیم که ظاهری هماهنگ و حرفهای با سایر بخشهای پروژه داشته باشد.
نظرات کاربران در رابطه با این دوره