آموزش CSS Essentials: سفر 2 هفته ای طراحی وب برای مبتدیان
CSS Essentials: 2-Week Web Styling Journey for Beginners
این دوره در مورد چیست؟
این کلاس، دومین کلاس از مجموعه توسعه وب 3 کلاسه است. در اینجا، نحوه استفاده از CSS را از ابتدا در 13 روز، در جلساتی به اندازه 15 دقیقه در روز، یاد خواهید گرفت. شما مفاهیمی را که باید بدانید تا اسکلت‌های HTML وب‌سایت‌ها را از نظر بصری جذاب کنید و بر پایه‌های محکمی که برای رفتن به هر زمینه‌ای که به توسعه وب علاقه دارید، نیاز دارید، بسازید. CSS برای طراحی وب سایت ها اساسی است و می تواند یک مهارت بسیار مفید برای یادگیری باشد. این دوره با مفاهیمی ساده مانند افزودن سبک‌های درون خطی شروع می‌شود و به پروژه نهایی می‌رسد که در آن وب‌سایت خود را کدنویسی میکنید، که به شما کمک می‌کند نقاط تمام مفاهیمی را که در طول دوره یاد گرفته‌اید متصل کنید.
این دوره برای چه کسانی است؟
یادگیری نحوه کدنویسی می‌تواند برای همه ارزشمند باشد، زیرا ذهن شما را برای درک بهتر آنچه در دنیای دیجیتالی که امروزه ما را احاطه کرده است باز می‌کند، حتی اگر به دنبال کدنویسی حرفه‌ای نباشید. اگر هر یک از موارد زیر با شما طنین انداز شد، این دوره همان چیزی است که به دنبال آن هستید:
- من در برنامه نویسی کاملاً تازه کار هستم. حتی اولین خط کدم را کجا تایپ کنم؟
- می خواهم وبلاگ، وب سایت نمونه کارها، وب سایت شخصی و غیره خود را ایجاد کنم.
- در گذشته کدنویسی را یاد گرفتم، اما به دنبال یک تازه کننده.
- من صرفاً به دنبال رمزگشایی کدنویسی و درک این موضوع هستم که برای چه چیزی می توان از آن استفاده کرد.
- من می خواهم پایه ای قوی برای ایمن کردن شغلی با درآمد بالا به عنوان یک توسعه دهنده وب ایجاد کنم. خط.
- می‌خواهم مغزم را با یادگیری چیزی جدید بکشم.
چگونه یاد خواهیم گرفت؟
این دوره از طریق آموزش‌های 15 دقیقه‌ای هر روز به مدت 13 روز، بر یادگیری هوشمندانه و نه سخت تمرکز دارد. ما از تکنیک‌های یادگیری مبتنی بر شواهد مانند یادآوری فعال و تکرار فاصله‌ای استفاده می‌کنیم تا یادگیری شما را تقویت کرده و دانشی را که به دست می‌آورید به حافظه بلندمدت اختصاص دهید. ما تمرینات روزانه عملی داریم که به شما کمک می کند آنچه را که یاد می گیرید درونی کنید و حتی روزهای استراحت را برای بازیابی و مرور در نظر بگیرید. در مجموع کار به این صورت است:
- 15 دقیقه در روز به مدت 13 روز.
- هر درس را در حین حرکت دنبال کنید.
- تمرینات روزانه برای اجرای یادگیری جدید.
- روزهای استراحت و ریکاوری بعد از هر 4 درس.
- یک وب سایت به عنوان پروژه نهایی برای اتصال نقاط بسازید.
از چه نوع نرم افزاری استفاده خواهم کرد؟
ما دوره را با دانلود و نصب نرم افزار لازم شروع می کنیم:
- Google Chrome — مرورگر.
- Visual Studio Code — یک ویرایشگر کد قدرتمند.
محتویات دوره:
- Stylesheets
- انتخابگرهای عنصر
- سبک های بصری
- مدل جعبه
- ویژگی های CSS
- اندازه
- نمایش
- موقعیت
- رنگ
- تایپوگرافی
منابع:
- با کل محتویات کلاس. همچنین در بخش «فهمیدن» هر درس یک بخش سؤالات متداول پیدا خواهید کرد که به مرور زمان با سؤالات متداول دانش‌آموزان پر می‌کنم.
- اگر گیر کردید، اینجا بخش‌های "درک" هستند.
- هر گونه سؤال یا نظر دیگری را در بخش بحث ارسال کنید تا بتوانیم به یکدیگر کمک کنیم.
وب سایت خود را بسازید
وب سایت خود را کدنویسی کنید و آن را به وبلاگ، نمونه کارها، وب سایت شخصی یا هر چیزی که می توانید تصور کنید تبدیل کنید. هدف از این پروژه نهایی عملی این است که نقاطی را که در حال یادگیری هستید به هم وصل کنید.
این مراحل را برای تکمیل پروژه کلاس دنبال کنید:
- در روز اول، پروژه خود را حتی قبل از شروع اولین درس ایجاد کنید. می توانید چیزی مانند "سلام! این در نهایت به پروژه نهایی من تبدیل می شود :)" اضافه کنید.
- درس ها را مرور کنید و پروژه خود را در حین انجام به روز رسانی کنید. می‌توانید تصاویری از آنچه می‌سازید آپلود کنید.
- پس از گذراندن تمام دروس، نسخه نهایی وب سایت خود را با توضیح نحوه استفاده از آن ارسال کنید.
درس ها Lessons
-
روز 12 - رنگ Day 12 - Color
-
روز 1 - نصب و Hello World Day 1 - Installation and Hello World
-
روز 6 - فونت ها و سبک های بصری Day 6 - Fonts and Visual Styles
-
معرفی Introduction
-
روز نهم - اندازه و نمایش جعبه Day 9 - Box Sizing and Display
-
روز 2 - استایل شیت های داخلی و خارجی Day 2 - Internal and External Style Sheets
-
پروژه کلاس The Class Project
-
روز یازدهم - موقعیت، شاخص Z و شناور Day 11 - Position, Z-Index, and Float
-
روز 3 - انتخاب عناصر Day 3 - Selecting Elements
-
روز 4 - انتخابگرهای پیشرفته Day 4 - Advanced Selectors
-
روز سیزدهم - تایپوگرافی Day 13 - Typography
-
روز 10 - روز استراحت :) Day 10 - Rest Day :)
-
پایان ها شروعی جدید هستند Endings Are New Beginnings
-
روز هشتم - حواشی و سایر خواص Day 8 - Margins and Other Properties
-
روز پنجم - روز استراحت :) Day 5 - Rest Day :)
-
روز هفتم - معرفی مدل جعبه Day 7 - Intro to the Box Model
https://donyad.com/d/dab424
Tony Alamo
جرقه مغز شما
هی، اونجا! اسم من تونی است :)
درست پس از فارغ‌التحصیلی به‌عنوان مهندس در بوستون، مستقیماً وارد تجزیه و تحلیل داده‌ها شدم - در یک شتاب‌دهنده استارت‌آپ در کمبریج، MA، جایی که برای راه‌اندازی شرکت‌های وب از ابتدا و راه‌اندازی آن‌ها در جهان کار کردیم!
اگرچه این کار فوق‌العاده هیجان‌انگیزی بود، در نهایت تصمیم گرفتم تمرکزم را روی چیزی که بیشتر به آن علاقه دارم متمرکز کنم - یاد بگیرم چگونه یاد بگیرم و به دیگران یاد بدهم که چگونه این کار را انجام دهند.
مغز مانند ماهیچه ای است که هرگز یاد نگرفتیم چگونه تمرین کنیم، و یادگیری یکی از بهترین تمرینات مغز است! امیدوارم دوره‌های SkillShare و ویدیوهای YouTube برای شما مفید باشد و در سفر من به من بپیوندید تا از خواب بیدار شوید و زندگی معنادارتری در لحظه کنونی داشته باشید، هر بار یک تمرین مغزی.
من شما را در اطراف می بینم!
نمایش نظرات