لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش تسلط بر 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
Packtpub یک ناشر دیجیتالی کتابها و منابع آموزشی در زمینه فناوری اطلاعات و توسعه نرمافزار است. این شرکت از سال 2004 فعالیت خود را آغاز کرده و به تولید و انتشار کتابها، ویدیوها و دورههای آموزشی میپردازد که به توسعهدهندگان و متخصصان فناوری اطلاعات کمک میکند تا مهارتهای خود را ارتقا دهند. منابع آموزشی Packtpub موضوعات متنوعی از جمله برنامهنویسی، توسعه وب، دادهکاوی، امنیت سایبری و هوش مصنوعی را پوشش میدهد. محتوای این منابع به صورت کاربردی و بهروز ارائه میشود تا کاربران بتوانند دانش و تواناییهای لازم برای موفقیت در پروژههای عملی و حرفهای خود را کسب کنند.
Rich Finelli یک شوهر و یک پدر است که در Piscataway، NJ زندگی می کند و به عنوان یک توسعه دهنده frontend کار می کند. او واقعاً مشتاق و هیجانزده برای همه فنآوریهای ظاهری است و از یادگیری در مورد طراحی و توسعه وب لذت میبرد. او همچنین دو دوره در مورد CSS در Mercer County Community در نیوجرسی تدریس می کند و در وبلاگ خود، richfinelli.com، در مورد طراحی وب می نویسد.
نمایش نظرات