قیمت این دوره: 250,000 تومان
  • مدرس دوره : طه قاسمی زرگر
  • تعداد ویدیوها : 24 ویدیو
  • مدت زمان دوره : 3:24:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1403/12/05
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش CSS، یادگیری سریع، کاربردی و پروژه محور

آموزش CSS، یادگیری سریع، کاربردی و پروژه محور

آموزش CSS، یادگیری سریع، کاربردی و پروژه‌محور

آیا همیشه به دنبال آموزشی سریع و عملی بوده‌اید؟ آیا می‌خواهید در کوتاه‌ترین زمان به مهارت‌هایی مسلط شوید که توسعه‌دهندگان حرفه‌ای هر روز از آن‌ها استفاده می‌کنند؟

این دوره فشرده CSS دقیقاً برای شما طراحی شده است! تنها در عرض چند ساعت به پرکاربردترین مباحث CSS مسلط شوید.

با انجام یک پروژه عملی در پایان دوره، تمام آنچه یاد گرفته‌اید را به شکلی کاربردی و مؤثر به کار خواهید گرفت. هدف این دوره، ارائه آموزشی سریع و عملی است که شما را به مهارت‌های ضروری مجهز می‌کند، بدون حاشیه و کاملاً متمرکز.

 

ویژگیهای این آموزش  

 آموزش سریع و فشرده ، بدون مطالب اضافه و غیرضرور ی
 با انجام یک پروژه واقعیCSS  پروژهمحور و کاربردی ، یادگیری
، مباحثی که هر روز توسط توسعه دهندگان استفاده  CSS مهارتهای ضروری

 میشود ، از مقدمات تا طراحی ریسپانسیو و انیمیشنها  CSS پوشش نکات کلیدی

 

 

پروژه عملی ، طراحی یک وبسایت شخصی   

در پایان این آموزش سی اس اس ، شما یک وبسایت شخصی خواهید ساخت که شامل بخشهای زیر است :

هدر و منوی ناوبری
بخش معرفی یا Hero Section
بخش درباره من
Grid) یاFlexbox  با استفاده از)گالری پروژهها

فوتر یا فرم تماس

 

 

با این پروژه، مهارتهای جدید خود را به صورت عملی نشان میدهید و یک نمونه کار ارزشمند به رزومه خود اضافه میکنید.

مدت زمان آموزش  

 ۱. مباحث CSS، حدود ۲ ساعت
۲. پروژه عملی، حدود ۱ ساعت
۳. یادگیری سریع و کاربردی، مجموع ۳ ساعت

 

چرا این آموزش برای شما مناسب است .

 اگر زمان کمی دارید و میخواهید فقط مطالب ضروری را یاد بگیرید      

• اگر دوست دارید با انجام پروژه عملی، یادگیری خود را تثبیت کنید 

•اگر به دنبال یک آموزش سی اس اس سریع و کاربردی هستید که شما را به یک  

• طراح وب حرفهای تبدیل کند

، مهارتهای طراحی وب خود را در همین حالا شروع کنید کمترین زمان ممکن ارتقا دهید.

 

 

 

 

 

 

 



پیش نیاز های دوره :

  1. آموزش HTML در یک ساعت

فهرستـــ ویدیوها

مدت زمان دوره 3:24:00
00: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، ساختار و استایل این قسمت را به‌گونه‌ای پیاده‌سازی می‌کنیم که ظاهری هماهنگ و حرفه‌ای با سایر بخش‌های پروژه داشته باشد.

23
  • کدنویسی بخش چهارم پروژه

00:18:37

در این بخش کدنویسی بخش چهارم پروژه را آغاز می‌کنیم. با استفاده از HTML و CSS، این بخش را طراحی کرده و استایل‌دهی می‌کنیم تا قسمت چهارم پروژه به درستی و با ظاهری جذاب در کنار سایر بخش‌ها قرار گیرد.

24
  • کدنویسی فوتر و پایان پروژه

00:06:28

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

دوره های دیگر مدرس

مشاهده همه دوره ها

نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .
نظری وجود ندارد! شما اولین نفر باشید!