آموزش تسلط بر CSS - نسخه دوم [ویدئو]

Mastering CSS - Second Edition [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: CSS یک زبان ارائه ساده فریبنده است که در چند سال گذشته به طور قابل توجهی توسعه یافته است. توسعه دهندگان فرانت اند باید با اتخاذ رویکردی مدولار برای ساختن یک وب سایت، شیوه نامه ها را قابل مدیریت و سازماندهی کنند. آنها می توانند با آن کشتی بگیرند، یا یاد بگیرند که چگونه به آن مسلط شوند تا به راحتی طرح ها و سبک ها را با دقت اعمال کنند. این دوره ویدیویی توسعه وب برای کمک به شما در ایجاد دانش CSS و تسلط بر یکی از با ارزش ترین ابزارها در طراحی وب مدرن طراحی شده است. ما با بررسی مختصری از مبانی CSS با استفاده از یک ویرایشگر متن خوب برای خودکار کردن نوشتن شما و تنظیم یک خط پایه CSS شروع می کنیم. سپس به ایجاد یک چیدمان با شناورها و یک منوی عملکردی با کرکره‌ها ادامه می‌دهیم و یک رویکرد مدولار سازمان‌یافته به CSS را در نظر می‌گیریم. ما در این دوره به جزئیات زیادی از CSS می پردازیم، از ایجاد یک دکمه شبح مدرن و یک دکمه بزرگ فراخوان تا اقدام به ظاهر دشوار و ترسناک SVG. همچنین ویژگی‌های CSS3 مانند تبدیل‌ها، انتقال‌ها و انیمیشن‌ها را عمیقاً بررسی خواهیم کرد. در پایان، درک درستی از طراحی وب ریسپانسیو، فونت های وب، فونت های آیکون و تکنیک های مورد استفاده برای پشتیبانی از دستگاه های شبکیه خواهید داشت. همه چیزهایی که یک توسعه دهنده وب پیشانی مدرن باید بداند. این دوره شما را با تمام دانش، نکات و ترفندهایی که برای متمایز کردن شما در دنیای توسعه برنامه‌های کاربردی وب پیچیده، واکنش‌گرا و غنی نیاز دارید، مسلح می‌کند. از ابزارهای توسعه دهنده کروم برای عیب یابی CSS استفاده کنید برخی از قوی ترین تکنیک های مورد استفاده برای حل مشکلات شناورها مانند هک clearfix را کاوش کنید. عناصر را با کلاس ها تغییر نام دهید، از انتخابگرهای نسل استفاده کنید و قوانین خاص را درک کنید با ویژگی های CSS3 مانند ترانزیشن ها، تبدیل ها، گرادیان ها، کلاس های شبه و انیمیشن ها مسلط شوید. از قدرت تکنیک های موقعیت یابی مطلق، نسبی، ایستا و ثابت استفاده کنید برای استایل شیت‌های سازمان‌یافته‌تر و کوچک‌تر، به CSS مدولار، قابل استفاده مجدد و مقیاس‌پذیر بپردازید پرس و جوهای رسانه ای و سایر اصول طراحی وب ریسپانسیو را درک کنید با ویژگی font-face@، کیت‌های فونت، فونت‌های وب Google، خدمات فونت اشتراک و فونت‌های نماد خلاق باشید. بهینه سازی گردش کار برای دستگاه های HiDPI (شبکیه) با استفاده از تصاویر 2x، تصاویر 1.5x، SVG و ویژگی srcset بیاموزید که چگونه ویژگی های صفحه وب خود را با استفاده از flexbox چیدمان کنید، که بسیاری از چالش های چیدمان را که با طرح بندی مبتنی بر شناور به آنها عادت کرده بودیم حل می کند. CSS در پروژه های وب آنها. شما می دانید که چگونه با یک صفحه وب کار کنید و مهارت های اصلی HTML را به ارمغان بیاورید، و یاد خواهید گرفت که چگونه از CSS برای ارتقای وب سایت خود به سطح بعدی ارائه استفاده کنید. دوره محبوب ویدیویی Mastering CSS در نسخه دوم خود به روز شده است تا ویژگی های جدیدی را شامل شود، از جمله ویدیویی در ویژگی "srcset" در بخش Workflow برای دستگاه های HiDPI و یک بخش کاملاً جدید در flexbox * Deep dive into lots. جزئیات CSS در این دوره، از ایجاد یک دکمه شبح به ظاهر مدرن و یک دکمه بزرگ فراخوان تا اقدام به ظاهر دشوار و ترسناک SVG * شما را با تمام دانش، نکات و ترفندهایی که برای ساختن شما نیاز دارید مسلح می کند. در دنیای توسعه برنامه‌های کاربردی وب پیچیده، واکنش‌گرا و پر از ویژگی برجسته باشید *

سرفصل ها و درس ها

مبانی CSS CSS Foundations

  • بررسی اجمالی دوره The Course Overview

  • آناتومی یک مجموعه قوانین و سه نوع شیت The Anatomy of a Rule Set and the Three Types of Style Sheets

  • مدل جعبه و بلوک در مقابل عناصر درون خطی The Box Model and Block versus Inline Elements

سربالایی Ramping Up

  • ویرایشگرهای متن Text Editors

  • CSS Reset CSS Reset

  • Chrome Dev Tools Chrome Dev Tools

  • تغییر نام عناصر: کلاس ها و شناسه ها Renaming Elements: Classes and IDs

  • انتخاب کنندگان نسل Descendant Selectors

ایجاد طرح بندی صفحه با Floats Creating a Page Layout with Floats

  • Floats Introduction – جریان متن در اطراف تصاویر Floats Introduction – Flowing Text around Images

  • ایجاد یک طرح چند ستونی Creating a Multicolumn Layout

  • حل مشکلات شناورها Solving the Problems of Floats

ایجاد دکمه با CSS مدولار Creating Buttons with Modular CSS

  • ایجاد دکمه با CSS مدولار Creating Buttons with Modular CSS

  • کلاس های چندگانه Multiple Classes

  • قوانین خاص Specificity Rules

  • انتقال ها Transitions

  • تبدیل می کند Transforms

  • طراحی یک دکمه Call to Action Styling a Call to Action button

  • گرادیان ها Gradients

ایجاد ناوبری اصلی Creating the Main Navigation

  • شروع ناوبری Starting the Navigation

  • استفاده از کلاس های شبه Using Pseudo Classes

  • موقعیت یابی مطلق Absolute Positioning

  • ساخت Dropdown Building the Dropdown

  • انیمیشن های CSS CSS Animations

  • انیمیشن های CSS (ادامه) CSS Animations (Continued)

  • تکمیل ناوبری Finalizing the Navigation

پاسخگو شدن Becoming Responsive

  • شبکه سیال Fluid Grid

  • تصاویر انعطاف پذیر Flexible Images

  • داستان های رسانه Media Queries

  • منوی موبایل Mobile Menu

  • متا تگ Viewport Viewport Meta Tag

فونت های وب Web Fonts

  • ویژگی @font-face The @font-face Property

  • کیت فونت و خدمات فونت Font Kits and Font Services

  • فونت های وب گوگل Google Web Fonts

  • اشتراک فونت Foundries Subscription Font Foundries

  • فونت های نماد Icon Fonts

گردش کار برای دستگاه های HiDPI The Workflow for HiDPI Devices

  • 2x تصاویر 2x Images

  • رویکرد جاوا اسکریپت The JavaScript Approach

  • تصاویر 1.5x 1.5x images

  • تصاویر پس زمینه Background Images

  • SVG SVG

  • Srcset Srcset

فلکس باکس Flexbox

  • آشنایی با فلکس باکس Introduction to Flexbox

  • از Floats تا Flexbox From Floats to Flexbox

  • درک flex-grow، flex-shrink، flex-basis و flex Understanding flex-grow, flex-shrink, flex-basis, and flex

  • چیدمان بیشتر، موقعیت یابی بیشتر More Layout, More Positioning

  • ساخت فهرست محصولات Building the Product Listing

  • انعطاف پذیری و تراز کردن محتوا flex-wrap and align-content

  • تغییر ترتیب نمایش محتوا Changing the Display Order of Content

  • پیشوندهای فروشنده Vendor Prefixes

بسته بندی Wrapping Up

  • مراحل بعدی Next Steps

  • نتیجه گیری و پیوندها Conclusion and Links

نمایش نظرات

Packtpub یک ناشر دیجیتالی کتاب‌ها و منابع آموزشی در زمینه فناوری اطلاعات و توسعه نرم‌افزار است. این شرکت از سال 2004 فعالیت خود را آغاز کرده و به تولید و انتشار کتاب‌ها، ویدیوها و دوره‌های آموزشی می‌پردازد که به توسعه‌دهندگان و متخصصان فناوری اطلاعات کمک می‌کند تا مهارت‌های خود را ارتقا دهند. منابع آموزشی Packtpub موضوعات متنوعی از جمله برنامه‌نویسی، توسعه وب، داده‌کاوی، امنیت سایبری و هوش مصنوعی را پوشش می‌دهد. محتوای این منابع به صورت کاربردی و به‌روز ارائه می‌شود تا کاربران بتوانند دانش و توانایی‌های لازم برای موفقیت در پروژه‌های عملی و حرفه‌ای خود را کسب کنند.

آموزش تسلط بر CSS - نسخه دوم [ویدئو]
جزییات دوره
4 h 44 m
51
Packtpub Packtpub
(آخرین آپدیت)
2
4.5 از 5
ندارد
دارد
دارد
Rich Finelli
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Rich Finelli Rich Finelli

Rich Finelli یک شوهر و یک پدر است که در Piscataway، NJ زندگی می کند و به عنوان یک توسعه دهنده frontend کار می کند. او واقعاً مشتاق و هیجان‌زده برای همه فن‌آوری‌های ظاهری است و از یادگیری در مورد طراحی و توسعه وب لذت می‌برد. او همچنین دو دوره در مورد CSS در Mercer County Community در نیوجرسی تدریس می کند و در وبلاگ خود، richfinelli.com، در مورد طراحی وب می نویسد.