تومان

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

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

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

 

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

47 درس14:1:19

فصل اول – Header ها?

در این فصل ، چندین هدر جذاب را پیاده سازی خواهیم کرد و در هر ویدیو یک تکنیک و یا پراپرتی جدیدی را آموزش خواهید دید ، در css پراپرتی های کاربری اما کمتر شناخته شده ای وجود دارد که در این فصل به برخی از آنها اشاره خواهیم کرد

فصل دوم – Button ها?

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

فصل سوم – منو ها و navbar ها?

در این فصل در مورد navbar ها و منوها صحبت خواهیم کرد ، چندنکته ی مهم در طراحی این قسمت هارا یاد خواهیم گرفت و در ادامه نیز با پیاده سازی چند پروژه ی جذاب ، فصل را به پایان خواهیم رساند

فصل چهارم – بخش Media?

در این فصل چندین پروژه در مورد Media خواهیم زد و در این فصل کوتاه هم چندین تکنیک یاد خواهید گرفت

فصل پنجم – background های شناور?

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

فصل ششم – ساخت search box و loading bar?

در این فصل search box ها و loading bar های مختلف را کد زنی خواهیم کرد

فصل هفتم – کار کردن با عکس ها?

در این فصل چندین پروژه متفاوت خواهیم زد و با یکسری تکنیک مربوط به عکس ها در css آشنا خواهید شد

آزمون نهایی

82 دیدگاه برای پروژه های خلاقانه با Html و Css

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

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

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

    سلام و وقت بخیر خدمت شما عکس ها به دلیل حجم و تعداد بالا امکان آپلود رو نداشتند . شما میتونید از عکس های دلخواه خودتون استفاده کنید . از وب سایت هایی مثل pinterest , unsplash , pexeles استفاده کنید.

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

    به عکس هایی ک داخل دوره استفاده میکردید چگونه دسترسی پیدا کنم؟؟؟؟

  4. Azizollah payandeh (خریدار محصول)

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

  5. m.amin

    سلام عرض ادب
    از چالش هایی که همیشه داشتم دقیقا موردی بود که مدرس در اولین ویدیو بیانش کردن
    آموزش واقعا کامل و جامع مدرس هم واقعا دلسوز هستن و اشتیاق کامل برای تدریس رو دارن
    بینهایت سپاسگذارم از مجموعه سبزلرن

  6. ..Emad

    سلام خسته نباشید. پروژه های زده شده ریسپانسیو هستن آیا؟

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

    با سلام خدمت الهی عزیز
    این دوره بسیار کاربردی و مفید بود و به نظرم هر زبان و فریمورک جدا از مباحث تئوری به یک دوره مانند این دوره نیاز دارد تا بتوان در یادگیری عمیق شد
    تدریس و بیان شما به مانند دوره گرید ساده و روان و به دور از حاشیه بود
    بی نهایت از شما و همچنین سایت سبزلرن که این دوره را ارائه کردید سپاسگذارم❤️

  8. حسین5432 (خریدار محصول)

    سلام و عرض ادب خدمت استاد الهی محترم بسیار عزیز
    استاد نمیشه چندتا پروژه رسپانسیو بزنید؟هدر و navbarمخصوصا خیلی واسم مهم بود.

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

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

  9. amir.hossein (خریدار محصول)

    ممنون از تدریس بی نظیر و صدای گرم شما استاد…
    واقعا مفاهیم رو عالیو قابل درک توضیح میدید
    یه خسته نباشید ویژه هم به شما تقدیم میکنم استاد
    منتظر دوره های بیشتری از شما هستیم…

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

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

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

    با سلام در بخش اول قسمت 3 را دوبار آپلود کردید

  11. mohammad64 (خریدار محصول)

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

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

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

  12. sharifi

    سلام استاد محترم
    چرا دروه رو نمیتونم دانلود کنم

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

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

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

      همچنین برای دانلود هر ویدیو کافیه روی ویدیوی موردنظر کلیک کنید و بعد گزینه ی دانلود ویدیو رو کلیک کنید

  13. زهرا نیرومند (خریدار محصول)

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

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

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

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

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

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

    خدا خیرت بده مهندس

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

    سلام آقا امیر دلم نیومد نظر ندم دوره رو گذروندم 84.9% از مشکاتم حل شد و خیلی از چیز هایی که نمیفهمیدم رو تو دوره شما برام قابل فهم شد یک دنیا ممنون.

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

    اوستا عشقی😁❤

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

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

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

    سلام استاد. روزتون مبارک . ممنون از این آموزش عالی و متفاوت.
    دیدگاهم نسبت به css عوض شد :))

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

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

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

      سلام دوست من
      لطفا سوالتون رو در بخش “پرسش و پاسخ” دوره مطرح بفرمایید

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

    سلام ببخشید فرق filter و backdrop filter چیه؟

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

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

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

    سلام استاد الهی عزیز خسته نباشید، روز بخیر و اگر شب پیام منو دیدید شبتون بخیر باشه 😁😊 استاد واقعا عالیه من بخش هدر ها کامل دیدم و قبلا یه دوره 12 قالب نگاه کرده بودم و اونم خیلی عالی بود این دوره شماام بخش هدرها کامل دیدم و یکسری چیزای جدید یاد گرفتم و خیلی عالی توضیح میدادید مفاهیم من گرید جاهای دیگه دیده بودم اصلا متوجه نشده بودم اما با دوره شما کاملا متوجه شدم دمتون گرم فقط خواستم بگم استاد اگه امکان داره یه دوتا قالب کامل (فروشگاهی،پنل ادمین یا شرکتی) به دوره اضافه کنید واقعا عالی میشه

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

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

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

    سلام خداقوت دوره بی نظیر بود واقعا لذت بردم چه خلاقیت هایی بعدش تو ذهن آدم ایجاد میکنه واقعا مرسی فقط کاش آخر دوره یک وب سایت کامل هم ایجاد میکردید تا باهاش آشنا بشیم یا اگه پیشنهاد منو قبول میکنید لطفا یک دوره هم قرار بدید که فقط ۳۰ تا سایت کامل در سبک های مختلف زده بشه که دیگه واقعا حرف نداره اگه اینجوری بشه چون دیگه من بعد از اون سعی میکنم خودم یک سایت کامل راه اندازی کنم و بعدش با خیال راحت برم جاوا اسکریپت رو یاد بگیرم سپاس کهکشانی🤩😎😍💚💎

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

    khaste nabashid ostad dore aly bod

  25. ف ج (خریدار محصول)

    سلام وقت بخیر
    گزینه دانلود همگانی ویدیو ها برای من کار نمیکنه… اگه میشه علتش رو بگید و امکان دانلود یکجای همه ی فیلم ها رو بذارید چون یکی یکی دانلود کردن خیلی سخته
    ممنون

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

    سلام خدا قوت ، خیلی ممنون بابت زحمات شما دوره خیلی خوبه من امروز شروع کردم و ویدیو اول رو دیم و تو قسمت اول مفاهیمی مثل grid رو گفتین که من باهاشون ناآشنا هستم به نظرتون اول اون دوره هارو (grid , flexbox …) ببینم بعد بیام سراغ این دوره یا نه همینو ادامه بدم اونارو هم بعد این ببینم ؟؟؟
    ممنون بابت وقتی که میذارید.

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

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

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

    سلام خسته نباشید ، تشکر میکنم از دوره ی خوبتون ، ترکوندید
    فوق العاده عالی بود

  28. Mortaza

    با سلام خدمت استاد گرامی و سپاس گزارم بابت زحمات ارزشمند شما
    از ویدیوی Header 4 به بعد برای من قفله، اگه مشکل رو حل کنید ممنون میشم، با تشکر فراوان

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

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

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

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

  29. omid pourmehr

    سلام
    ببخشید امکان داره که دوره های html و css و js رو به صورت فایل زیپ بزارید ویدیو هاشو تا کامل دانلود کنیم؟؟؟
    من امشب میخام دانلود کنم دوره ی css و js رو و واقعا سختمه تک تک دانلود کنم و تعداد ویدیو ها خیلی زیاده و دانلود تک تک ویدیو ها اذیت کنندس
    بسیار سپاسگزارم اگه امشب و زودتر قرار بدید برای دانلود و منتظر پاسخگوییتونم هستم به زودی
    بسیار ممنونم

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

    سلام خسته نباشید ببخشید یه سوال داشتم
    من وقتی بخوام این دوره رو ببینم آیا بهتره که فلکس و گرید رو هم بلد باشم؟؟
    یا مثلا اگر اونم بلد باشم مشکلی طی این دوره پیش نمیاد؟؟
    و اینکه فرق کسی که بخواد این دوره رو ببینه که فقط html و css رو بلده و کسی که این دو تا رو با فلکس و گرید رو هم بلده چیه آیا مشکلی ایجاد میکنه یا نه برعکس بهترم میشه؟؟؟

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

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

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

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

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

      سلام رضاجان سال نوی شما هم مبارک . بهترین هارو براتون آرزو میکنم. بسیار خوشحالم که دوره بهتون کمک کرده 🙏🏻

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

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

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

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

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