سلام خسته نباشین در رابطه با فشرده سازی های css بهتر هست برای هر سایتی انجام بشه یا فقط سایت های بزرگ؟ و اینکه دقیقا روی چه چیزی تاثیر میزاره این فشرده سازی فایل ها؟ و سوال سوم اینکه چرا اینقدر درایو ها رو عوض میکردین؟ نمیشه همه ش روی یک درایو باشه یا حتی روی دکستاپ؟ سوال چهارم اینکه اگه بعد از فشرده سازی بخوایم مثلا کدهای css رو تغییر بدیم باید چیکار کنیم؟ چون اینجور که در دیدئو دیدم کدها خطی شدن و مدلشون عوض شد.
با سلام و خسته نباشید
طبیعتا برای وب سایت های نسبتا بزرگ از Grunt استفاده میکنن. البته که کلی ابزارهای مختلف برای فشرده سازی فایل های CSS هست.
طبیعتا برای تغییر کدها در فایل های فشرده ، باید فایل فشرده رو تبدیل به ساختار مناسب و درختی کنید که بتونید تغییرات مدنظرتون رو انجام بدین.
mohammadreza
4 سال و قبل
سلام یه سوالی داشتم ربطی به این مبحث نداره , من تا اینجا html و css تقریبا کامل یاد گرفتم الانم دارم bootstrap یاد میگیرم ولی بعدش موندم چی یاد بگیرم منظورم اینه برم سمت wordpress و php و کلن برنامه نویس سمت سرور شم یا برم سمت javascripte و sas برنامه نویس سمت کاربر شم , از یه طرفی javascripte سیستم node.js داده که باهاش میشه سمت سرورم نوشت , نظر شما چیه برنامه نویسی وب به سمت node.js میره؟که در اینصورت javascripte بهتر از php عه یا نه php و wordpress وزنه سنگین تری نسبت به node.js دارن ؟
ممنون میشم نظر شخصی و دورنماتون رو بدید
با سلام و خسته نباشید
بستگی به خودتون داره. موقعیت های شغلی بسیار زیادی در حوزه طراحی و برنامه نویسی وب و اپ هست. به طور مثال ، توسعه دهنده نرم افزار ، توسعه دهنده وب ، توسعه دهنده اپلیکیشن‌های موبایل ، تحلیل گر امنیت اطلاعات و … که هرکدام باز زیرشاخه های خاص خود را دارند.
اگر علاقه مند به حوزه برنامه نویسی هستین ، پیشنهاد میکنم زبان های PHP , Javascript رو فرابگیرید. به ویژه Javascript و زیرشاخه های آن.
ممنونم از پاسختون ولی یه مسئله ای است که نمیشه هم php هم javascipt رو کنار هم کامل یاد گرفت بخصوص برای من که معلمم و به صورت پاره وقت می خوام برنامه نویسی کنن , بیشتر می خواستم بگید چندسال اینده کدومشون بهتره , امکان داره یه cms با زبان javascript در حد wordpress نوشته بشه ؟ چون الان طراحی قالب وردپرس و ساخت افزونه درامد خوبی داره
باز هم بستگی به خودتون داره. تاکید میکنم که در هر حوزه ای متخصص باشید ، قطعا بازارکار خوبی خواهید داشت و تفاوتی در بازارکار PHP و Javascript خیلی نیست.
amiradabi
5 سال و قبل
ممنون از آموزش خوب و اینکه رایگان گذاشتینش
mehdi3214
6 سال و قبل
سلام . واقعا سایت شما تو همه ضمینه ها حرف اول و آخر را میزند. خیلی خیلی مفید بود
mostafa254
6 سال و قبل
هنوز دوره رو شروع نکردم ولی توی ” مسیر طراحی کاربری ” ( https://welearn.site/ui-path/ ) این گام 19 هست ولی بالا نوشته شده 23 .
سلام دوست من
تو اسلایدر بالای صفحه دوره کل مسیر الحاقی رو نمایش دادیم (مسیر رابط کاربری و وردپرس) اما در صفحه مسیر رابط کاربری صرفا تنها همین مسیر رو قرار دادیم.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
Milad_Hosseini
6 سال و قبل
سلام و عرض ادب و مرسی از این کار قشنگ‌تونف ولی نمیشه هیچ کدوم از این ویدئوها رو دانلود کرد..تا نود و نه و نود و نه درصد میره و دیگه دانلود نمیشه.
لطفا از داخل تنظیمات نرم افزار ADM برگه connection رو انتخاب کنین و گزینه Default max conn.number رو روی عدد 1 قرار بدین.در صورتی که مشکلتون برطرف نشد از نرم افزار دیگر یا از خود مرورگر برای دانلود استفاده کنین.
با عرض سلامی دوباره
ضمن تشکر از پاسخگویی و راهنماییتون باید بگم که کاری که گفتید را اول انجام دادم،نشد
ولی مرورگرمو عوض کردم و از دانلودمنیجر هم استفاده نکردم به راحتی دانلود شد
خیلی سپاس گذارم ازتون و همچنین استاد علی مظلوم
خیلی ممنون میشم دوره های تجربه کاربری را هم به صورت حرفه ای شروع کنید
سلام
من دانلود کردم ولی الان فیلم ها آخراش اجرا نمیشه.مثلا قسمت سه تا دقیقه 4:20 فقط پخش میشه فقط قسمت 1 و 2 کامل سالمه
ممنون میشم کمک کنید یا لینک دانلود فایل سالم بهمون بدید
به دلیل زیاد بودن حجم بعضی از ویدیوها (مثل ویدیو شماره 3 که گفتین) ممکن هست که دانلود به طور کامل انجام نشه.بنده برسی کردم ولی مشکلی نبود.
حتما دقت کنین که ویدیو به طور کامل دانلود شده باشه.
spring
6 سال و قبل
سلام ، ممنون از مطالب مفیدتون.
-می خواستم بدونم کسانی که حرفه ای کد میزنن از چه ابزار هایی برای پشتیبانی 100 درصدی مرورگرها برای وبسایتاشون استفاده می کنن؟ (مثلا flexbox در ie 8,9 پشتیبانی نمی شه)
یا این که “بعد از طراحی” چک می کنن
که کدام دستورات در مرورگر های قدیمی پشتیبانی نمی شوند تا از پیشوند ها و پلیفیل ها استفاده کنند؟
سلام دوست من
برای تست طرح از تمامی مرورگرها از جمله Chrome , Firefox , Comodo , Safari , Idge استفاده میکنیم و مشکلی در هر مرورگر باشه طبیعتا برای رفع اون مشکل اقدام میکنیم.
البته توجه داشته باشید که مرورگرها اینقدر پیشرفته شدند که طرح وب سایت شما در تمامی این مرورگرها تا حد بسیار زیادی یکسان نمایش داده شود.
اما اینکه کدام دستورات در مرورگرهای قدیمی پشتیبانی نمیشوند پارامترهای زیادی داره و ۱ یا ۲ دستور نیست. شما حتما طرح خودتون رو توی تمام مرورگرها تست کنید و اگر مشکلی بود گوگل کنید.
Amosadegh
6 سال و قبل
سلام
آموزش ها تا 99.99% دانلود میشه و متوقف میشه
خسته نباشید
سلام مجدد
چطور می تونیم به طور همزمان هم فایل های جی اس هم فایل های سی اس اس رو با concat به هم الحاق کنیم
طبق چارچوبی که خود پکیج تعریف کرده باید یک dist , src مشخص کنیم که این طوری فقط می تونیم یک دسته از فایل ها رو الحاق کنیم
سلام دوست من
شما طبیعتا قبل از هرچیز باید grunt-contrib-concat رو نصب کنید
بعد از اون شما به طور مثال ما یک دایرکتوری package داریم که در این دایرکتوی ۲ دایرکتوری css , js با فایل های خاص خودشون قرار دارن
شما به راحتی میتونید از طریق grunt-contrib-concat دو نمونه concat با js , css تولید کنید
در این لینک میتونید به جوابتون برسید
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
hamidha
7 سال و قبل
سلام
استاد چند تا سوال دارم ممنون می شم پاسخ بدید :
1.تفاوت گرانت و گالپ چیه ؟
2.ایا درسته که گفته میشه سرعت گالپ بالاتره ؟
3.آیا درسته که میگن توسعه دهنده هایی که قبلا با گرانت کار می کردند دارند مهاجرت می کنند به گالپ ؟
سلام دوست من
بله کاملا حرف شما درسته
گرچه تعداد پلاگین های Grunt خیلی بیشتر از Gulp هست اما تعداد توسعه دهنده های Gulp نسبت به Grunt داره روز به روز بیشتر میشه و طبیعتا تعداد پلاگین های که طراحان وب تو Gulp نیاز دارند هم بیشتر و بیشتر خواهد شد.
مهمتر از همه اینها اینه که Gulp داره از Node streams استفاده میکنه در حالیکه Grunt از temp files استفاده میکنه.
غیر از سرعت نوشتن فایل تنظیمات و روندها در Gulp ساده تر از Grunt است
گرچه خیلی هم مورد بحث نیست که ما در پروژه هامون از Gulp استفاده کنیم یا Grunt دلیل هم به این برمیگرده که اکثر پروژه های ما کوچیک هستن و در حد وب سایت های فروشگاهی و رزرو و شرکتی و شخصی و … می باشند و خیلی برای ما فرقی نداره فایل های ما تو 500 میلی ثانیه کامپایل بشن یا ۸۰۰ میلی ثانیه.
در کل توسعه دهنده ها دارن به سمت Gulp سوق پیدا میکنن ولی Grunt به دلیل اینکه پلاگین های زیادی داره و نیازمندی های کاربران رو به خوبی فراهم میکنه هنوز هم محبوبیت خوبی داره.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
hp1375
7 سال و قبل
سلام اقای مظلوم خوبین ؟
اقا چجوری میشه این 3 تا پلاگین و با هم اجرا کرد
grunt + sass + browser-sync
یک راهنمایی بکنید هر چی تو نت گشتم پیدا کردم ولی نتوستم اجراشون کنم !
مرسی 🙂
سلام دوست من
لینک زیر نحوه نصب SASS و Browsersync رو به طور کامل توضیح داده https://wearejh.com/development/frontend-automation-with-grunt-sass-browsersync
در صورتی که بخواهید فقط Grunt رو با Browsersync کنید هم از دستور زیر در cmd استفاده کنید
$ npm install grunt-browser-sync –save-dev
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
روند آموزشتون خیلی افت پیدا کرده من الان چند وقته هر روز سر میزنم شاید قسمت بعدی این آموزش اومده باشه ولی خبری نیست متاسفانه وی لرن خیلی کند شده لطفا تکون بده بدنو تکون بده چیز نه ببخشید اشتباه شد 😀 منظورم این بود یه تکونی به سایت بدید قسمتای بعدی رو بذارید من منتظر آموزشای جذاب تر از شما هستم مخصوص پنل تنظیمات وردپرس
سلام خسته نباشین در رابطه با فشرده سازی های css بهتر هست برای هر سایتی انجام بشه یا فقط سایت های بزرگ؟ و اینکه دقیقا روی چه چیزی تاثیر میزاره این فشرده سازی فایل ها؟ و سوال سوم اینکه چرا اینقدر درایو ها رو عوض میکردین؟ نمیشه همه ش روی یک درایو باشه یا حتی روی دکستاپ؟ سوال چهارم اینکه اگه بعد از فشرده سازی بخوایم مثلا کدهای css رو تغییر بدیم باید چیکار کنیم؟ چون اینجور که در دیدئو دیدم کدها خطی شدن و مدلشون عوض شد.
با سلام و خسته نباشید
طبیعتا برای وب سایت های نسبتا بزرگ از Grunt استفاده میکنن. البته که کلی ابزارهای مختلف برای فشرده سازی فایل های CSS هست.
طبیعتا برای تغییر کدها در فایل های فشرده ، باید فایل فشرده رو تبدیل به ساختار مناسب و درختی کنید که بتونید تغییرات مدنظرتون رو انجام بدین.
سلام یه سوالی داشتم ربطی به این مبحث نداره , من تا اینجا html و css تقریبا کامل یاد گرفتم الانم دارم bootstrap یاد میگیرم ولی بعدش موندم چی یاد بگیرم منظورم اینه برم سمت wordpress و php و کلن برنامه نویس سمت سرور شم یا برم سمت javascripte و sas برنامه نویس سمت کاربر شم , از یه طرفی javascripte سیستم node.js داده که باهاش میشه سمت سرورم نوشت , نظر شما چیه برنامه نویسی وب به سمت node.js میره؟که در اینصورت javascripte بهتر از php عه یا نه php و wordpress وزنه سنگین تری نسبت به node.js دارن ؟
ممنون میشم نظر شخصی و دورنماتون رو بدید
با سلام و خسته نباشید
بستگی به خودتون داره. موقعیت های شغلی بسیار زیادی در حوزه طراحی و برنامه نویسی وب و اپ هست. به طور مثال ، توسعه دهنده نرم افزار ، توسعه دهنده وب ، توسعه دهنده اپلیکیشن‌های موبایل ، تحلیل گر امنیت اطلاعات و … که هرکدام باز زیرشاخه های خاص خود را دارند.
اگر علاقه مند به حوزه برنامه نویسی هستین ، پیشنهاد میکنم زبان های PHP , Javascript رو فرابگیرید. به ویژه Javascript و زیرشاخه های آن.
ممنونم از پاسختون ولی یه مسئله ای است که نمیشه هم php هم javascipt رو کنار هم کامل یاد گرفت بخصوص برای من که معلمم و به صورت پاره وقت می خوام برنامه نویسی کنن , بیشتر می خواستم بگید چندسال اینده کدومشون بهتره , امکان داره یه cms با زبان javascript در حد wordpress نوشته بشه ؟ چون الان طراحی قالب وردپرس و ساخت افزونه درامد خوبی داره
باز هم بستگی به خودتون داره. تاکید میکنم که در هر حوزه ای متخصص باشید ، قطعا بازارکار خوبی خواهید داشت و تفاوتی در بازارکار PHP و Javascript خیلی نیست.
ممنون از آموزش خوب و اینکه رایگان گذاشتینش
سلام . واقعا سایت شما تو همه ضمینه ها حرف اول و آخر را میزند. خیلی خیلی مفید بود
هنوز دوره رو شروع نکردم ولی توی ” مسیر طراحی کاربری ” ( https://welearn.site/ui-path/ ) این گام 19 هست ولی بالا نوشته شده 23 .
سلام دوست من
تو اسلایدر بالای صفحه دوره کل مسیر الحاقی رو نمایش دادیم (مسیر رابط کاربری و وردپرس) اما در صفحه مسیر رابط کاربری صرفا تنها همین مسیر رو قرار دادیم.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام و عرض ادب و مرسی از این کار قشنگ‌تونف ولی نمیشه هیچ کدوم از این ویدئوها رو دانلود کرد..تا نود و نه و نود و نه درصد میره و دیگه دانلود نمیشه.
سلام میلاد عزیز
لطفا لینک زیر رو مطالعه کنین:
https://welearn.site/idm/
براتون آرزوی موفقیت میکنم
سلام.من از آموزشاتون استفاده میکنم بخاطر سبک خوب آموزشتتون ولی این دوره را را میخواستم بگیرم تا 99درصد میره ولی دانلود نمیشه.ممنون میشم کمکم کنید
سلام دوست من
لطفا از داخل تنظیمات نرم افزار ADM برگه connection رو انتخاب کنین و گزینه Default max conn.number رو روی عدد 1 قرار بدین.در صورتی که مشکلتون برطرف نشد از نرم افزار دیگر یا از خود مرورگر برای دانلود استفاده کنین.
برای شما آرزوی موفقیت روز افزون داریم.
با عرض سلامی دوباره
ضمن تشکر از پاسخگویی و راهنماییتون باید بگم که کاری که گفتید را اول انجام دادم،نشد
ولی مرورگرمو عوض کردم و از دانلودمنیجر هم استفاده نکردم به راحتی دانلود شد
خیلی سپاس گذارم ازتون و همچنین استاد علی مظلوم
خیلی ممنون میشم دوره های تجربه کاربری را هم به صورت حرفه ای شروع کنید
با تشکر
سلام
من دانلود کردم ولی الان فیلم ها آخراش اجرا نمیشه.مثلا قسمت سه تا دقیقه 4:20 فقط پخش میشه فقط قسمت 1 و 2 کامل سالمه
ممنون میشم کمک کنید یا لینک دانلود فایل سالم بهمون بدید
سلام دوست من
به دلیل زیاد بودن حجم بعضی از ویدیوها (مثل ویدیو شماره 3 که گفتین) ممکن هست که دانلود به طور کامل انجام نشه.بنده برسی کردم ولی مشکلی نبود.
حتما دقت کنین که ویدیو به طور کامل دانلود شده باشه.
سلام ، ممنون از مطالب مفیدتون.
-می خواستم بدونم کسانی که حرفه ای کد میزنن از چه ابزار هایی برای پشتیبانی 100 درصدی مرورگرها برای وبسایتاشون استفاده می کنن؟ (مثلا flexbox در ie 8,9 پشتیبانی نمی شه)
یا این که “بعد از طراحی” چک می کنن
که کدام دستورات در مرورگر های قدیمی پشتیبانی نمی شوند تا از پیشوند ها و پلیفیل ها استفاده کنند؟
کلا مرحله تست پیشتیبانی مرحله آخره یا نه ؟
سلام دوست من
برای تست طرح از تمامی مرورگرها از جمله Chrome , Firefox , Comodo , Safari , Idge استفاده میکنیم و مشکلی در هر مرورگر باشه طبیعتا برای رفع اون مشکل اقدام میکنیم.
البته توجه داشته باشید که مرورگرها اینقدر پیشرفته شدند که طرح وب سایت شما در تمامی این مرورگرها تا حد بسیار زیادی یکسان نمایش داده شود.
اما اینکه کدام دستورات در مرورگرهای قدیمی پشتیبانی نمیشوند پارامترهای زیادی داره و ۱ یا ۲ دستور نیست. شما حتما طرح خودتون رو توی تمام مرورگرها تست کنید و اگر مشکلی بود گوگل کنید.
سلام
آموزش ها تا 99.99% دانلود میشه و متوقف میشه
خسته نباشید
سلام
لینک زیر رو لطفا مشاهده نمایید
https://welearn.site/idm/
سلام مجدد
چطور می تونیم به طور همزمان هم فایل های جی اس هم فایل های سی اس اس رو با concat به هم الحاق کنیم
طبق چارچوبی که خود پکیج تعریف کرده باید یک dist , src مشخص کنیم که این طوری فقط می تونیم یک دسته از فایل ها رو الحاق کنیم
سلام دوست من
شما طبیعتا قبل از هرچیز باید grunt-contrib-concat رو نصب کنید
بعد از اون شما به طور مثال ما یک دایرکتوری package داریم که در این دایرکتوی ۲ دایرکتوری css , js با فایل های خاص خودشون قرار دارن
شما به راحتی میتونید از طریق grunt-contrib-concat دو نمونه concat با js , css تولید کنید
در این لینک میتونید به جوابتون برسید
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام
استاد چند تا سوال دارم ممنون می شم پاسخ بدید :
1.تفاوت گرانت و گالپ چیه ؟
2.ایا درسته که گفته میشه سرعت گالپ بالاتره ؟
3.آیا درسته که میگن توسعه دهنده هایی که قبلا با گرانت کار می کردند دارند مهاجرت می کنند به گالپ ؟
سلام دوست من
بله کاملا حرف شما درسته
گرچه تعداد پلاگین های Grunt خیلی بیشتر از Gulp هست اما تعداد توسعه دهنده های Gulp نسبت به Grunt داره روز به روز بیشتر میشه و طبیعتا تعداد پلاگین های که طراحان وب تو Gulp نیاز دارند هم بیشتر و بیشتر خواهد شد.
مهمتر از همه اینها اینه که Gulp داره از Node streams استفاده میکنه در حالیکه Grunt از temp files استفاده میکنه.
غیر از سرعت نوشتن فایل تنظیمات و روندها در Gulp ساده تر از Grunt است
گرچه خیلی هم مورد بحث نیست که ما در پروژه هامون از Gulp استفاده کنیم یا Grunt دلیل هم به این برمیگرده که اکثر پروژه های ما کوچیک هستن و در حد وب سایت های فروشگاهی و رزرو و شرکتی و شخصی و … می باشند و خیلی برای ما فرقی نداره فایل های ما تو 500 میلی ثانیه کامپایل بشن یا ۸۰۰ میلی ثانیه.
در کل توسعه دهنده ها دارن به سمت Gulp سوق پیدا میکنن ولی Grunt به دلیل اینکه پلاگین های زیادی داره و نیازمندی های کاربران رو به خوبی فراهم میکنه هنوز هم محبوبیت خوبی داره.
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام اقای مظلوم خوبین ؟
اقا چجوری میشه این 3 تا پلاگین و با هم اجرا کرد
grunt + sass + browser-sync
یک راهنمایی بکنید هر چی تو نت گشتم پیدا کردم ولی نتوستم اجراشون کنم !
مرسی 🙂
سلام دوست من
لینک زیر نحوه نصب SASS و Browsersync رو به طور کامل توضیح داده
https://wearejh.com/development/frontend-automation-with-grunt-sass-browsersync
در صورتی که بخواهید فقط Grunt رو با Browsersync کنید هم از دستور زیر در cmd استفاده کنید
$ npm install grunt-browser-sync –save-dev
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
سلام با تشکر از آموزش
حیفه این رو آموزش ندادید توش:
https://github.com/MohammadYounes/grunt-rtlcss
سلام دوست من پیشنهاد خوبیه حتما در هفته آینده این مبحث رو در وب سایت قرار میدیم
با نهایت تشکر و سپاس
موفق باشید مثل همیشه…;):)
;):)
سلام فایل مشکل داره
لینک تصحیح شد
با تشکر از شما
موفق باشید
سلام و عرض ادب 🙂
روند آموزشتون خیلی افت پیدا کرده من الان چند وقته هر روز سر میزنم شاید قسمت بعدی این آموزش اومده باشه ولی خبری نیست متاسفانه وی لرن خیلی کند شده لطفا تکون بده بدنو تکون بده چیز نه ببخشید اشتباه شد 😀 منظورم این بود یه تکونی به سایت بدید قسمتای بعدی رو بذارید من منتظر آموزشای جذاب تر از شما هستم مخصوص پنل تنظیمات وردپرس
با تشکر موفق و پیروز باشید
سلام دوست من
حتما فردا دو قسمت بعدی با هم در وب سایت قرار میگیرد
با تشکر
موفق باشید
خب دیگه فقط به گیک ها خبر بدین 🙂
باز هم من اومدمممم و شرکت کردم :)))) عاقا یه اس ام اس لاقل بدید که ما هی هر روز در کمین نشینیم :)))))
دمتون همتون گرم مخصوصا آقای مظلوم خداقوت و خسته نباشید
مزه اش به همینه که فقط گیک های عزیز استفاده کنن. اگه خبر بدیم که بی مزه میشه 🙂