پکیج آموزش ۰ تا ۱۰۰ Css , Css3
( فیلم آموزشی ) ،توسط مهندس علیرضا روشنایی
به کلیک سایت خوش اومدی ،
اینجا میتونی هر فیلم آموزشی که مد نظر داری رو پیدا کنی.
آموزش های کلیک سایت کاملا از صفر تا صد طراحی شده و تمامی آموزش ها به زبان فارسی و مناسب جهت ورود به بازار کار تولید شده.
پس از دیدن آموزش ها ، بدون تردید شما آماده ورود به بازار کار و کسب درآمد خواهید شد.
برای شروع ، ابتدا فیلم معرفی دوره رو مشاهده نمایید.
سپس میتوانید در ادامه همین صفحه ، سایر قسمت های این مجموعه را دانلود نمایید.
برای مشاهده فیلم با سرعت بالا ، از آی پی ایران استفاده نمایید.
معرفی سرفصل های این دوره:
آموزش صفر تا صد CSS , CSS3
فصل ۱
توضیحات :
مسیری که در این جا برای شما دوستان چندیم با دید شبکه ای و سیستمی چینده شده است . شما در این مسیر از نقطه صفر شروع می کنید و در نهایت به حدی می رسید که که بتوانید در بازار حرفی برای گفتن داشته باشید.
شیوه آموزشی ما به این صورت هست که در اوایل مسیر سعی می کنیم در سریع ترین زمان ممکن کاری کنیم که خروجی زحمات تون رو ببینید و شوق ادامه کار در شما ایجاد بشه و بعد آروم آروم وارد مباحث تخصصی تر میشیم.
هر از چندگاهی هم به صورت جاروبی، مطالب کلیدی در گام های مختلف به صورت مختصر اشاره میشن تا مطمئن بشیم که با پایه ای قوی و مستحکم رشد میکنید.
پس بر این منظور :
در همین فصل اول می آییم یک قالب فروشگاهی را از صفر تا صد طراحی می کنیم تا شما دوستان همین ابتدای کار مفهوم css را درک کنید که در صفحات وب چه وظیفه ای را برعهده دارد .
فصل اول ( ملزومات , درک مفهوم CSS ) :
- شامل ۴۰ قسمت می باشد .
- در قسمت های ۱ و ۲ ابتدا می آییم علم های سمت کلاینت و سرور را به صورت شاخه و برگ بررسی می کنیم .
- و از قسمت های ۳ تا ۵ نرم افزار مورد نیاز در این دوره را نصب می کنیم و با بخش های مهم این نرم افزار آشنا می شویم.
- در قسمت ۶ با پلاگین Emmet آشنا می شویم و بر روی ادیتور Sublime text نصب می کنیم برای آن دسته از دوستانی که بخواهند از این ادیتور استفاده کنند و از قابلیت کدنویسی سریع بهرمند شوند.
- در قسمت های ۷ و ۸ می آییم یک جزء جدانشدنی از طراحان وب یعنی Inspect Element آشنا می شویم و تمامی تب هایش را بررسی می کنیم.
- در قسمت های ۹ تا ۴۰ به تکمیل کردن قالب فروشگاهی مان می پردازیم .
برای دیدن تصاویر مربوط به قالب طراحی شده بر روی لینک کلیک بفرمایید.
بخش های رایگان این مجموعه آموزشی:
سایت ها چطور متولد می شوند ؟ ( بخش ۱ ) ( بخش 1 ) دانلود مستقیم سایت ها چطور متولد می شوند ؟ ( بخش ۲ ) ( بخش 2 ) دانلود مستقیم نصب نرم افزار مورد نیاز ( بخش 3 ) دانلود مستقیم آشنایی با محیط ادیتور phpstorm ( بخش ۱ ) ( بخش 4 ) دانلود مستقیم آشنایی با محیط ادیتور phpstorm ( بخش ۲ ) ( بخش 5 ) دانلود مستقیم کدنویسی سریع با پلاگین پرکاربرد Emmet ( بخش 6 ) دانلود مستقیم آشنایی با Developer Tools کروم / فایرفاکس ( بخش ۱ ) ( بخش 7 ) دانلود مستقیم آشنایی با Developer Tools کروم / فایرفاکس ( بخش ۲ ) ( بخش 8 ) دانلود مستقیم طراحی قالب فروشگاهی ( بخش ۱ ) ( بخش 9 ) دانلود مستقیم طراحی قالب فروشگاهی ( بخش۲ ) ( بخش 10 ) دانلود مستقیم طراحی قالب فروشگاهی ( بخش ۳ ) ( بخش 11 ) دانلود مستقیم طراحی قالب فروشگاهی ( بخش ۴ ) ( بخش 12 ) دانلود مستقیم طراحی قالب فروشگاهی ( بخش ۵ ) ( بخش 13 ) دانلود مستقیم طراحی قالب فروشگاهی ( بخش ۶ ) ( بخش 14 ) دانلود مستقیم طراحی قالب فروشگاهی ( بخش ۷ ) ( بخش 15 ) دانلود مستقیم سخن پایانی فصل اول ( بخش 40 ) دانلود مستقیم قراردادها , شروع کدنویسی حساب شده ( بخش 41 ) دانلود مستقیم انتخابگر ها ( مقدمه ) ( بخش 43 ) دانلود مستقیم رنگ ها ( مقدمه ) ( بخش 57 ) دانلود مستقیم واحدها ( مقدمه ) ( بخش 59 ) دانلود مستقیم متن , فونت ها و لیست ها ( مقدمه ) ( بخش 62 ) دانلود مستقیم ویژگی های مربوط به صفحه آرایی (layout) ( مقدمه) ( بخش 71 ) دانلود مستقیم ویژگی های مربوط به صفحه آرایی (layout) (بخش ۵ ) ( بخش 76 ) دانلود مستقیم ویژگی های مربوط به پس زمینه و حاشیه ها ( مقدمه ) ( بخش 82 ) دانلود مستقیم ویژگی های مربوط به پس زمینه و حاشیه ها ( بخش ۶ ) ( بخش 88 ) دانلود مستقیم سخن پایانی فصل دوم ( بخش 100 ) دانلود مستقیم سخن پایانی مینی پروژه های سری اول ( بخش 111 ) دانلود مستقیم سخن پایانی مینی پروژه های سری دوم ( بخش 122 ) دانلود مستقیم مینی پروژه ۲۷ ( بخش 129 ) دانلود مستقیم سخن پایانی مینی پروژه های سری سوم ( بخش 133 ) دانلود مستقیم مینی پروژه ۳۵ ( بخش 138 ) دانلود مستقیم سخن پایانی مینی پروژه های سری چهارم ( بخش 144 ) دانلود مستقیم سخن پایانی مینی پروژه های سری پنجم ( بخش 155 ) دانلود مستقیم سخن پایانی مینی پروژه های سری ششم ( بخش 174 ) دانلود مستقیم سخن پایانی مینی پروژه های سری هفتم ( بخش 182 ) دانلود مستقیم طراحی قالب فروشگاهی ( مقدمه ۱ ) ( بخش 183 ) دانلود مستقیم مروری بر طراحی صفحه اصلی ( بخش 217 ) دانلود مستقیم مروری بر صفحات : ورود , ثبت نام , تغییر رمز عبور , فراموشی رمز عبور , خوش آمد گویی , ارسال کد ( بخش 226 ) دانلود مستقیم مروری بر صفحات پروفایل کاربری ( بخش 240 ) دانلود مستقیم مروری بر صفحات : سبد خرید , معرفی محصول , مقایسه محصول و ...... ( بخش 288 ) دانلود مستقیمدر این فصل با انجام یک پروژه عملی درک می کنیم که اصلا این سی اس اس یعنی چی ؟
می آییم در این فصل به طور کامل مفهوم سی اس اس را درک می کنیم ...
( سایت ها چطور متولد می شوند ؟ ( بخش ۱ ) )
( سایت ها چطور متولد می شوند ؟ ( بخش ۲ ) )
( نصب نرم افزار مورد نیاز )
( آشنایی با محیط ادیتور phpstorm ( بخش ۱ ) )
( آشنایی با محیط ادیتور phpstorm ( بخش ۲ ) )
( کدنویسی سریع با پلاگین پرکاربرد Emmet )
( آشنایی با Developer Tools کروم / فایرفاکس ( بخش ۱ ) )
( آشنایی با Developer Tools کروم / فایرفاکس ( بخش ۲ ) )
( طراحی قالب فروشگاهی ( بخش ۱ ) )
( طراحی قالب فروشگاهی ( بخش۲ ) )
( طراحی قالب فروشگاهی ( بخش ۳ ) )
( طراحی قالب فروشگاهی ( بخش ۴ ) )
( طراحی قالب فروشگاهی ( بخش ۵ ) )
( طراحی قالب فروشگاهی ( بخش ۶ ) )
( طراحی قالب فروشگاهی ( بخش ۷ ) )
( طراحی قالب فروشگاهی ( بخش ۸ ) )
( طراحی قالب فروشگاهی ( بخش ۹ ) )
( طراحی قالب فروشگاهی ( بخش ۱۰ ) )
( طراحی قالب فروشگاهی ( بخش ۱۱ ) )
( طراحی قالب فروشگاهی ( بخش ۱۲ ) )
( طراحی قالب فروشگاهی ( بخش ۱۳ ) )
( طراحی قالب فروشگاهی ( بخش ۱۴ ) )
( طراحی قالب فروشگاهی ( بخش ۱۵ ) )
( طراحی قالب فروشگاهی ( بخش ۱۶ ) )
( طراحی قالب فروشگاهی ( بخش ۱۷ ) )
( طراحی قالب فروشگاهی ( بخش ۱۸ ) )
( طراحی قالب فروشگاهی ( بخش ۱۹ ) )
( طراحی قالب فروشگاهی ( بخش ۲۰ ) )
( طراحی قالب فروشگاهی ( بخش ۲۱ ) )
( طراحی قالب فروشگاهی ( بخش ۲۲ ) )
( طراحی قالب فروشگاهی ( بخش ۲۳ ) )
( طراحی قالب فروشگاهی ( بخش ۲۴ ) )
( طراحی قالب فروشگاهی ( بخش ۲۵ ) )
( طراحی قالب فروشگاهی ( بخش ۲۶ ) )
( طراحی قالب فروشگاهی ( بخش ۲۷ ) )
( طراحی قالب فروشگاهی ( بخش ۲۸ ) )
( طراحی قالب فروشگاهی ( بخش ۲۹ ) )
( طراحی قالب فروشگاهی ( بخش ۳۰ ) )
( طراحی قالب فروشگاهی ( بخش ۳۱ ) )
( سخن پایانی فصل اول )
وضعیت دوره: تکمیل شده
تعداد قسمت ها : 294 قسمت
سطح آموزش: صفر تا صد
به همراه کدها و فایل های آموزش
پشتیبانی فنی: دارد
می توانید پس از دریافت مجموعه،مشکلات و سوالات تخصصی و فنی خود را با سازنده این مجموعه، (مهندس علیرضا روشنایی ) در میان گذاشته و برطرف نمایید.
تعداد فصل ها: 4 فصل
مدت زمان: 104 ساعت
افزودن پکیج به سبد خرید
جهت اطلاع از بروزرسانی این دوره آموزشی و اطلاع از بخش های جدید،ایمیل خود را وارد نمایید:
نظر/پرسش/پیشنهاد شما
در صورت تمایل به دریافت پیامک به هنگام پاسخ به سوال شما و یا به هنگام درج نظر شما در سایت، شماره همراه خود را وارد نمایید.
جهت بزرگنمایی،ماوس را روی تصویر حرکت دهید
در حال بارگزاری تصاویر...
نظرات/پرسش ها/پیشنهادات ( صفحه 2 )
محسن آستانه
میگه:
مهندس ایشاللا بعد از پروژه 50 ام و مباحث flex box و گرید سیستم سراغ پروژه دیجی کالا میرید؟
پاسخ:
بله انشالله بعد از گفتن این مباحث و انجام چندین مینی پروژه در ارتباط با این موضوع ها سراغ پیاده سازی پروژه کاملی می رویم
محسن آستانه
میگه:
سلام مهندس
مهندس مباحث grid system و flex box رو هم تدریس کردین؟
پاسخ:
درود بر شما .
انشالله این موارد مذکور و مبحث مدیا کوئری در همین فصل سوم بعد از اتمام مینی پروژه ۵۰ ام گفته خواهد شد
سروش ذوقی
میگه:
سلام، sass و less رو هم مورد بحث قرار دادید؟
پاسخ:
درود بر شما .
خیر فقط css , css3
من
میگه:
سلام وقتتون بخیر من میخوام input هایی داشته باشم مثل درگاه های بانکی اونجا ک شماره کارت را وارد میکنیم که 4 رقمم وارد شد خودش برود input بعدی
در کدام دوره شما میتونم این آموزشو ببینیم؟ اگر شما آموزش ندارید باید به کجا مراجعه کنم یا از چه دستوراتی استفاده کنم
پاسخ:
درود بر شما .
هنوز این نمونه رو پیاده سازی نکردیم .
ولی حتما پیاده سازی اش می کنیم و بعد از پیاده سازی کردن این نمونه و نمونه های دیگر حتما در کانال تلگرامی سایت اطلاع رسانی می کنیم .
منابع دیگری رو نمی دونم کجا توضیح داده شده ولی حالا سرچ کنید .
برای پیاده سازی این طرح باید از رویداد هایی که داخل js وجود دارد کمک بگیریم
محمدحسین
میگه:
سلام استاد عزیز
میخواستم بدونم شما دوره bootstrap هم تو سایت دارید؟ چون من پیدا نکردم.
و اینکه برای طراحی سایت حتما یادگرفتن bootstrap مهمه؟
پاسخ:
درود بر شما .
خیر هنوز این دوره از بنده ضبط نشده .
بله در بحث واکنشگرایی دارای اهمیت است که در ابتدا شما باید از پایه با css آشنا باشید که به راحتی بتونید از فریم ورکی ماننده bootstrap استفاده کنید که در دوره html , css تا حدودی با bootstrap کارشده که شما روال کار رو یاد بگیرد .
مارال مقصودلو
میگه:
سلام استاد خسته نباشین ببخشید فصل 3 4 5 چند قسمته؟
کاربر
میگه:
استاد برنامه به ای برای css4 دارین؟
پاسخ:
سلام .
فعلا خیر انشالله بعد از اتمام دوره ها البته با موافقت مدیریت سایت در برنامه کاری این دوره مذکور را قرار می دهیم .
مسعود مرادی
میگه:
استاد میشه بگید به عنوان پروژه پایانی چه سایتی را میزنید؟؟
پاسخ:
با سلام خدمت شما.
انشالله یک قالب فروشگاهی مشابه دیجی کالا چون پر از نکته و ترفند است.
مهدی راستینه جوان
میگه:
سلام استاد برای اینکه طراح وب خوبی بشم اول دوره های پایه زبان های:
HTML5
CSS3
JS
PHP
موجود در سایت رو ببینم بعد دوره ی آقای بلاغی یا برعکس.
و اینکه بازار کار CSS3 و JS چطور هست؟
ممنون
کاربر
میگه:
سلام
من این کدو نوشتم ولی اصلا اون پس زمینه div که باید ابی نشونش بده ر و نیمده مشکل از کجاست؟
shop
تست
تست
تست
شماره تماس :
اینم سی اس اس
.home {
width: 100;
background-color: blue;
margin: 0;
padding: 0;
}
.left {
float: left;
}
.right {
float: right;
}
a {
color: cornsilk;
}
li {
list-style: none;
display: inline;
}
پاسخ:
با سلام خدمت شما .
دوست گرامی سوالات خودتان را از بخش رفع اشکال مطرح کنید و در قالب فایل بفرستید تا بررسی کنم خدمتتون کامل توضیح دهم.
مارال مقصودلو
میگه:
سلام روزتون بخیر استاد فصل 4 و 5 چندقسمت هست تا چه زمانی تکمیل میشود؟
پاسخ:
با سلام خدمت شما.
در فصل ۴ که انشالله پروژه ای را پیاده سازی خواهیم کرد حداقل ۱۰۰ قسمت خواهد شد و همچنین فصل ۵ ام که جمع بندی است حدودا ۱۰ - ۲۰ قسمت خواهد شد .
زمان دقیقی برای بارگذاری فصل های ۴ و ۵ مشخص نیست
مارال مقصودلو
میگه:
سلام روز بخیر استاد فصل 4 و 5
css رو داخل سایت چه زمانی بارگزاری میکنید؟
پاسخ:
با سلام خدمت شما.
فعلا که فصل سوم در حال تدریس است...
انشالله به زودی فصل سوم تکمیل می گردد و قدم می گذاریم به فصل چهارم و ...
مارال مقصودلو
میگه:
سلام وقتتون بخیر ببخشیدآموزش css کلا چند قسمت است و هزینه قسمت های غیردانلودی در مجموع چقدر است
پاسخ:
با سلام خدمت شما .
دوره css در حال برگزاری است ...
به زودی فصل دوم تکمیل خواهد شد و پیش بینی می شود تعداد قسمت ها بیش از ۲۰۰ قسمت خواهد شد.
برای ملاحظه هزینه دوره روی افزودن به سبد خرید کلیک کنید قیمت مشخص می شود.
کاربر
میگه:
سلام وقت بخیر.
من css رو کار کردم و بیشتر مدنظرم هست فصل های مربوط به پروژه و مثالهای کاربردی رو ببینم. حدودا چه زمانی فصول 3 به بعد روی سایت قرار میگیرند؟
پاسخ:
با سلام خدمت شما .
انشالله به زودی فصل دوم تکمیل می گردد که در حال ضبط مباحث مهم css هستیم بعد انشالله ورود پیدا می کنیم به فصل سوم و انجام پروژه .
امیرحسین
میگه:
سلام استاد امکانش هست آموش ساخت تلویزیون اینترنتی رو هم برگزار کنید .
البته من نمیدونم این نوع آموزش مربوط به دوره jquey هست یا css.
منظورم از تلویزیون اینترنتی این هست که به صورت انلاین همون موقع کا فیلم برداری میشه در وبسایت پخش شه چیزی شبیه به لایو اینستاگرام .
در صورت امکان لطفا مشخص راهنمایی بفرمایید برای درک کامل این موضوع باید چه مطالبی رو چک کنیم.
ممنون از دوره های خوب شما.
نجمه نجفی
میگه:
سلام . با تشتکر از آموزش های فوق العادتون.
میخواستم بپرسم الان فصل دوم کامل هست ؟ اگر من الان تهیه کنم بعد یه قسمت هایی به فصل دو اضافه بشه باید اونارو تکی تهیه کنم؟
پاسخ:
باسلام خدمت شما .
خیر فصل دوم هنوز کامل نشده است انشالله بزودی فصل دوم تکمیل می گردد .
و همچنین اگر قسمت هایی هم اضافه شود بله برای تهیه به صورت تکی باید تهیه کنید .
با تشکر از همراهی شما.
علی
میگه:
سلام استاد دوره بعد از دوره cssوjs آیا دوره react هم در نظر دارید واقعا همچنین دوره خواهش میکنم در نظر داشته باشید ممنون
پاسخ:
باسلام خدمت شما.
بله چشم .
انشالله در مورد این دوره با مدیریت محترم سایت مذاکره خواهیم کرد.
آرمان شفیعی
میگه:
ببخشید استاد میشه بفرمایید قسمت 80 ام و ادامه آموزش css تا چند روز دیگه گذاشته میشه
ممنون میشم بفرمایید چون شهرستان هستم و میخوام هر چند قسمت هست رو پستی برام بفرستن و خریداری کنم متشکر میشم جواب بدین حداکثر چقدر طول میکشه بذارید مابقی رو
پاسخ:
با سلام خدمت شما.
قسمت های جدید منتشر شده است ...
دوست عزیز به دلیل حجم بالای مطالب انشاالله تمام تلاشمان را می کنیم تا اواخر امسال دوره تکمیل گردد.
با تشکر از همراهی شما.
کمیل
میگه:
سلام استاد خسته نباشید.بنده دوره جاوااسکریپت شمارو دنبال میکنم.قبلا سی اس اس رو گذروندم ولی خب توی ریسپانسیو مشکل دارم و نمیتونم به خوبی سایتی رو ریسپانسیو کنم.تو این دوره به طور کامل ریسپانسیو آموزش داده میشه؟؟و اینکه کل دوره رو خریداری کنم یا فقط قسمت مربوط به ریسپانسیو رو بخرم؟ و سوال آخر اینکه ریسپانسیو با بوت استرپ رو پیشنهاد میکنید یا با مدیا کوئری ها؟؟ ممنون میشم جواب بدین .تشکر
پاسخ:
با سلام خدمت شما .
بله بطور کامل ریسپانسیو با Media Queries آموزش داده می شود.
در جواب سوال آخر شما :
در یک پروژه بهتر است از هر دو استفاده شود چرا که در بعضی مواقع استفاده از Bootstrap خیلی ساده تر است و در بعضی مواقع استفاده از Media Queries.
انشالله پروژه هایی که پیاده سازی خواهیم کرد از هر دو روش استفاده خواهیم کرد.
مهدي
میگه:
استاد سلام
ضمن عرض سپاس از جنابعالي پيشنهادي دارم كه اميدوارم مورد قبول واقع شود.
آيا امكان دارد در همين دوره، آموزش‌هاي Lass , Sass , Scss را در فصل‌هاي مجزا برگذار نماييد. به اين دليل ميگويم كه زمان را جهت تعريف دوره جديد از دست نخواهيم داد.و همچنين پيوستگي مطالب حفظ خواهد شد.
البته درصورت صلاحديد جنابعالي.
با تشكر دانشجوي دوستار جنابعالي
پاسخ:
با سلام خدمت شما دوست گرامی .
ممنون از شما که دوره را دنبال می کنید .
این پکیج فقط شامل آموزش css , css3 می باشد انشالله به زودی موارد ذکر شده را در یک پکیج دیگر ارائه خواهیم داد...
مهدی
میگه:
سلام
استاد نظرتان را در رابطه با آموزش sass و lass در سئوال فبلی من بیان نکردید.
با تشکر
مهدي
میگه:
استاد سلام
با آرزوي موفقيت براي شما خواهشمندم جهت پربارتر شدن دوره آموزش Css لطفا آموزش Sass و Lass را در دو فصل مجزا در دستور كار خود قرار دهيد. البته درصورت صلاح ديد.
با تشكر از تمامي زحمات شما
پاسخ:
با سلام خدمت شما .
دوست عزیز این پکیچ فقط شامل آموزش css , css3 می باشد .
انشالله قصد داریم با موافقت مدیریت سایت در یک پکیج کاربردی دیگری مباحث ذکر شده را ارائه کنیم .
با تشکر .
کاربر
میگه:
سلام استاد.خسته نباشید.استاد css3 رو کامل کامل درس میدین؟؟؟
پاسخ:
باسلام خدمت شما .
بله بطور کامل به css3 هم خواهیم پرداخت.
arezoo
میگه:
سلام.وقت بخیر.
ببخشید این دوره در نهایت چند قسمت می باشد.
پاسخ:
باسلام.
انشالله بیش از 200 قسمت
M.T
میگه:
سلام استاد
استاد میخاستم بپرسم اگر توی یک div از تگpکنیم و بین اون div و div بالاییش فاصله افتاد مشکل چجوری حل میشه؟
باتشکر از سایت خوبتون
پاسخ:
با سلام .
سوالات خودتان را از طریق پنلتان در بخش رفع اشکال مطرح کنید .( سورس را بفرستید تا چک کنم ) .