بهترین فرصت برای یادگیری در قسمت Vip سئو نود هم اکنون برای دانشجوبان عزیز فراهم شده است
جزئیات بیشتربر روی خودت سرمایه گذاری کن
در این دوره آموزشی به شکل کاملا رایگان و در قالب پروژه ، مباحث Grid و همچنین Flex که هردو از موضوعات مهم طراحی قالب هستند را به شکل کامل یاد خواهید گرفت و می توانید از این پس با Float ها در Css خداحافظی کرده و قالب هایی منعطف تر و اصولی تر پیاده کنید .
دوستان همراه سئو 90 ، به یکی دیگر از دوره های رایگان و کاربردی در وب سایت خوش آمدید . این دوره یکی از مشتقات بخش Css است و دوستانی که زبان Css را آموزش دیدند ، معمولا با بخش Float ها کار می کنند و بخش Grid و Flex در بسیاری از آموزش های Css متاسفانه تدریس نشده ، البته که در دوره نابغه Css ( آموزش Css ) ، بخش Flex و Grid را بخوبی به شما آموزش دادیم چون لزوم نابغه بودن در Css تسلط بر تمامی بخش های Css است .
برای شرکت در این دوره لازم است با مباحث Html و همچنین زبان طراحی Css تا حد متوسط آشنایی داشته باشید در اینصورت میتوانید به راحتی در این دوره شرکت کنید .
این آموزش حاصل جمع آوری تمامی سرفصل های موجود در مباحث Flex و Grid می باشد و شما ضمن شرکت در این دوره تسلط کاملی در هر دو مبحث بدست خواهید آورد .
اگر دوره نابغه Css دوره کاملی است چرا دوره Flex و Grid را در سئو 90 منتشر کردیم ؟ اول از هرچیزی لازم است بدانید ، دانشجویانی که دوره نابغه را تهیه می کنند به این پکیج داخل دوره نابغه دسترسی دارند . البته بخش Flex در دوره نابغه به شکل مجزا در چند قسمت تدریس شده است . اما از آنجا که تکنولوژی های Flex و Grid دو بخش کاربردی برای دیزاین و طراحی قالب هستند ، بد نیست که این دو تکنولوژی را در کنار هم یاد گرفته و با مزایا و معایب هرکدام آشنا شویم . همچنین دوستانی هستند که زبان طراحی Css را یاد فرا گرفتند اما هنوز با تکنولوژی Flex و Grid آشنا نیستند . پس برای اینکه بتوان این دوره را به شکل مجزا و کاربردی بعد از Css یاد گرفت میتوان از همین دوره استفاده کرد .
اگر شما زبان طراحی Css را از ابتدا یاد گرفته و از صفر شروع به طراحی قالب ها کنید ، قبل از هرچیزی با تکنولوژی Float ها آشنا خواهید شد که اولیه ترین تکنولوژی برای دیزاین کردن صفحات وب بود ( البته بعد از Table ها ) . تکنولوژی Float در زمان خود بسیار مناسب بود چراکه حداکثر نیاز طراحان قالب در آن زمان فقط دیزاین کردن و قرار دادن المان ها در کنار هم برای داشتن ساختار هایی خطی بود .
اما به مرور زمان وب سایت ها بزرگتر شدند و کم کم سایت های رسپانسیو نیاز اصلی دنیای وب شده و همچنین رتبه های بالاتری نیز به وب سایت های رسپانسیو اختصاص داده شد ( از طرف موتور های جستجو مخصوصا گوگل ) ، از این جهت شاهد بودیم که تکنولوژی Float با اشکالات زیادی روبرو گردید و امکان ایجاد انعطاف لازم در قالب ها وجود نداشت . البته تکنولوژی Float در مجموع برای طراحان مشکل ساز بود و راه حل هایی مثل ساخت کلاس های Clear با خاصیت Clear:both شاید تا حد زیادی طراحان را کمک کرد . کم کم پس از تکنولوژی Float ، با خاصیت جدید Flex آشنا شدیم که میتوان گفت یک تحول فوق العاده برای طراحی بود . در داخل تکنولوژی Float فقط قادر بودیم تا المان هایی که در زیر هم هستند و اصطلاحا از نوع بلوک می باشند را در کنار هم قرار داده و ویژگی هایی را تغییر دهیم . اما کنترل زیادی روی این المان ها نداشتیم . برای مثال نمی توانستیم به راحتی محل باکس ها یا المان ها را تغییر دهیم و یا اینکه آنها را Order کنیم .
اگر شما بخوبی با Float آشنا باشید ، هنگامی که به سمت تکنولوژی Flex میروید ، خواهید دید که دیگر رغبتی به استفاده از Float ندارید ، چرا که شما کنترل بسیار بالایی نسبت به المان هایی که داخل صفحه قرار میدهید خواهید داشت . با استفاده از تکنولوژی Flex می توانیم چیدمانی یکپارچه در صفحات وب داشته باشیم ضمن اینکه قادر هستیم تا در حالت های رسپانسیو مثل موبایل و تبلت ، به راحتی باکس های خود را جابجا کنیم و کنترل وضعیت سایت را در دست داشته باشیم . این موارد کمترین ویژگی های خاصیت Flex هستند که برای یادگرفتن تمامی موارد مربوط به Flex حتما محتوای این دوره را بخوبی یاد بگیرید . در انتهای بخش آموزش فلکس ، یک قالب را با هم طراحی خواهیم کرد تا در پروژه عملی ، راحتی استفاده از فلکس را تجربه کنید .
شما با گردش در اینترنت و کمی مطالعه ممکن است مطالبی بسیار زیاد در مورد مزیت های Flex و یا معایب آن مطالعه کنید . در همین راستا روی بخش Grid نیز مطالعه خواهید کرد که البته در این بین حرف هایی هم زده شده که grid خیلی بهتر بوده و دوره Flex به اتمام رسیده و ... اولا این حرف ها هیچکدام درست نیست چرا که هیچ المانی را نمیتوان به کل تخریب و یا تایید کرد . تکنولوژی Grid پس از تکنولوژی فلکس ارائه شده ، به همین خاطر این ارائه شدن را به نوعی مزیت بر فلکس می دانند که هرگز نمیتوان گفت تکنولوژی که پس از تکنولوژی های قبل از خودش ارائه می شود حتما مزایای زیادی دارد . اگر شما یک Css کار در سطح مناسب باشید مطمئنا خواهید فهمید که هر کدام از تکنولوژی ها بخوبی در جای خود میتوانند ایفای نقش کنند و البته به خلاقیت و قدرت تحلیل طراح هم بستگی دارد که در چه مواردی می تواند از Flex و در چه محل هایی از Grid استفاده کند .
یکی از شاخص ترین ویژگی های Grid خاصیت کار کردن آن در 2 بعد است . در تکنولوژی فلکس میتوانیم در یک محور ، که یا محور x ( حالت افقی ) است یا محور y ( حالت عمودی ) المان ها را در کنار هم قرار داده و توسط ویژگی هایی مثل Reverse و ... روی المان ها مانور دهیم . اما در بخش Grid میتوانیم علاوه بر تنظیم المان ها در محور x ، روی محور y نیز برای المان ها و مخصوصا باکس ها ویژگی تعریف کنیم که این یکی از ویژگی های بسیار جذاب Grid میتواند باشد . در این دوره بسیار کامل و قدم به قدم ابتدا بخش Flex را بررسی کرده و سپس سراغ بخش Grid رفته و مشتقات این بخش را نیز دقیقا آموزش خواهید دید .
در نهایت و در انتهای دوره به سراغ بخش رسپانسیو نیز خواهیم رفت و انعطاف بخش Flex و همچنین Grid را در بخش رسپانیسو بررسی خواهیم کرد .
این جلسه مربوط به قسمت اول این دوره می باشد که جهت سنجش سطح کیفی دوره در اختیار شما قرار داده شده است . صدا ، تصویر ، مباحث آموزشی و همچنین حجم ویدئو ها ، تماما بهینه برای شما دانشجویان عزیز تهیه شده است تا از آموزش های سایت نهایت استفاده را داشته باشید . در این قسمت که جلسه اول دوره است شما با مبحث Flex برای اولین بار آشنا خواهید شد و با اولیه ترین فاکتور ها و دستورهای مربوط به Flex کار خواهید کرد . در همین قسمت اول خواهید دید که تا چه اندازه می توانیم توسط تکنولوژی Flex در صفحات وب انعطاف داشته باشیم . همچنین در حین آموزش ، تمامی موارد با مثال های عملی ، با آرامش و تدریس مناسب مفاهیم خدمت شما ارائه شده است .
سعی می کنیم تا ویژگی هایی که شما میتوانید از آنها استفاده کنید را در قالب پروژه های واقعی به شما نشان دهیم تا متوجه شوید که کدام المان ها در پروژه های واقعی کاربرد دارند و لازم است تا زمان خود را روی کدام موضوعات متمرکز کنیم . پس در این قسمت همراه ما باشید ، برای دسترسی به سایر قسمت ها می توانید دوره را به شکل رایگان خریداری نمائید .
برای طراحی قالب وردپرس از کدام روش استفاده کنیم بهتر هست ؟ روش های فلکس یا روش دوم ؟
بهترین روش برای طراحی قالب استفاده از فریمورک هایی همچون بوت استرپ است . اما جهت راحتی در بوت استرپ و به عنوان یک طراح لازم است تا به ساختمان فلکس و گرید ( مخصوصا فلکس ) آشنایی داشته باشید .
در یک کلام عالی و البته کامل زمان فیلم هاهم اصلا زیاد نبودند فقط کدهای جلسه اول و دوم گرید ها داخل فایلی که دادین نبود میشه اوناروهم قرار بدین ممنون
سلام ممنون وقت شما بخیر ، در فایل قسمت اول یک پوشه با نام 1-2 ساخته شده که داخلش میتونید کدهای جلسه اول و دوم گرید را ببینید . با تشکر
سلام خیلی ممنون از آموزش های خوبتون خیلی کاربرد داشت برای من از این بابت تشکر می کنم . فقط اگر ممکنه راجب بخش template-rows و تفاوت این قسمت با auto-rows در قسمتی که گرید ها را می گفتید یک توضیحی بدید ممنون میشم چون من تفاوت این دوتا رو خوب نفهمیدم ممنون
با سلام و ممنون از خرید شما ، چشم . تاکنون 8 قسمت از این دوره به اتمام رسیده حتما در قسمت 9 یا قسمت 10 این بخش را بخوبی یکبار دیگر براتون توضیح میدیم .
سلام این کتابخانه به شکل کامل در دوره نابغه css آموزش داده شده