آموزش معرفی CSS Grid: نمونه کار آنلاین خود را بسازید
Intro to CSS Grid: Build Your Own Online Portfolio
این کلاس به شما مهارت و دانش می دهد تا با استفاده از CSS Grid یک صفحه وب پاسخگو ایجاد کنید.
Grid یک سیستم چیدمان CSS است که در نهایت به ما امکان می دهد صفحات وب پیچیده را بدون هک یا کتابخانه های خارجی مانند Bootstrap و Foundation پیاده سازی کنیم.
در طول این کلاس یاد خواهید گرفت:
- CSS Grid چیست و چه تفاوتی با سایر سیستم‌های طرح‌بندی و کتابخانه‌های شبکه دارد.
- مفاهیم کلیدی که برای استفاده مطمئن از CSS Grid نیاز دارید.
- نحوه تعریف یک صفحه وب با چندین ردیف و ستون با استفاده از CSS Grid.
- کاری که باید انجام دهید تا صفحات CSS Grid را پاسخگو کنید.
در طول مسیر از CSS Grid برای پیاده‌سازی یک صفحه وب نمونه کار آنلاین استفاده میکنید که می‌توانید از آن برای نشان دادن سایر پروژه‌های عالی خود استفاده کنید.
فرض بر این است که دانش‌آموزانی که این کلاس را انجام می‌دهند کمی با HTML و CSS آشنایی دارند.
پروژه - یک صفحه نمونه کار آنلاین با استفاده از CSS Grid ایجاد کنید:
دانلودها - فایل HTML Skeleton، سبک‌های غیر مرتبط با شبکه CSS، تصاویر نمونه برای پروژه نمونه کارها.
مراحل:
- با استفاده از CSS Grid یک طرح اولیه برای پروژه نمونه کارها تعریف کنید.
- محتوا را در طرح بندی قرار دهید.
- پروژه نمونه کارها را پاسخگو کنید تا به درستی در دستگاه های دسکتاپ و تلفن همراه نمایش داده شود.
- تصویری از نمونه کارها عالی خود را در گالری پروژه به اشتراک بگذارید!
درس ها Lessons
-
این کلاس برای چه کسانی است Who this class is for
-
چگونه ستون های CSS Grid را تعریف کنیم How to define CSS Grid columns
-
چگونه یک نسخه ریسپانسیو از پروژه CSS Grid بسازیم. How to make a responsive version of the CSS Grid project.
-
بنابراین CSS Grid چیست؟ So what IS CSS Grid?
-
آنچه در این کلاس به آن خواهیم پرداخت What we'll cover in this class
-
نحوه ایجاد یک طرح با سطر و ستون How to create a layout with rows and columns
-
معرفی کلاس Introduction to the class
-
نحوه قرار دادن محتوا در داخل ستون های شبکه How to position content inside grid columns.
-
معرفی ما به CSS Grid را تکمیل می کنیم Wrapping up our Intro to CSS Grid
https://donyad.com/d/1fc8
Luke Fabish
بریم کدنویسی کنیم!!
من به توانمندسازی از طریق یادگیری بسیار معتقدم، و معتقدم آموزش در Skillshare به همین دلیل است.
به‌عنوان یک مهندس نرم‌افزار حرفه‌ای، از منابع آموزشی در اینترنت بهره‌مند شدم.
به خصوص، من می‌خواهم کلاس‌های من Skillshare نقطه ورودی برای هر کسی باشد که می‌خواهد از همان ابتدا برنامه‌نویسی را یاد بگیرد و سفری به جهان را آغاز کند. توسعه نرم افزار حرفه ای.
تصورات غلط زیادی در مورد اینکه برای برنامه نویس شدن باید چه نوع فردی باشید وجود دارد.
- در ریاضیات خوب هستید؟
- به رایانه وسواس دارید؟
- IQ بالا؟
هیچ یک از این موارد لازم نیست.
اگر آماده یادگیری هستید و مایل به حل مشکل هستید، آنچه را که لازم است بدست آورده اید.
شخصاً، در حالی که هرگز به سخت‌افزار رایانه علاقه نداشته‌ام، همیشه از امکاناتی که نرم‌افزار ایجاد می‌کند هیجان‌زده بوده‌ام.
استیو جابز این را به بهترین وجه گفت - "مثل یک دوچرخه برای ذهن."
این چیزی است که نرم افزار خوب می تواند باشد.
و این ایده که می توانم با یادگیری کدنویسی چیزی شبیه به آن بسازم؟ باور نکردنی .
من برای اولین بار در مورد دستکاری نرم افزار در مدرسه هیجان زده شدم زمانی که در کلاس ششم یکی از دوستان به من نشان داد که چگونه می تواند برنامه اجرا شده روی کامپیوتر میکرو بی بی سی مدرسه را تغییر دهد.
اکنون، به‌جای اینکه برای طلا حرکت کنیم، پیشگام در بازی ما به دنبال مدفوع بود.
من گیر کردم.
من در خانه کامپیوتر نداشتم، اما دوستم Commodore64 داشت.
ما مجلات رایانه شخصی خریدیم و صدها خط از برنامه های BASIC را در C64 تایپ کردیم. ما نمی‌دانستیم که داریم چه کار می‌کنیم، و نمی‌دانیم وقتی برنامه‌ها کار نمی‌کنند چه کاری انجام دهیم.
چند سال به جلو رفتم، و من برای تحصیل در رشته کامپیوتر به دانشگاه رفتم.
در آنجا، یکی از رضایت بخش ترین تجربیات یادگیری زندگی ام را داشتم. احساس می کردم میدان بی حد و حصری از فرصت پیش روی من باز شده است.
اما زمانی که در صنعت کار می‌کردم، تنها بخش کوچکی از آموخته‌هایم را در کار روزانه‌ام به کار بردم.
و فرصت های یادگیری من تمام شده بود.
یا من اینطور فکر می کردم!
سرانجام متوجه شدم که اگر قرار است به یادگیری ادامه دهم، باید خودم مراقب آن باشم.
بنابراین برنامه یادگیری خودم را انجام دادم - کتاب‌های زیادی خواندم، دوره‌های آنلاین انجام دادم و آموزش‌های بی‌شماری را انجام دادم. در واقع من هنوز این کار را انجام می دهم!
بار دیگر، احساس می‌کنم میدان باز و بی‌محدود است.
امیدوارم با همه فرصت‌های یادگیری در Skillshare، افق‌های حرفه‌ای و شخصی خود را به همین ترتیب گسترش دهید.
نمایش نظرات