تومان

پس از خرید، بلافاصله به محتوای دوره دسترسی خواهید داشت و میتوانید دوره را مشاهده و یا دانلود کنید.

(دیدگاه 146 کاربر)

تا اینجای کار با HTML آشنا شدی و میتونی اسکلت یه سایتو پیاده کنی دمت گرم. یه قدم بزرگ برداشتی.
حالا وقتشه که با یادگیری CSS به اسکلتی که ساختی پوست و گوشت بدی تا تبدیل به یه موجود زیبا بشه. Css این کارو برات انجام میده.
توی دوره مقدماتی تا پیشرفته Css یاد میگیری چطوری به المانای خشک و بی جون HTML زیبایی ببخشی. اینجا ما از رنگی کردن متن و دکمه ها میگیم تا پیاده سازی یه لندینگ پیج خفن و دلنشین با css. کاملا رایگان!
بهت تضمین میدم محتوای این دوره به حدی شیرینه که بعد از این دوره استایل اطرافیانتو به صورت کد css میبینی
نکته: اگه HTML رو هنوز یاد نگرفتی برگرد کامل یادش بگیر چون لازمه css اینه که با html آشنا باشی.

دوره‌ای جامع برای تسلط در CSS

آموزش های زیادی در زمینه استایل دهی با css وجود دارد. ممکن است برای شما پیش امده باشد که بعد از دیدن آن ها باز هم تسلط کامل برای استایل دهی نداشته باشید.

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

در پایان این دوره شما بخش های مختلف و تمام نکات طراحی با css را یاد میگیرید.

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

چه نکاتی در دوره آموزش جامع CSS می آموزیم؟

شما در دوره Css مقدماتی با خیلی از Property ها و نکات Css آشنا شدید و بعد از دوره Css مقدماتی می توانستید سایت های مختلفی طراحی کنید.اما در Css مطالب پیشرفته ای نیز وجود داره که برای تسلط در Css باید آن ها را بلد باشید.

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

چرا باید Css را یاد بگیرم؟

آموزش CSS

برنامه نویسی فرانت اند یکی از محبوب ترین و پردرآمد ترین حوزه های شغلی است که بازار کار فوق العاده‌ای دارد. برای فعالیت در حوزه فرانت اند بعد از این که Html رو یاد گرفتین، برای استایل دهی به المنت های وب سایت و خوشگل‌تر کردن نمای وب سایت باید از زبان Css استفاده کرد.

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

چرا این دوره رایگان است؟

در اصل شما فقط ظاهر داستان رو می بینید و از هزینه های پشت پرده که برای دوره آموزش Css صرف شدن آگاه نیستین.
هزینه سرور، دامین، هاست و … برای نگهداری دوره و دسترسی شما عزیزان به آن به صورت ماهیانه پرداخت می شود.

علاوه بر این هزینه‌ها، برای تدریس دوره نیز به صورت ساعتی برای مدرس هزینه داده شده است.

پس در اصل دوره آموزش مقدماتی تا پیشرفته Css به شکل رایگان تولید نشده و هزینه های زیادی برای آن پرداخت شده تا در نهایت به صورت رایگان در اختیار شما عزیزان قرار بگیره.

بابت کیفیت جلسات هم خیالتون تخت تخت باشه.

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

پس آموزش Css رو پر قدرت شروع کنین.

 

مباحث این دوره

65 درس

ُسرفصل ها

5فرمت های رنگ پذیری در Css21:54
6Background درCss21:09
7توضیح کامل border در Css28:53
8margin در Css18:29
9Padding در Css11:10
10Outline در Css10:27
11استایل دهی به متون در Css (بخش اول)15:12
12استایل دهی به متون در Css (بخش دوم)20:46
13فونت در Css16:18
14آموزش کامل font-face در Css10:38
15کار با آیکون ها در Css19:49
16لینک ها در Css11:36
17لیست ها در Css (بخش اول)11:30
18استایل دهی به جداول در Css20:31
19استایل دهی جداول در CSS (بخش دوم) *مینی پروژه*13:26
20خاصیت display در زبان CSS8:24
21انواع position در زبان CSS17:11
22انواع position در زبان CSS (بخش دوم)11:31
23ویژگی overflow در زبان CSS8:03
24float & clear در CSS19:42
25روش های ترازبندی عناصر16:03
26آموزش کار با تصاویر در CSS15:23
27آموزش کامل Box Model در CSS16:13
28آموزش نحوه استفاده از ID در CSS9:38
29انتخابگرهای پیشرفته در CSS (بخش اول)24:32
30انتخابگرهای پیشرفته در CSS (بخش دوم)23:14
31انتخابگرهای پیشرفته در CSS (بخش سوم)19:59
32انتخابگرهای پیشرفته در CSS (بخش چهارم)10:02
33آموزش کار با فرم ها در CSS (بخش اول)19:34
34آموزش کار با فرم ها در CSS (بخش دوم) *مینی پروژه*15:23
35z-index important در زبان Css11:23
36آموزش کامل و جامع دستورات visibility و opacity + تمرین12:02
37مفاهیم box-shadow text-shadow در Css10:14
38آموزش فضای دو بعدی در Css (بخش اول)7:28
39آموزش فضای دو بعدی در Css (بخش دوم)8:54
40بحث مفصلِ کار با transition *مینی پروژه*12:47
41انیمیشن ها در زبانِ Css3 (بخش اول)10:21
42انیمیشن ها در زبانِ Css3 (بخش دوم) *مینی پروژه*8:19
43ساخت یک منو جذاب *مینی پروژه*13:01
44ساخت یک گالری *مینی پروژه*15:23
45ساخت چندین آلرت زیبا با Css *مینی پروژه*11:43
46ساخت یک تولتیپ ساده در Css *مینی پروژه*12:30
47ساخت یک تولتیپ جذاب با استفاده از after & before *مینی پروژه*9:49
48ساخت یک منو حرفه ای با استفاده از after & before *مینی پروژه*22:09
49ساخت یک گالری حرفه ای با hover متنوع (بخش اول) *مینی پروژه*19:35
50ساخت یک گالری حرفه ای با hover متنوع (بخش دوم) *مینی پروژه*9:30
51آموزش واکنشگرایی با css به وسیله مدیاکوئری ها (بخش 1)21:27
52آموزش واکنشگرایی با css به وسیله مدیاکوئری ها (بخش 2)21:48
53آموزش واکنشگرایی با css به وسیله مدیاکوئری ها (بخش 3)22:40
54آموزش فضای سه بعدی در Css17:39
55ساخت سایدبار فیکس در صفحه با HTML & Css *مینی پروژه*15:23
56ساخت یک گالری تصاویر ریسپانسیو با HTML & Css *مینی پروژه*20:19
57ساخت پاپ آپ برای تصاویر به کمک Css *مینی پروژه*15:19
58ساخت منو افقی فیکس در بالا و پایین صفحه با Html & Css *مینی پروژه*17:30
59ساخت منو افقی چسبنده *مینی پروژه*9:59
60ساخت یک منو افقی ریسپانسیو**مینی پروژه**15:53
61ساخت یک متوازی الاضلاع با استفاده از Html & Css *مینی پروژه*13:38
62طراحی یک Loading حرفه ای با استفاده از Html & Css *مینی پروژه*12:57
63طراحی شماتیک یک وبسایت خام ریسپانسیو با Html & Css *مینی پروژه*18:31
64طراحی شماتیک یک وبسایت خام ریسپانسیو با Html & Css (بخش دوم) *مینی پروژه*19:23
65صحبت های پایانی و راهنمایی برای ادامه مسیر10:44

146 دیدگاه برای آموزش CSS از مقدماتی تا پیشرفته + پروژه های کاربردی

  1. saeed_ranjbar369 (خریدار محصول)

    دوست داشتم این دوره رو، جذاب و گیرا و به زبان ساده مطالب اموزش داده شد
    سپاس از آقای دینی و قدیر بابت این دوره

  2. sevda (خریدار محصول)

    دوره عالی بود. فقط من یه کدی زدم و یه جا رو مشکل دارم. کدم کار نمیکنه. میتونم براتون ایمیل کنم کدم رو؟ ایمیلتون رو میفرمایید؟

  3. mosi4732 (خریدار محصول)

    بهتر از عالی چیه ک بگم؟ بهترین سایت ایران خوبه؟ یا جهان

  4. seyed hadi (خریدار محصول)

    سلام سخته نباشید این ویدویو ها عالی بودن عالی پر قدرت ادامه بدید خسته نباشید.

  5. Mahdi (خریدار محصول)

    عالی

  6. Iam Behnam Pornour (خریدار محصول)

    دم تک تکتون گرم واقعا دوره بسیار با کیفیت و جامع و کاملیه
    کلا حرف نداره
    من که حال کردم

  7. faeze jafargholi (خریدار محصول)

    ممنون از زحماتتون تدریس تون عالی هست

  8. lights

    بسیار عالی بود

  9. Amir mohammad (خریدار محصول)

    عالیییی خسته نباشید آقای دینی

  10. hamid (خریدار محصول)

    سلام ممنون از دوره خوبتون
    دوستانی که دنبال فونت رایگان خوب میگردن فونت وزیر خوب فونیه

  11. فرشته (خریدار محصول)

    سلام آقای دینی.
    ممنون از تدریس خوب و عالیتون.

    • qadiryolme

      تست

  12. javad_Ghasemi (خریدار محصول)

    سلام استاد عالی بود
    ممنون

  13. Maryam (خریدار محصول)

    سلام خیلی عالی بود ممنونم آقای دینی .موفق باشید

  14. Amir mohammad (خریدار محصول)

    سلام آقای دینی خدا قوت ممنون از تدریس خوبتون

  15. zahra (خریدار محصول)

    خیلییی عالی بود هم html و هم css خسته نباشید

  16. fatemeh (خریدار محصول)

    سلام
    دوره هاتون عالی بود.فن بیان خوب-تفهیم خوب.
    خدا قوت.
    امیدوارم این مدرس دوره بوت استرپ هم بزارن .

  17. Hedi (خریدار محصول)

    واقعا نسبت به دوره هایی که پولی هم هستند چند لول بالا تر بود خیلی ممنون استاد 🙏🤍

  18. mohsenical (خریدار محصول)

    من تشکر ویژه میکنم از استاد عزیز امیر دینی به خواطر دوره فوق العاده که برگذار کردند ❤️

  19. Parsa (خریدار محصول)

    دوره عالی بود تشکر از اقای دینی عزیز

  20. Ali (خریدار محصول)

    محشره , مگه ی دوره می‌تونه کامل تر ازینم باشه؟ , هم Html هم css عالی بودن , بوت استرپ هم بزارید آقای دینی خیلی عالی میشه

  21. Reza Mardani (خریدار محصول)

    تشکر میکنم از آقای دینی
    قبلا دوره های دیگه ای رو دیده بودم هیچکدوم به این کاملی و باحوصله توضیح نداده بودن ، خلاصه که خیلی کامل و عالیه این دوره

  22. Alireza (خریدار محصول)

    مرسی عالی بود 🌹

  23. Pouya (خریدار محصول)

    دوره عالی بود

  24. m (خریدار محصول)

    سلام مهندس

    اقا دمت گرم خیلی عالی بود
    خدا قوت

  25. Saleh Bordbar (خریدار محصول)

    -دوره آموزشی کامل و خوبی بود اما میتونست بهتر هم بشه ، مثلا استاد میتونستن برای ارائه مفاهیم اولیه از یه سری اسلاید های از قبل ادیت شده استفاده کنن تا دانشجو بهتر بتونه اون مفاهیم رو یاد بگیره .
    -مورد بعدی اینه که چرا اصلا ساعات ارائه پشتیبانی رو مشخص نکردین؟ من خودم چون از کیفیت سبزلرن مطمئن بودم تو دوره رایگان و غیر رایگان شرکت کردم ، اما خیلی بهتره که در صفحه ی محصول این مسئله مشخص بشه تا از بابت پشتیبانی خیالش راحت باشه ، من خودم 1 روز میگذره که تیکت زدم اما هنوز پاسخی دریافت نکردم و حتی نمیدونم کی قراره جواب بگیرم تا بتونم به کارام برسم/:
    در نهایت از سبزلرن بابت اهمیت دادن به دانشجو هاش و ارائه کیفیت عالی سپاسگزارم

    • qadiryolme (خریدار محصول)

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

  26. mahdi (خریدار محصول)

    عالی بود.

  27. hastamnashnas (خریدار محصول)

    بسیار عالی 👏👏👏👏

  28. Aida

    با سلام خدمت گروه سبز لرن. دوره ی css از قسمت 5 قفل شده و قابل دانلود نیست. اگر دوره دیگه رایگان نیست لطف کنید هزینه دوره را بفرمایید. ممنون

    • qadiryolme (خریدار محصول)

      سلام. باید ثبت نامتون رو در این دوره کامل کنید

      از بخش ثبت نام دوره این مورد رو اقدام کنید

  29. علیرضا (خریدار محصول)

    عالی بود.

  30. moeinmnia (خریدار محصول)

    عالی بود استاد❤️

  31. Elyad ghaffari (خریدار محصول)

    واقعا دوره ی مفیدیه و خیلی کامله
    ممنون ❤️

  32. ariyamokhtarpour (خریدار محصول)

    بینظیر بود محشر ترین دوره css که دیدم

  33. Mohammad Dulati (خریدار محصول)

    با عرض سلام خدمت مهندس امیر دینی
    من شروع کردم به دیدن آموزش ها، الان هم وسط دوری HTML هستم. واقعا عالی تدریس میکنید. کل دوره های دیگمو گذاشتن کنار که تمرکزمو بزارم رو دوره های شما
    خدا قوت 🙂

  34. ahora (خریدار محصول)

    اقا دینی ما باید چیکار کنیم از دست دوره های خوب و جذاب شما بهترین دوره ها منتشر میکنید اقای دینی مرسی ممنون از دوره ی خوبتون

  35. مژگان (خریدار محصول)

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

  36. Imanh89 (خریدار محصول)

    ای کاش زود تر از اینا این آموزش رو نگاه میکردم 🙂
    واقعا کارتون درسته اقای دینی

  37. zyae (خریدار محصول)

    ممنون بابت این دوره خوب . ازبهترین دوره های css که دیدم .عالی توضیح میدین .
    پیشنهاد من اینه که اگر در انتهای دوره یک پروژه بهتر می زدید (از سی اس اس بیشتر استفاده میکردید ) بهتر بود

  38. tara

    سلام وقتتون بخیر، ممنون بایت دوره خوبیتون… sass رو اموزش نمیدین ؟؟

  39. rabani_Shahin (خریدار محصول)

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

  40. Abolfazleilka (خریدار محصول)

    مثل همه دوره هاتون عالی بود استاد
    ممنون بابت دوره خوبتون

  41. rozhan (خریدار محصول)

    واقعا عالی هستین و خیلی با حوصله و قشنگ توضیح میدین.ازتون خیلی ممنونم

  42. Moeid py (خریدار محصول)

    ممنون بابت زحماتی که برای این دوره کشیده اید . دمتون گرم

  43. alinter (خریدار محصول)

    درود و ادب خدمت جناب دینی عزیز
    بنده چندین سال هست که برنامه نویسم و تقریبا تمامی دوره های آنلاین را نگاه میکنم تا بتونم خودم را آبدیت نگه دارم، این کامنتم نظر شخصی بنده هست

    محاسن دوره:
    1- جناب دینی کاملا به بحث css مسلط هستند و به خوبی میتونن مطالب را بیان کنن
    2- سرفصلهای دوره تقریبا کامل هست و یک نفر با گذراندن دوره و تمرین به راحتی میتونه مهارت css را به صورت کامل یاد بگیره
    3- مینی پروژه های متعدد آخر دوره که میتونه تو آبدیتهای بعدی بیشتر هم بشه

    معایب دوره:
    1- تلفظ اشتباه تقریبا تمامی واژگان، حتی به صورت شانسی هم یکبار Weight، Area, Division را درست تلفظ نکردن، شاید برای html & css فرقی نکنه که ما چه تلفظی داریم ولی قطعا برای تدریس اونم تو سایت خوبی مثل سبزلرن، تلفظ درست الزامی هست.

    پیشنهادات:
    1- حداقل دو قسمت در مورد کدخوانی لندینگ پیچهای سایتهای معروف باید داخل دوره باشه
    2- از هر کلیدمیانبری که استفاده میکنید، حداقل روی تصاویر بار اول باید درج بشه (تو دوره های آنلاین خیلی متداول هست)
    3- لطفا یک نظرسنجی داخل تلگرام بذارید و مینی پروژه جذابی که دوستان پیشنهاد میدن را داخل دوره اضافه کنید

    دوستانی که میخوان html & css را از مبتدی صفر یاد بگیرن حتما با این دوره شروع کنن
    به صورت قطعی میتونم بگم با گذروندن این دوره، کار با w3schools و تمرین زیاد، دیگه نیاز به هیچ دوره خاصی ندارن، البته کسانیکه میخوان html & css برای وردپرس یاد بگیرن، اول این دوره را بگذرونن و بعدشم دوره های مخصوص css در وردپرس را

  44. arezoo (خریدار محصول)

    سلام و عرض خسته نباشید . من دوره css رو کامل دیدم و حتی از روش جزوه برداری کردم قطعا بابت تهیه این دوره خیلی زحمت کشیدید همین جا جا داره ازتون تشکر کنم فقط دو تا انتقاد دارم یکی اینکه موقع شروع هر مبحث خیلی کشش میدین تا اصل مطلب رو شروع کنید گاهی اوقات ادم کلافه می شه و دلش میخواد فیلم رو بده جلو و این اصلا خوب نیست مثلا برخی جملات رو چندین بار تکرار می کنید که اصلا ربطی به مبحث نداره . مورد دوم اینکه توی همه فیلمها ادرس اینستا و … رو تبلیغ می کنید اما خود من عضو پیجتون شدم و هیچ چیز هیجانی که اینقدر نیاز به تبلیغ داشته باشه ندیدم ولی در اینستا پیج هایی هستند که خیلی بیشتر پست می زارن و فعالیت می کنند . در هر صورت ممنون از زحمات شما

    • حسین (خریدار محصول)

      نه بابا چی میگی اگه این دوره رایگان نبود اینطور حرف نمیزدی متاسفم برا عامل درونیت

  45. HamidDGEH (خریدار محصول)

    تا قسمت ۴ دیدم حس ششم ام میگه عالیه فقط من چک کردم سرفصل های دوره رو به صورت کامل و ۳ تا چیز که خیلی براش کنجکاو بودم یاد داده باشید رو پیدا نکردم و از سرچ گوگل تنها تونستم پیدا کنم و هیچ کدوم از سایت ها یاد نداده بودن!!! به نظرم یاد بدید خیلی خوبه
    – طراحی یک مگا منو با زیر منو زیاد مثلا دقیقا مثل منوی سایت سافت نود هشت یا سایت دیجی کالا
    – چگونه بدون هیچ استفاده از جاوا اسکریپتی، یک اسلایدر عکس درست کنیم
    -چگونه بدون استفاده از جاوا اسکریپت، یک منو رسپانسیو درست کنیم که مثلا وقتی یک تبلت یا گوشی خواست وارد سایت بشه دقیقا مثل سه خط تلگرام یک آیکون باشه که وقتی روش کلیک کردیم منو ها از کنار صفحه ظاهر بشن
    اگه بازم چیزی حین نگاه کردن دوره یادم بیاد حتما میگم چون شما ها که انقدر زحمت میکشید حقتون که زیاد پیشرفت کنید:)

  46. amirali (خریدار محصول)

    با اطمینان میتونم بگم امروز تک به تک اموزش های تیم سبز لرن رو چشم بسته تهییه میکنم اگر از من بپرسن چرا سبز لرن =
    1 : پوشش کامل منابع اموزشی و ایجاد اعتماد فراوان
    2 : قیمت های اقتصادی و فوق العاده مناسب دوره هاشون که این نشون دهنده این مطلب هست که این تیم سیاست ای اقتصادی در اولویت نداره و چی بهتر از این نوع تفکر؟
    3 : مدرسین خوش اخلاق و درجه یک به تمام معنا استاد واقعی . دم همگی گرم

دیدگاه خود را بنویسید