مقدمه- چگونه CSS را عمیق و پایه ای بیاموزیم؟

“یک دقیقه برای یادگیری یک عمر برای تسلط”
این عبارت ممکن است کمی اغراق آمیز به نظر برسد اما در دنیای برنامه نویسی غیرقابل باور نیست.اگر بخواهیم کمی دقیق تر به موضوع بپردازیم لازم است بدانید که یادگیری قوانین CSS کار چندان سختی نیست .برای مثال شما یک Selector مینویسید که یکی از اجزای موجود در صفحه را انتخاب کند سپس به کمک Property به آن ویژگی یا مقادیر مختلف را نسبت می دهید.
حتی افرادی که به تازگی کار خود را با CSS آغاز کرده اند نیز مشکل خاصی در درک این موضوع ندارند.مسئله اصلی دانستن این است که چه موقعی زمان درست استفاده از این دانسته هاست.
CSS یکی از ابزارهای برنامه نویسی است که به ندرت در آن منطق دیده می شود.برای استفاده کاربردی از CSS کافیست هر آنچه به عنوان قابلیت CSS محسوب می شود را بیاموزید .هر چه قدر بیشتر یاد بگیرید و بیشتر تمرین کنید ، مغز شما می تواند به راحتی از قوانین CSS استفاده کند.هم چنین هر چه قدر بیشتر بخوانید در برخورد با هر پروژه جدید از دنیای بی نهایت طراحی ها مطمئن تر عمل خواهید کرد.
توسعه دهندگانی که از مهارت های کافی در CSS برخوردارند می توانند به راحتی از پس پیاده سازی هر طرحی برآیند و هر فرصت شغلی که برای آن ها پیش بیاید می توانند بدست بیاورند و در نتیجه طیف کامل و گسترده ای از طرح ها را می توانید در رزومه آن ها مشاهده کنید.
CSS در سال 1994 پیشنهاد شد و برای اولین بار به طور جزئی در اکسپلورر 3 در سال 1996 اجرا شد. در همان دوران دکمه فوق العاده view source دیده شد و تمام اسرار یک صفحه وب را رمزگشایی کرد.
و حالا سوال این است که “چگونه CSS را بیاموزیم؟”
برای این سوال پاسخ سرراستی وجود ندارد. اهمیتی ندارد که شما چندین دوره آموزشی را سریع بگذرانید بلکه مهم این است که شما تمامی قسمت های نامرتبط آن را بیاموزید که میتوانند در کنار یکدیگر کار کنند. در بعضی از کتاب ها مقدمه بسیار خوبی برای سطوح ابتدایی CSS نوشته شده است.هم چنین تعدادی از کتاب ها نکات مفیدی را در این زمینه دارند اما بسیاری از توسعه دهندگان فقط اطلاعات پایه ای در این زمینه دارند.
در سال 2016 شاهد ظهور Flex Box بودیم و در سال 2017 با پدیده Layout Grid رو به رو شدیم. هم چنین در سال های اخیر ویزگی های جدیدی از جمله Blend modes, Box preface shadow, transformations , transition و animation به CSS افزوده شده است.
بسیاری از مرورگرها به صورت خودکار به جدیدترین نسخ بروزرسانی میشوند تا بتواند از ویژگی های جدید پشتیبانی کنند.این توسعه ها و ویژگی های جدید هم چنان ادامه دارد و آموزش های زیادی برای پیگیری وجود دارد. به همین دلیل شما چه در این شغل تازه کار باشید و چه در آن مدتی تجربه کسب کرده باشید نیاز دارید که مهارت های خود را ارتقا بدهید. به کمک سری مقالاتی که در این سایت منتشر خواهد شد می توانید سرعت پشرفت و گسترش مهارت های شما را چند برابر کنید .
سه دلیل عمده برای اینکه مقالاتی که در این سایت منتشر می شود را دنبال کنید عبارت است از:
1-یادگیری عمیق مطالب پایه ای ضروری است.در ادامه این سری از مقالات به مواردی اشاره خواهد شد که متاسفانه بسیاری از توسعه دهندگان CSS آن را کامل درک نمیکنند. از جمله Cascade ، نحوه استفاده از Float ، position و… در این مقالات نگاهی عمیق به این مسائل خواهیم داشت و نحوه صحیح عملکرد آن ها را هم آموزش خواهیم داد.
2- مطالبی که خدمت شما ارائه خواهد شد ، کاملا بروز است. در سال های اخیر بسیاری از ویژگی های جدید و کاربردی در CSS ایجاد شده است.آخرین پیشرفت های CSS و مواردی که در سایر منابع نسبت به آن ها بی توجهی شده است را نیز پوشش خواهیم داد.
3- بخشی از مطالبی که در این مقالات بیان خواهد شد در بیشتر کتاب های CSS به آن اشاره نشده است. همانطور که میدانید دنیای CSS بسیار بزرگ می باشد و در دنیای مدرن توسعه اپلیکیشن ها آگاهی از مطالب و آموزه های جدید ضروری می باشد.
در پایان با توجه به مطالب گفته شده و مطالبی که در ادامه این سری مقالات ارائه خواهند شد توصیه میشود آموزش هاو مقالات را دنبال کنید تا از یادگیری عمیق CSS در کنار هم لذت ببریم.
دیدگاهتان را بنویسید