آبشار Style Sheets (CSS) یک زبان شیوه نامه است که به شما امکان می دهد ظاهر صفحات وب خود را کنترل کنید. در این دوره آموزشی، کریستینا تروونگ مفاهیمی را که شالوده CSS را تشکیل می‌دهند، نشان می‌دهد، و توضیح می‌دهد که برای تغییر دادن CSS موجود و نوشتن خود، چه چیزی را باید بدانید. کریستینا توضیح می دهد که چگونه رنگ ها و دیگر عناصر طراحی را اضافه کنید تا صفحات وب خود را فراتر از متن سیاه در پس زمینه سفید ببرید. او نحوه استفاده از انتخابگرها، نحوه تعیین فاصله و اندازه عناصر صفحه توسط مدل جعبه و نحوه استایل دادن به متن و مدیریت طرح‌بندی‌های اولیه با Flexbox و Grid را نشان می‌دهد. او همچنین کار با انتخابگرهای پیشرفته، ایجاد طرح‌بندی‌های سیال، و تعیین زمان استفاده از ویژگی‌های شناور و موقعیت را پوشش می‌دهد. به علاوه، در پایان دوره، با یک پروژه واقعی – یک صفحه رزومه آنلاین – کنار می‌روید.

 کشف کنید که چه چیزی CSS را منحصر به فرد می کند ، چگونه می توانید آن را در مورد مشکلات برنامه نویسی اعمال کنید و چگونه می توانید آن را به راحتی با کار خود ادغام کنید. مربی Morten Rand-Hendriksen در مورد زبانهای اعلانی و ضروری بحث می کند ، سپس به Syntax CSS ، آبشار و موارد دیگر می رود. او مدل CSS Box و همچنین نحوه کار با چارچوب های JavaScript را برای نوشتن CSS به عنوان بخشی از JavaScript پوشش می دهد. مورتن شامل تکنیک های CSS برای مقابله یا حتی مسدود کردن آبشار است. او همچنین روش های استفاده از HTML و CSS را با JavaScript برای ایجاد نشانه گذاری عالی برجسته می کند.

این دوره با CodeSpaces GitHub ، یک محیط توسعه دهنده ابر فوری که تمام عملکردهای IDE مورد علاقه شما را بدون نیاز به تنظیمات دستگاه محلی ارائه می دهد ، یکپارچه شده است. با استفاده از Codepaces GitHub ، می توانید از هر دستگاهی ، در هر زمان استفاده کنید-همه در حالی که از ابزاری استفاده می کنید که احتمالاً در محل کار با آن روبرو خواهید شد. برای یادگیری نحوه شروع کار ، از فیلم "استفاده از Codepaces GitHub با این دوره" دیدن کنید.

 

آیا شما یک توسعه دهنده جلویی هستید که یاد می گیرید سبک های خوب را برای وب تنظیم کنید و یا یک داربست توسعه دهنده پشتی ، طرح بندی های اساسی را نشان می دهد ، این دوره به توسعه دهندگان نشان می دهد که چگونه CSS کار می کند و چگونه می توان CSS مدرن را برای پروژه های وب استفاده کرد. مربی کری دیلز به توسعه دهندگان در مورد اصول CSS آموزش می دهد ، چگونه می توان از آن برای حل چیدمان وب و چالش های یک ظاهر طراحی شده و راه های ترکیب CSS در پروژه های خود استفاده کرد.

این دوره با CodeSpaces GitHub ، یک محیط توسعه دهنده ابر فوری که تمام عملکردهای IDE مورد علاقه شما را بدون نیاز به تنظیمات محلی محلی ارائه می دهد ، یکپارچه شده است. با استفاده از Codepaces GitHub ، می توانید از هر دستگاهی ، در هر زمان استفاده کنید-همه در حالی که از ابزاری استفاده می کنید که احتمالاً در محل کار با آن روبرو خواهید شد. برای یادگیری نحوه شروع کار ، از فیلم "استفاده از CodeSpaces GitHub با این دوره" دیدن کنید.

 

اگر از یک ابزار بدون کد برای ساخت وب سایت خود استفاده می کنید ، ممکن است پیدا کنید که کمی عمومی به نظر می رسد. چگونه می توانید سایت را منحصر به فرد خود بسازید؟ CSS به نجات می آید! CSS (برگه های سبک آبشار) مسئولیت هر چیز زیبایی در وب ، از جمله رنگ ها ، فونت ها ، چیدمان ها و موارد دیگر را بر عهده دارد. فقط کمی از کد CSS می تواند سفارشی سازی های مورد نیاز شما را به شما بدهد و مربی طراحی و توسعه وب ، جن کرامر دقیقاً نحوه انجام این کار را به شما نشان می دهد. جن شما را به Codepen ، ابزاری که برای کار با HTML و CSS در یک مرورگر وب استفاده می شود ، معرفی می کند ، سپس به آنچه CSS انجام می دهد و نحوه ساخت آن می پردازد. او توضیح می دهد که چگونه می توان از انتخاب کنندگان برای استفاده از CSS در صفحه خود استفاده کرد ، سپس به رنگ های CSS ، تصاویر ، جعبه ها ، اندازه ها و تایپ ها شیرجه می زند. به علاوه ، جن مفاهیم و خواص پیشرفته تری را پوشش می دهد ، مانند پیوندهای یک ظاهر طراحی شده ، درک وراثت و اشکال زدایی در ایجاد شما.

 CSS ابزاری برای دستکاری تصویر است. این که آیا شما می خواهید جلوه های بصری متمایز ایجاد کنید یا به سادگی از پهنای باند موجود استفاده کنید ، گزینه های دستکاری تصاویر در CSS به شما امکان می دهد راه حل های گرافیکی قابل استفاده مجدد ایجاد کنید. در این دوره ، مربی Morten Rand-Hendriksen به شما نشان می دهد که چقدر می توانید تصاویر را در یک مرورگر با استفاده از CSS خالص ویرایش کنید. مورتن اهمیت نشانه گذاری مناسب تصویر HTML و نحوه محصول ، تناسب و قرار دادن یک تصویر را توضیح می دهد. وی در مورد نحوه استفاده از خاصیت Clip-Path برای ایجاد انواع اشکال بحث می کند. Morten نشان می دهد که چگونه می توانید از فیلترها برای ویرایش و اضافه کردن جلوه ها به تصویر خود استفاده کنید. وی با قدم زدن در چندین نمونه عملی از نحوه استفاده از آنچه آموخته اید ، و همچنین برخی از بهترین روشها و احتیاط ها نتیجه می گیرد.

این دوره با GitHub Codespaces ، یک محیط توسعه دهنده ابر فوری که تمام عملکردهای IDE مورد علاقه شما را بدون نیاز به تنظیمات محلی محلی ارائه می دهد ، یکپارچه شده است. با استفاده از CodeSpaces ، می توانید در هر زمان ، از هر دستگاهی تمرین کنید-همه در حالی که از ابزاری استفاده می کنید که احتمالاً در محل کار با آن روبرو خواهید شد. برای یادگیری نحوه شروع کار ، از فیلم "استفاده از Codepaces GitHub با این دوره" دیدن کنید.

 

هوش مصنوعی تولیدی تأثیر عمیقی بر هر جنبه ای از کار ، از جمله توسعه وب دارد. از برنامه ریزی گرفته تا نوشتن کد تا آزمایش ، روند ایجاد یک برنامه وب در حال تغییر است. در این دوره ، مربی جو کازابونا به شما نشان می دهد که چگونه می توانید از هوش مصنوعی برای برنامه ریزی ، نوشتن و تست یک برنامه وب با ایجاد یک وب سایت بررسی فیلم استفاده کنید. در طول راه ، بیاموزید که AI به بهترین وجه می تواند به شما کمک کند ، و مهارت های شما به عنوان یک توسعه دهنده وب هنوز هم می تواند عالی باشد. در پایان این دوره ، شما مجهز به یک برنامه وب کاملاً کارآمد که با استفاده از قدرت AI Generative نوشتید ، مجهز خواهید شد. با استفاده از Codepaces GitHub ، می توانید از هر دستگاه ، در هر زمان ، همه در حالی که از ابزاری استفاده می کنید که احتمالاً در محل کار با آن روبرو خواهید شد ، استفاده کنید. برای یادگیری نحوه شروع کار "استفاده از Codespaces GitHub" را با این دوره بررسی کنید.

 فرم ها جزء اصلی وب سایت های مدرن هستند که برای جمع آوری داده های کاربران، انجام نظرسنجی و موارد دیگر استفاده می شوند. در حالی که می‌توانید از فرم‌ساز استفاده کنید، ساختن آنها از ابتدا با فناوری‌های اساسی وب: HTML و CSS نسبتاً ساده است. در این دوره، Clarissa Peterson به اصول ایجاد فرم ها با HTML و استایل دادن به آنها با CSS می پردازد. بهترین روش‌ها را برای ایجاد و شکل‌دهی فرم‌های وب که به آسانی تکمیل می‌شوند و برای همه کاربران و دستگاه‌ها قابل دسترسی هستند، بیاموزید. این دوره استفاده صحیح از فیلدهای فرم، نحوه تعاملی کردن فرم ها، و نحوه استایل دادن به ظاهر بصری و چیدمان فرم را پوشش می دهد. علاوه بر این، Clarissa به حریم خصوصی داده ها و نحوه ایمن نگه داشتن داده های کاربران می پردازد.

 Tailwind CSS 4 به سرعت بخشیدن به توسعه وب جلوی شما کمک می کند و صفحات وب یک ظاهر طراحی شده را به یک تجربه سرگرم کننده و آسان تبدیل می کند. در این دوره دوستانه مبتدی با مربی Shruti Balasa برای تسلط بر ملزومات این چارچوب اول ابزار غواصی کنید. با تنظیم محیط خود و درک مفاهیم اصلی و سپس یادگیری نحوه سبک کردن متن ، استفاده از رنگ ها و ایجاد طرح بندی با استفاده از tailwind شروع کنید. در طول راه ، Shruti همچنین اصول اولیه طراحی طرح های پاسخگو و شخصی سازی چارچوب را پوشش می دهد. در پایان این دوره ، شما به مهارت های بنیادی مجهز خواهید شد تا صفحات وب خود را سریعتر از همیشه با گرافیک های خیره کننده و جلوه های بصری سبک کنید.

 در این دوره ، Carrie Dils ، توسعه دهنده مستقل ، با تمرکز بر تکنیک های عملی که باعث انعطاف پذیری ، دقت و خلاقیت در طراحی وب می شود ، شیرجه عمیق به CSS ارائه می دهد. با پایه های CSS شروع کنید و بدانید که چه موقع و چرا از عادی سازی ، تنظیم مجدد و لینت استفاده می کنید تا یک پایه پایدار و قابل حفظ ایجاد کنید. روشهای مدیریت ظروف ، اطمینان از اندازه مداوم ، حفظ نسبت ابعاد و حل چالش های تراز را کاوش کنید. به تایپوگرافی پیشرفته ، خصوصیات سفارشی و تکنیک های طرح های رنگی سازگار شیرجه بزنید. به علاوه ، یاد بگیرید که چگونه با استراتژی های چیدمان و موقعیت یابی که از شبکه ، Flexbox و شناورها استفاده می کنند ، برای ساختن طرح های پاسخگو و بصری جذاب استفاده کنید. هنگامی که این دوره را تمام کردید ، ابزارها و بینش هایی برای اصلاح مهارت های خود و ایجاد طرح های خوب ساختار یافته و تأثیرگذار خواهید داشت.

 هنگامی که اصول اولیه HTML را یاد گرفتید، زمان آن رسیده است که به بررسی Cascading Style Sheets (CSS) بپردازید، زبانی که HTML را در مرورگر عالی جلوه می دهد. این دوره به شما امکان‌ها را می‌دهد و به شما نشان می‌دهد که CSS چه کارهایی را انجام می‌دهد و اصول اولیه‌ای را که برای کارکرد آن برای شما نیاز دارید، نشان می‌دهد. به کری دیلز بپیوندید تا توضیح دهد که CSS چیست و چگونه با HTML کار می‌کند، درباره گزینه‌های نویسندگی بحث می‌کند، و مفاهیم رایج CSS مانند مدل جعبه CSS و نحوه کار با فونت‌ها و رنگ‌ها را پوشش می‌دهد. شما می توانید این دوره را به ترتیب از ابتدا تا انتها تماشا کنید یا به موضوعات خاصی که مورد علاقه شماست بپرید. اگر می خواهید اصول CSS را بیاموزید و اساس کار با سبک ها را در وب ایجاد کنید، این دوره را بررسی کنید.

 در این دوره ، تکنیک های فقط CSS را برای ایجاد پانل های آکاردئونی ، ویندوزهای معین و منوهای همبرگر و طرح های رنگ نور/تیره یاد بگیرید. در حال حاضر این تکنیک ها همه شامل برخی از JavaScript هستند. با این حال ، با بهبود عناصر HTML ، خواص CSS و پشتیبانی مرورگر ، این تکنیک ها دیگر نیازی به JavaScript ندارند. در این دوره به مربی جن کرامر بپیوندید تا با این آخرین تکنیک های برش به روز شوید.

 ماجراجویی خود را به عنوان React ، کتابخانه جلویی که مورد اعتماد توسعه دهندگان در سراسر جهان است ، شروع کنید ، زیرا ری ویلاوبوس شما را شروع به نصب React می کند ، با استفاده از قلاب هایی برای مدیریت حالت و چرخه عمر ، رسیدگی به رویدادها و ساختار اجزای خود برای حداکثر قابلیت استفاده مجدد. با Pico CSS به یک ظاهر طراحی شده شیرجه بزنید. برنامه خود را با JSX بهینه کنید و پیچیدگی های ادغام و مدیریت ماژول های خارجی را بیاموزید. روشهای عملی برای استفاده از ابزارهایی مانند Node.JS ، VEET و Codepaces CodeSpaces را برای توسعه و اشکال زدایی کارآمد کشف کنید. بیاموزید که چگونه نمادهای SVG و فونت های سفارشی را درج کنید تا جذابیت بصری برنامه خود را تقویت کنید. همراه با نمونه ها و پروژه های دستی که برای تحکیم درک شما طراحی شده است. این که آیا شما در حال ایجاد رابط های تعاملی کاربر برای پروژه های شخصی یا استفاده از برنامه های آماده تولید هستید ، این دوره جامع شما را به دانشی که برای تعالی نیاز دارید ، مجهز می کند.

 در حالی که ایجاد فرم‌ها با HTML و CSS یک مهارت اصلی توسعه وب است، ساخت فرم‌های عالی به چیزی بیش از اصول اولیه نیاز دارد. امیلی کی تجربه سال ها کار با مشتریان و توسعه دهندگان را به ارمغان می آورد تا نحوه ایجاد فرم هایی را که برای مردم مفید و حتی لذت بخش است را توضیح دهد. با نحوه تنظیم یک فرم اولیه و افزودن دکمه ها، سوئیچ های تغییر وضعیت، انتخابگر تاریخ و موارد دیگر آشنا شوید. در تکنیک ها و ترفندهای CSS مخصوص فرم ها به خوبی آشنا شوید و جاوا اسکریپت را اضافه کنید تا فرم های خود را به سطح بعدی منتقل کنید. Emily شما را از طریق چهار پروژه شروع تا پایان با محبوب ترین انواع فرم های وب شامل: ورود، رزرو، پرداخت و فرم های جستجو راهنمایی می کند. بعلاوه، یاد بگیرید که چگونه قابلیت دسترسی و اعتبارسنجی فرم را ترکیب کنید و یک صفحه موفقیت آمیز پس از ارسال بسازید تا به کاربران اطلاع دهید که ورودی هایشان پذیرفته شده است.

توجه: ملاحظات قابلیت استفاده و طرح بندی بر اساس دستگاه و پلت فرم متفاوت است. همه فرم های ساخته شده در این دوره به همان اندازه روی دستگاه های تلفن همراه و دسکتاپ و همچنین همه مرورگرهای مدرن کار می کنند.

 این دوره با Morten Rand-Hendriksen دانش شما را با 15 چالش طرح CSS در مورد بررسی فرصت ها و پیچیدگی های ارائه شده توسط ماژول های طرح مدرن CSS آزمایش می کند. چالش ها در دامنه از چیدمان های سطح مؤلفه مانند منوهای افقی گرفته تا چیدمان های سایت و طرح های پاسخگو در عرض چندین منظره. اگر می خواهید ببینید که مهارت های شما چگونه پشته می شود یا فقط چیز جدیدی را یاد می گیرید ، برای این دوره به مورتن بپیوندید.

این دوره با GitHub Codespaces ، یک محیط توسعه دهنده ابر فوری که تمام عملکردهای IDE مورد علاقه شما را بدون نیاز به تنظیمات محلی محلی ارائه می دهد ، یکپارچه شده است. با استفاده از CodeSpaces ، می توانید در هر زمان ، از هر دستگاهی تمرین کنید-همه در حالی که از ابزاری استفاده می کنید که احتمالاً در محل کار با آن روبرو خواهید شد.

هر قسمت از سری سطح بالا حداقل 15 فرصت به اندازه نیش را برای تمرین برنامه نویسی در سطوح مختلف دشواری ارائه می دهد ، بنابراین می توانید خود را به چالش بکشید و آنچه را که آموخته اید تقویت کنید. برای یادگیری نحوه استفاده از فضای کد ، از فیلم "استفاده از CodeSpaces GitHub با این دوره" دیدن کنید.