آموزش دوره تسلط عملی CSS3 [ویدئو]

Practical CSS3 Mastery Course [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: اگر به دنبال یادگیری توسعه وب یا تبدیل شدن به یک توسعه دهنده فول استک بوده اید، این دوره نه تنها CSS3 را به شما آموزش می دهد، بلکه شما را مجبور می کند که همه آن را مانند یک حرفه ای عملی کنید. بسیاری از دانش‌آموزان به سادگی از فناوری‌های فرانت‌اند اجتناب می‌کنند، زیرا معتقدند که فنجان چای آن‌ها نیست، اما این دوره نظر شما را تغییر می‌دهد و شما را به یک توسعه‌دهنده تبدیل می‌کند و به شما نشان می‌دهد که چگونه اصول را بدون نیاز به یادآوری چیزی عملی کنید. در این دوره ابتدا به اصول توسعه وب می پردازیم، سپس به بررسی CSS می پردازیم. پس از آن، ما ادامه می دهیم و نصب و راه اندازی را برای محیط توسعه محلی خود انجام می دهیم. سپس تکنیک های مختلفی را می بینیم که می توانیم برای اشکال زدایی با استفاده از ابزارهای توسعه دهنده استفاده کنیم. در مرحله بعد، به مشاهده انواع مختلف انتخابگرها، جبهه ها و پس زمینه ها در CSS خواهیم پرداخت. ما به مفاهیم بعدی مدل جعبه، حاشیه و بالشتک می رویم. پس از آن، نحوه عملکرد نمایش، موقعیت، شناور و شاخص Z در CSS را خواهیم دید. در مرحله بعد، ما یک ویژگی مهم برای Flexbox را به همراه پرس و جوهای رسانه و شبه انتخابگرها برای طراحی وب واکنشگرا بررسی می کنیم و سپس ادامه می دهیم و نحوه استفاده از سایه، انیمیشن، انتقال و تبدیل با CSS و موارد دیگر را می بینیم. شما می توانید به سرعت هر آنچه از این دوره آموخته اید در هر پروژه ای که شامل برنامه نویسی فرانت اند است تا پایان آن اعمال کنید. بسته کد کامل این دوره در آدرس زیر موجود است: https://github.com/PacktPublishing/Practical-CSS3-Mastery-Course درباره پلاگین ها و تکنیک های مختلف برای سرعت بخشیدن به توسعه اطلاعات کسب کنید. اجزای مختلف سند HTML را کاوش کنید نحوه استفاده از فونت ها، رنگ ها، حاشیه ها، سبک های پس زمینه را بیاموزید استفاده از ویژگی z-index را درک کنید نحوه ایجاد طرح‌بندی با استفاده از Flexbox را بیاموزید ایجاد طراحی وب ریسپانسیو با استفاده از پرس و جوهای رسانه ای هر کسی که علاقه مند به شروع حرفه ای در توسعه وب است یا هر توسعه دهنده ای که می خواهد به توسعه فول استک انتقال یابد باید این دوره را بگذراند زیرا این دوره با اصول CSS شروع می شود. یاد بگیرید چگونه ویژگی های مختلف CSS را در سناریوهای مختلف اعمال کنید * اصول اولیه توسعه وب و اشکال زدایی را بیاموزید * با استفاده از مفاهیم اصلی HTML5 و CSS3 وب سایت های واکنش گرا بسازید.

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

مقدمه و تنظیم محیط Introduction and Environment Setup

  • پیام خوش آمد Welcome Message

  • مقدمه ای بر توسعه وب Introduction to Web Development

  • نصب و راه اندازی Installation and Setup

مبانی HTML و CSS Basics of HTML and CSS

مبانی HTML و CSS Basics of HTML and CSS

  • اولین HTML شما Your First HTML

  • اولین HTML شما Your First HTML

  • ساختار HTML HTML Structure

  • ساختار HTML HTML Structure

  • مقدمه ای بر CSS Introduction to CSS

  • مقدمه ای بر CSS Introduction to CSS

  • روش های مختلف استفاده از CSS Different Ways of Using CSS

  • روش های مختلف استفاده از CSS Different Ways of Using CSS

فونت، رنگ، پس زمینه، شناور Font, Color, Background, Float

فونت، رنگ، پس زمینه، شناور Font, Color, Background, Float

  • انتخابگرها در CSS Selectors in CSS

  • انتخابگرها در CSS Selectors in CSS

  • اشکال زدایی با استفاده از ابزار توسعه دهنده Debugging Using Developer Tool

  • اشکال زدایی با استفاده از ابزار توسعه دهنده Debugging Using Developer Tool

  • فونت ها در CSS Fonts in CSS

  • فونت ها در CSS Fonts in CSS

  • رنگ ها در CSS Colors in CSS

  • رنگ ها در CSS Colors in CSS

  • ارتفاع پس زمینه حاشیه Border Background Height Width

  • ارتفاع پس زمینه حاشیه Border Background Height Width

  • حاشیه مدل جعبه و بالشتک Box Model Margin and Padding

  • حاشیه مدل جعبه و بالشتک Box Model Margin and Padding

  • شناور روشن Float Clear

  • شناور روشن Float Clear

انتخابگرها، نمایشگر، موقعیت، شاخص Z Selectors, Display, Position, Z Index

انتخابگرها، نمایشگر، موقعیت، شاخص Z Selectors, Display, Position, Z Index

  • انتخابگر شبه Pseudo Selector

  • انتخابگر شبه Pseudo Selector

  • ویژگی نمایش CSS CSS Display Property

  • ویژگی نمایش CSS CSS Display Property

  • ویژگی موقعیت CSS CSS Position Property

  • ویژگی موقعیت CSS CSS Position Property

  • CSS Visibility و Z Index CSS Visibility and Z Index

  • CSS Visibility و Z Index CSS Visibility and Z Index

Flexbox، پرسش های رسانه ای، و طراحی پاسخگو Flexbox, Media Queries, and Responsive Design

Flexbox، پرسش های رسانه ای، و طراحی پاسخگو Flexbox, Media Queries, and Responsive Design

  • CSS Flexbox CSS Flexbox

  • CSS Flexbox CSS Flexbox

  • واحدهای پاسخگو CSS - EM، REM، VW و VH CSS Responsive Units - EM, REM, VW, and VH

  • واحدهای پاسخگو CSS - EM، REM، VW و VH CSS Responsive Units - EM, REM, VW, and VH

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

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

انتخابگرها، جلوه‌ها و انیمیشن‌ها را پیشرفته کنید Advance Selectors, Effects, and Animation

انتخابگرها، جلوه‌ها و انیمیشن‌ها را پیشرفته کنید Advance Selectors, Effects, and Animation

  • انتخابگر شبه پیشرفته Advance Pseudo Selector

  • انتخابگر شبه پیشرفته Advance Pseudo Selector

  • انتخابگر نهمین nth Selector

  • انتخابگر نهمین nth Selector

  • قبل از پس از انتخاب شبه Before After Pseudo Selector

  • قبل از پس از انتخاب شبه Before After Pseudo Selector

  • سایه متن جعبه CSS CSS Box Text Shadow

  • سایه متن جعبه CSS CSS Box Text Shadow

  • متغیرهای سفارشی CSS CSS Custom Variables

  • متغیرهای سفارشی CSS CSS Custom Variables

  • فریم های کلیدی انیمیشن CSS - قسمت 1 CSS Animation Keyframes - Part 1

  • فریم های کلیدی انیمیشن CSS - قسمت 1 CSS Animation Keyframes - Part 1

  • فریم های کلیدی انیمیشن CSS - قسمت 2 CSS Animation Keyframes - Part 2

  • فریم های کلیدی انیمیشن CSS - قسمت 2 CSS Animation Keyframes - Part 2

  • انتقال Transition

  • انتقال Transition

  • تبدیل Transform

  • تبدیل Transform

نمایش نظرات

آموزش دوره تسلط عملی CSS3 [ویدئو]
جزییات دوره
2 h 52 m
30
Packtpub Packtpub
(آخرین آپدیت)
از 5
ندارد
دارد
دارد
Ranjan Pandey
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ranjan Pandey Ranjan Pandey

نرم افزار حرفه ای با 11+ سال تجربه در ITI یک نرم افزار Fullstack DevOps با 11+ سال تجربه در انواع فناوری ها از جمله توسعه وب و برنامه های تلفن همراه با استفاده از HTML5 ، CSS3 ، JavaScript ، JQuery ، Bootstrap ، Angular ، React ، Java ، Spring ، Springboot ، Python ، Flask ، Django ، NodeJS ، Express ، Android ، Ionic ، React Native ، Flutter به هوش مصنوعی و فناوری های ابری مانند سرویس های وب آمازون و Microsoft Azure. من همچنین دارای گواهینامه جاوا ، Azure cloud ، محصول Backbase هستم. من تجربه کار با چندین مشتری MNC و اروپایی را دارم. من همچنین یک مربی شرکتی هستم که طیف گسترده ای از آموزش را ارائه می دهد.